.persona-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 0; border-bottom:1px solid currentColor; }
.persona-header nav { display:flex; gap:24px; }
.persona-page { padding:24px; }
.persona-page h1 { font-size:clamp(28px,5vw,52px); margin:30px 0 20px; }
.persona-page p { line-height:1.7; max-width:75ch; }
.persona-page a:focus-visible,.hub-card:focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.hub-card-row { flex-wrap:wrap; }
body.root-hub-route .hub-card-row > .hub-card { opacity:1 !important; transform:none !important; visibility:visible !important; animation:none !important; }
.hub-card-stack { width:min(980px,100%); }
.hub-card-row { width:100%; }
.catalog-toolbar,.catalog-actions { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin:20px 0; }
.catalog-layout { display:grid; grid-template-columns:minmax(240px,1fr) minmax(0,2fr); gap:20px; }
.catalog-layout label { display:block; margin:14px 0; }
.catalog-layout input,.catalog-layout select,.catalog-layout textarea,.catalog-toolbar input,.catalog-toolbar select { color:var(--text,#ddd); background:var(--panel,#101d2c); border:1px solid var(--muted,#789); padding:10px; border-radius:3px; max-width:100%; }
.catalog-layout input,.catalog-layout textarea,.catalog-layout select { width:100%; box-sizing:border-box; }
.catalog-layout button { cursor:pointer; color:inherit; background:transparent; border:1px solid var(--muted,#789); padding:10px; }
.catalog-entry { display:block; width:100%; text-align:left; margin:8px 0; }
.catalog-entry.active { outline:2px solid var(--accent,#dc9); }
.catalog-entry small { display:block; opacity:.7; }
.catalog-field { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(130px,1fr); gap:8px; margin:10px 0; }
.catalog-field label { margin:0; }
#catalog-list { max-height:70vh; overflow:auto; }
#catalog-source { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:800px) { .catalog-layout { grid-template-columns:minmax(0,1fr); } #catalog-list { max-height:280px; } .catalog-field { grid-template-columns:minmax(0,1fr); border-bottom:1px solid var(--muted,#789); padding-bottom:16px; margin-bottom:16px; } }
.hub-card-stack { width:min(1400px,100%); }
.bureau-shell-footer-inner { display:flex; justify-content:space-between; gap:18px; padding:12px 24px !important; font-family:"Share Tech Mono",monospace !important; color:var(--muted) !important; text-transform:uppercase; letter-spacing:.16em; }
.bureau-shell-footer-left,.bureau-shell-footer-right { font-size:11px; line-height:1.6; }
.bureau-shell-footer-right { text-align:right; }
@media(max-width:720px) { .bureau-shell-footer-inner { flex-direction:column; align-items:flex-start; gap:4px; } .bureau-shell-footer-right { text-align:left; } }
@media(max-width:720px) {
 .hub-screen { min-height:100dvh; height:auto; overflow:visible; padding:24px 16px; }
 .hub-center { position:relative; inset:auto; transform:none; margin:40px 0; }
 .hub-card-row { display:grid; grid-template-columns:1fr; width:100%; gap:16px; }
 .hub-card-stack,.hub-card { width:100%; max-width:100%; min-width:0; }
 .hub-topline,.persona-header { flex-wrap:wrap; }
 .persona-page { padding:16px; }
 .persona-page .technique-archive-browser-shell { display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; }
 .persona-page .archive-browser-column,.persona-page .archive-browser-detail { min-width:0 !important; width:100% !important; max-width:100% !important; }
 .persona-page .archive-browser-detail { position:relative !important; }
}
