:root{--dark:#382030;--cream:#f6efe9;--white:#fffdfa;--green:#396d5a;--border:#e5d7d0}*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:#332830;font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.65}
a{color:#64304b}a:focus-visible,button:focus-visible{outline:3px solid #b56983;outline-offset:2px}.container{max-width:1060px;margin:0 auto;padding:0 22px}
.site-top{background:#fffdfa;border-bottom:1px solid var(--border)}.site-top .container{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px}
.logo{font-family:Unbounded,sans-serif;letter-spacing:-.06em;color:var(--dark);font-weight:700;text-decoration:none}.logo small{font:600 10px Montserrat,sans-serif;display:block;letter-spacing:.14em;color:#92717d}
.site-top nav{display:flex;gap:18px;font-size:12px;font-weight:700}.hero-article{padding:50px 0 30px}.eyebrow{color:#91546d;font-weight:800;letter-spacing:.1em;font-size:11px;text-transform:uppercase}
h1{font:600 clamp(28px,4vw,48px)/1.23 Unbounded,sans-serif;letter-spacing:-.05em;margin:13px 0 18px}h2{font:600 21px/1.4 Unbounded,sans-serif;letter-spacing:-.04em}h3{font-size:15px;color:#522c3d}
.lead{font-size:17px;color:#685c61;max-width:750px}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:22px;padding-bottom:50px}
.article,.aside{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:28px}.article section{padding:14px 0;border-bottom:1px solid var(--border)}.article section:last-child{border-bottom:0}
.article li{margin:8px 0}.notice{background:#eef4ed;padding:18px;border-radius:12px;margin-top:16px;font-size:13px}.example{border-left:3px solid var(--green);padding:13px;background:#f6f3ef;border-radius:0 9px 9px 0}.example p{margin:7px 0}.example h3{margin:4px 0}
.tabbar{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 14px}.tabbar button{border:1px solid var(--border);background:#faf4ef;border-radius:9px;padding:10px 13px;font:700 12px Montserrat;cursor:pointer}.tabbar button[aria-pressed=true]{background:var(--green);color:white}
.aside h2{font-size:17px}.aside a{display:block;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.aside a:last-child{border-bottom:0}
.product{background:#3b6b59;color:white;border-radius:16px;padding:22px;margin-top:24px}.product a{color:#28382f;background:#f6ece2;padding:11px 14px;display:inline-block;text-decoration:none;border-radius:10px;font-size:12px;font-weight:800;margin-top:8px}
.sources{font-size:12px}.sources li{overflow-wrap:anywhere}.footer{padding:27px 0;border-top:1px solid var(--border);color:#796f72;font-size:11px}
@media(max-width:760px){.layout{grid-template-columns:1fr}.article,.aside{padding:19px}.hero-article{padding:28px 0 8px}.site-top nav{gap:12px}.container{padding:0 14px}}

/* V11: contextual graph on semantic content pages */
.relation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}
.relation-item{display:flex;flex-direction:column;gap:7px;padding:14px;border-radius:12px;background:#f7f0eb;text-decoration:none;border:1px solid #e8dad5;color:#36262f;min-width:0}
.relation-item:hover,.relation-item:focus-visible{background:#eaf1eb;border-color:#93b2a2}
.relation-item strong{font-size:13px;line-height:1.4}.relation-item span:last-child{font-size:11px;line-height:1.55;color:#716268}
.relation-type{font-size:10px;color:#41705d;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.topic-relations details{margin:17px 0 0;padding:10px;background:#f8f3ef;border-radius:10px;font-size:12px}
.topic-relations summary{cursor:pointer;font-weight:700}.topic-relations li{margin:8px 0}
@media(max-width:410px){.relation-grid{grid-template-columns:1fr}}

.v12-decision{margin-top:15px;border-left:3px solid #4c7a64;background:#edf4ed;border-radius:0 8px 8px 0;padding:12px 14px}.v12-decision p{margin:5px 0 0}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Match the immersive Atlas with a quiet, readable editorial layout. */
:root{--cream:#f4efe7;--white:#fcf9f2;--dark:#311724;--border:#d8cbbf}
.container{max-width:1200px;padding-inline:clamp(21px,4vw,60px)}
.site-top{background:#fbf8f1}.site-top .container{min-height:85px;gap:20px;flex-wrap:wrap}.site-top nav{flex-wrap:wrap;font-weight:600}
.hero-article{padding:65px 0 42px;border-bottom:1px solid var(--border);margin-bottom:40px}
h1{font-weight:500;font-size:clamp(30px,4vw,56px);letter-spacing:-.06em;text-wrap:balance;overflow-wrap:anywhere}h2{font-weight:500;letter-spacing:-.05em}.lead{font-size:18px;line-height:1.9}
.layout{gap:48px;align-items:start;grid-template-columns:minmax(0,1fr) 280px}.article{border:0;border-radius:0;padding:0;background:none}.article section{padding:17px 0 28px}.article section:first-child{padding-top:0}.article section>h2{margin-top:0}.aside{border-radius:0;padding:25px;background:#eae7dc}.aside h2{font-size:16px}.aside a{text-decoration:none;padding-block:14px}.aside a:hover{color:var(--green)}
.notice,.example,.product,.product a,.tabbar button,.relation-item,.topic-relations details,.v12-decision{border-radius:0}.example{padding:20px;background:#eae4d9}.notice{background:#e5ecdf}.product{padding:26px!important}.tabbar button{min-height:44px;font-weight:600}.relation-item{background:#fcf9f2;padding:18px}.relation-item:hover{background:#e6ecdf}.article p{line-height:1.9}summary{cursor:pointer;min-height:35px}
@media(max-width:760px){.hero-article{padding:35px 0 25px;margin-bottom:28px}.layout{grid-template-columns:1fr;gap:30px}.lead{font-size:15px}.article,.aside{padding:0}.aside{padding:23px}.site-top .container{padding-block:18px;gap:13px}.site-top nav{font-size:10px;gap:16px}.article h2{font-size:20px}.article p,.article li{font-size:14px}.example{padding:17px}.eyebrow{font-size:9px}.sources{overflow-wrap:anywhere}}