/* Shared visual system; existing page copy, SEO and tool behavior are preserved. */
body.site-shell { --bg:#0d1323; --surface:#151e32; --surface-2:#1e2a43; --text:#edf2ff; --text-dim:#b4bfd6; --accent:#9ac1ff; --line:#33415c; --radius:10px; background:var(--bg); }
.site-shell .wrap { max-width:78rem; padding-inline:2.5rem; }
.site-shell .atlas-nav { display:flex; align-items:center; justify-content:space-between; min-height:84px; gap:2rem; border-bottom:1px solid var(--line); }
.site-shell .atlas-wordmark { font-size:1.125rem; font-weight:750; letter-spacing:.04em; text-decoration:none; color:var(--text); white-space:nowrap; }
.site-shell .atlas-wordmark span { margin-left:.75rem; padding-left:.85rem; border-left:1px solid var(--line); font-weight:450; font-size:.875rem; letter-spacing:0; color:var(--text-dim); }
.site-shell .atlas-nav-links { display:flex; gap:1.75rem; align-items:center; font-size:.875rem; }
.site-shell .atlas-nav-links a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; color:var(--text-dim); }
.site-shell .atlas-nav-links a:hover { color:var(--accent-strong); }
.site-shell:not(.homepage) .site-header { padding:2.5rem 0; background:linear-gradient(90deg,#0d1323 20%,#0d1323ef 55%,#0d1323a0),url('/assets/art/citadel.jpg') 75% 45%/cover; }
.site-shell:not(.homepage) .site-header h1 { font-size:clamp(2rem,4vw,3rem); line-height:1.15; letter-spacing:-.035em; max-width:24ch; }
.site-shell:not(.homepage) .site-header .lede { margin-top:1rem; line-height:1.7; }
.site-shell:not(.homepage) .site-header .launch-note { max-width:72ch; }
.site-shell:not(.homepage) main.wrap { padding-top:1.75rem; padding-bottom:2rem; }
.site-shell:not(.homepage) .panel { border-color:var(--line); box-shadow:none; border-radius:10px; padding:1.5rem; }
.site-shell:not(.homepage) button,.site-shell:not(.homepage) input,.site-shell:not(.homepage) select { min-height:44px; }
.site-shell:not(.homepage) .faq,.site-shell:not(.homepage) .sources { max-width:72ch; padding-top:1.5rem; border-top:1px solid var(--line); margin-top:2.5rem; }
.site-shell:not(.homepage) .faq summary { min-height:44px; padding-block:.5rem; }
.site-shell .site-footer { border-top:1px solid var(--line); padding-block:2rem; }
.site-shell.privacy-page main.wrap { max-width:74ch; padding-top:2rem; line-height:1.8; }
.site-shell.privacy-page h1 { font-size:clamp(2rem,4vw,2.8rem); line-height:1.2; letter-spacing:-.03em; }
.site-shell.privacy-page h2 { margin-top:2rem; }
@media(max-width:62rem){
.site-shell .atlas-nav { flex-wrap:wrap; gap:.25rem; padding-block:.75rem; }
.site-shell .atlas-nav-links { width:100%; justify-content:space-between; gap:1rem; }
}
@media(max-width:46rem){
.site-shell .wrap { padding-inline:1rem; }
.site-shell .atlas-nav { min-height:auto; padding-block:.5rem; }
.site-shell .atlas-wordmark { font-size:1rem; }
.site-shell .atlas-wordmark span { font-size:.8rem; }
.site-shell .atlas-nav-links { font-size:.85rem; gap:.65rem; }
.site-shell:not(.homepage) .site-header { padding:1.75rem 0; }
.site-shell:not(.homepage) .site-header h1 { font-size:2rem; }
.site-shell:not(.homepage) main.wrap { padding-top:1rem; }
.site-shell:not(.homepage) .panel { padding:1rem; }
.site-shell:not(.homepage) .panel h2 { font-size:1.3rem; line-height:1.35; }
}
@media(prefers-reduced-motion:reduce){.site-shell *{transition:none!important;animation:none!important;scroll-behavior:auto!important;}}
/* The legacy privacy-page reading rule applies to main, never the body shell. */
body.site-shell.privacy-page { max-width:none; padding-block:0; }
@media(max-width:46rem){.site-shell:not(.homepage) .site-header { background-image:linear-gradient(90deg,#0d1323 20%,#0d1323ef 55%,#0d1323a0),url('/assets/art/citadel-mobile.jpg'); }}