:root{--night:#0c1445;--gold:#c9a227;--gold-l:#f4e4b8;--cream:#faf8f3;--ink:#1a1a2e;
--muted:#5a5a72;--sans:"Manrope",system-ui,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;
--frame:min(940px,100% - 36px)}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.68}
.atlas-bar{height:6px;background:linear-gradient(90deg,var(--night),var(--gold),var(--night))}
.frame{width:var(--frame);margin-inline:auto;padding-inline:4px}
.atlas-mast{padding:22px 0 18px;border-bottom:1px solid #ddd}
.logo{font-family:var(--serif);font-size:clamp(1.65rem,5vw,2rem);font-weight:700;text-decoration:none;color:var(--night);letter-spacing:0.02em}
.logo span{color:var(--gold)}
.atlas-nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px;font-size:0.9rem;font-weight:600}
.atlas-nav a{color:var(--muted);text-decoration:none}
.atlas-nav a:hover,.atlas-nav a[aria-current="page"]{color:var(--night)}
.hero-atlas{background:var(--night);color:#fff;padding:clamp(32px,8vw,48px) 0;margin-bottom:0}
.hero-atlas h1{font-family:var(--serif);font-size:clamp(1.85rem,5vw,2.8rem);margin:0 0 12px;font-weight:600;line-height:1.15}
.hero-atlas p{max-width:36rem;color:#d4d4e8;margin:0;font-size:1.05rem;line-height:1.6}
.cols{display:grid;gap:24px;padding:clamp(28px,6vw,40px) 0}
@media(min-width:700px){.cols.split{grid-template-columns:1fr 1fr}}
.article{padding:clamp(28px,6vw,36px) 0}
.article h1{font-family:var(--serif);font-size:clamp(1.75rem,4.5vw,2.35rem);margin:0 0 8px;color:var(--night);line-height:1.15}
.chapter{font-size:0.75rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.lead{font-size:clamp(1.02rem,2.5vw,1.12rem);color:var(--muted);margin:0 0 24px;line-height:1.6}
.gold-rule{height:2px;width:64px;background:var(--gold);margin:20px 0}
.folio{background:#fff;border:1px solid #e0ddd4;padding:20px 22px;margin:18px 0;box-shadow:0 8px 24px rgba(12,20,69,0.06)}
.folio h2{font-family:var(--serif);font-size:1.35rem;margin:0 0 10px;color:var(--night)}
.folio p{margin:0 0 10px}
.folio p:last-child{margin-bottom:0}
.folio ul,.folio ol{margin:8px 0 0 1.15rem;padding:0}
.folio li{margin-bottom:6px}
.mosaic{display:grid;gap:14px}
@media(min-width:600px){.mosaic{grid-template-columns:repeat(2,1fr)}}
.mosaic a{display:block;padding:20px;background:#fff;border:1px solid #e0ddd4;text-decoration:none;color:inherit}
.mosaic a strong{font-family:var(--serif);font-size:1.2rem;display:block;margin-bottom:6px;color:var(--night)}
.mosaic a span{font-size:0.92rem;color:var(--muted)}
.disclaimer-box{margin-top:32px;padding:16px 18px;background:var(--gold-l);border-left:4px solid var(--gold);font-size:0.9rem;color:var(--muted);line-height:1.55}
.atlas-foot{padding:32px 0 48px;font-size:0.88rem;color:var(--muted)}
.atlas-foot a{color:var(--night);font-weight:600}