/* MitAtlas v3 UX layer */
:root{--focus:#f0c46b;--measure:68ch}
.skip-link{position:fixed;left:16px;top:10px;z-index:200;transform:translateY(-160%);background:#fff;color:#071923;padding:10px 14px;border:2px solid var(--gold);font:700 13px var(--sans);text-decoration:none}.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
button{font:inherit}.header-inner{grid-template-columns:auto 1fr auto auto}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn,.menu-btn{min-width:44px;min-height:44px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:transparent;color:#edf4f6;cursor:pointer}.icon-btn:hover,.menu-btn:hover{border-color:rgba(215,188,126,.65);background:rgba(255,255,255,.04)}.menu-btn{display:none}.menu-glyph{width:19px;height:13px;position:relative;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.menu-glyph:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
.lang-switch{padding:2px}.lang-switch a,.lang-switch span{display:inline-flex;align-items:center;justify-content:center;min-width:33px;min-height:32px;border-radius:999px;text-decoration:none}.lang-switch .active{background:var(--gold);color:#071923}.lang-switch a:not(.active){color:#c1cdd1}.lang-switch a:hover{background:rgba(255,255,255,.08)}
.mobile-nav{position:fixed;z-index:70;top:70px;left:0;right:0;transform:translateY(-120%);opacity:0;pointer-events:none;background:#071c26;border-bottom:1px solid rgba(215,188,126,.35);padding:16px 18px 22px;transition:.22s ease}.mobile-nav[data-open="true"]{transform:none;opacity:1;pointer-events:auto}.mobile-nav a{display:flex;min-height:48px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;font:650 14px var(--sans)}.mobile-nav .mobile-tools{display:flex;gap:10px;margin-top:16px}.menu-open{overflow:hidden}
.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;overflow:hidden}.reading-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));transform:scaleX(0);transform-origin:left center;will-change:transform}
.article-hero h1{max-width:880px}.article-hero .dek{max-width:700px;font-size:16px}.meta-row{align-items:center}.meta-row .meta-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;letter-spacing:.04em;text-transform:none}.meta-row .meta-chip:before{display:none!important}
.reading-layout{grid-template-columns:minmax(0,720px) 260px;gap:66px;justify-content:center}.article{font-size:18.5px;line-height:1.78}.article>p,.article>ul,.article>ol,.article>blockquote{max-width:var(--measure)}.article li+li{margin-top:.42em}.article h2{scroll-margin-top:100px}.article h3{scroll-margin-top:100px}.article strong{font-weight:700}.article code{font:90% ui-monospace,SFMono-Regular,Consolas,monospace;background:#eee5d6;padding:.1em .3em;border-radius:3px}
.article-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.article-action{min-height:42px;padding:0 13px;border:1px solid var(--line);background:rgba(255,253,248,.78);color:#23414c;cursor:pointer;font:700 12px var(--sans)}.article-action:hover{border-color:#a98c58;background:#fff}
.rail{top:102px}.rail-card{padding-top:16px}.toc-mini{display:grid;gap:4px;margin-top:10px}.toc-mini a{display:block;padding:6px 0 6px 12px;border-left:1px solid #cdbd9f;color:#647074;text-decoration:none;font:12px/1.4 var(--sans)}.toc-mini a:hover,.toc-mini a.active{border-left:2px solid var(--gold);color:#133f4d;font-weight:700}
.related{margin-top:70px;padding-top:28px;border-top:1px solid var(--line)}.related-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.related-head h2{font-size:30px!important;margin:0!important}.related-head h2:before{display:none!important}.related-head span{font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8b7448}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{display:block;border:1px solid var(--line);background:#fffaf1;text-decoration:none;overflow:hidden}.related-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.related-card div{padding:14px}.related-card small{font:800 9px var(--sans);letter-spacing:.12em;color:#8d7340}.related-card strong{display:block;margin-top:7px;font-size:16px;line-height:1.15}
.back-top{position:fixed;right:18px;bottom:18px;z-index:60;width:46px;height:46px;border:1px solid rgba(183,149,84,.6);background:#071c26;color:#fff;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.back-top.show{opacity:1;transform:none;pointer-events:auto}.staging-note{right:76px}
.search-dialog{width:min(92vw,720px);max-height:min(82vh,760px);padding:0;border:1px solid #c9b58f;background:#f8f2e8;color:var(--ink);box-shadow:0 35px 100px rgba(0,0,0,.45)}.search-dialog::backdrop{background:rgba(2,13,18,.72);backdrop-filter:blur(3px)}.search-head{display:grid;grid-template-columns:1fr auto;gap:14px;padding:22px;border-bottom:1px solid var(--line);background:#071c26}.search-head input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.18);background:#0c2b37;color:#fff;padding:0 14px;font:15px var(--sans)}.search-head input::placeholder{color:#99aaaf}.search-close{width:48px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;cursor:pointer}.search-results{padding:12px 18px 20px;overflow:auto;max-height:62vh}.search-result{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none}.search-result span{grid-row:1/3;font:800 9px var(--sans);letter-spacing:.1em;color:#886f3f;padding-top:3px}.search-result strong{font-size:18px;line-height:1.15}.search-result small{margin-top:4px;color:#6a6b67;font:12px/1.45 var(--sans)}.search-empty{padding:30px 4px;color:#6a6b67;font:14px var(--sans)}
.home-copy p{max-width:570px}.story-card,.edition-card,.topic,.btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.story-card:hover,.edition-card:hover{transform:translateY(-2px)}.topic:hover{background:#fffaf1}.btn:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-1px)}
.edition-card h3{hyphens:auto}.section-head p{font-size:14.5px}
.footer-copy{font-size:13.5px}.footer-links a{min-height:28px;display:flex;align-items:center}
@media(max-width:980px){.header-inner{grid-template-columns:auto 1fr auto}.primary-nav{display:none}.menu-btn{display:inline-grid}.header-actions{justify-self:end}.lang-switch{display:none}.reading-layout{grid-template-columns:minmax(0,760px)}.rail{position:static;grid-template-columns:1fr 1fr 1fr}.rail .toc-rail{grid-column:1/-1}.related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.header-inner{width:min(100% - 28px,1220px)}.header-actions{gap:7px}.icon-btn,.menu-btn{min-width:42px;min-height:42px}.article-hero .wrap{min-height:300px;padding:42px 0 38px}.article-hero h1{font-size:38px;line-height:1.04;letter-spacing:-.025em}.article-hero .dek{font-size:14px;line-height:1.55}.meta-row{margin-top:18px;gap:8px 10px}.meta-row span+span:before{margin-right:10px}.reading-shell{padding-top:26px}.reading-layout{width:min(100% - 32px,1120px)}.article{font-size:17.5px;line-height:1.8}.article h2{font-size:30px}.article h3{font-size:22px}.article figure{margin:1.8em 0!important}.rail{grid-template-columns:1fr;gap:14px}.related{margin-top:54px}.related-head{align-items:start;flex-direction:column}.related-grid{grid-template-columns:1fr}.related-card{display:grid;grid-template-columns:116px 1fr}.related-card img{height:100%;aspect-ratio:auto}.back-top{right:12px;bottom:12px}.staging-note{display:none}.search-dialog{width:calc(100vw - 20px);max-height:88vh}.search-head{padding:12px}.search-results{padding:6px 12px 16px}.search-result{grid-template-columns:34px 1fr}.home-copy h1{font-size:52px;line-height:.92}.trust-item b{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-card,.edition-card,.topic,.btn,.mobile-nav,.back-top{transition:none!important}.story-card:hover,.edition-card:hover,.btn:hover{transform:none}}

.brand{min-height:44px}.footer-links a{min-height:40px}
@media(max-width:640px){.footer-links a{min-height:44px}}

.section-kicker{color:#6c5228}.topic-band .section-head p{color:#4f554f}.topic small{color:#6a5128}
.brand-mark i:before{content:"M"}

.related-card small{color:#6b5228}
@media(max-width:640px){.article-hero.has-cover:before{background-image:linear-gradient(90deg,rgba(6,25,35,.985) 8%,rgba(6,25,35,.9) 52%,rgba(6,25,35,.46)),var(--cover-mobile)}}

/* LCP optimization: article hero uses a discoverable responsive image, not a CSS background. */
.article-hero-media{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.04)}
.article-hero.has-cover:before{inset:0!important;background-image:linear-gradient(90deg,rgba(6,25,35,.985) 8%,rgba(6,25,35,.9) 52%,rgba(6,25,35,.46) 100%)!important;background-position:initial!important;background-size:auto!important;filter:none!important}
@media(max-width:640px){.article-hero.has-cover:before{background-image:linear-gradient(90deg,rgba(6,25,35,.985) 8%,rgba(6,25,35,.9) 52%,rgba(6,25,35,.46) 100%)!important}}