.article-nav { position: relative; }
.article-hero { max-width: 1120px; margin: 0 auto; padding: 100px 40px 72px; }
.article-kicker { display:flex; gap:18px; align-items:center; margin-bottom:34px; font:10px/1 var(--mono); letter-spacing:.12em; color:var(--muted); }
.article-kicker span:first-child { padding:8px 10px; background:var(--blue); color:white; }
.article-hero h1 { margin:0; max-width:1000px; font-size:clamp(54px,8vw,112px); line-height:.96; letter-spacing:-.07em; }
.article-hero h1 em { color:var(--blue); font-style:normal; }
.article-hero > p { max-width:720px; margin:38px 0 30px; font-size:20px; line-height:1.8; color:#555866; }
.article-author { display:flex; align-items:center; gap:12px; font-size:12px; }.article-author b { font-size:15px; }.article-author span { color:var(--muted); }
.article-cover { max-width:1320px; margin:0 auto 100px; padding:0 28px; }.article-cover img { display:block; width:100%; border:1px solid var(--line); }.article-cover figcaption { margin-top:12px; font:10px/1.5 var(--mono); color:var(--muted); }
.article-layout { max-width:1120px; margin:0 auto; padding:0 40px 130px; display:grid; grid-template-columns:190px minmax(0,760px); gap:80px; }
.article-toc { position:sticky; top:30px; height:max-content; display:flex; flex-direction:column; gap:15px; padding-top:7px; font:10px/1.3 var(--mono); color:var(--muted); }.article-toc b { margin-bottom:10px; color:var(--ink); }.article-toc a:hover { color:var(--blue); }
.article-body { min-width:0; }.article-body section { margin-bottom:100px; scroll-margin-top:30px; }.article-body p { font-size:17px; line-height:1.95; color:#4d5060; }.article-body strong { color:var(--ink); }
.article-body h2 { margin:10px 0 36px; font-size:clamp(34px,5vw,58px); line-height:1.12; letter-spacing:-.05em; }.article-body h3 { margin:38px 0 10px; font-size:22px; }.chapter { margin:0!important; font:10px/1 var(--mono)!important; letter-spacing:.13em; color:var(--blue)!important; }
.article-body blockquote { margin:44px 0; padding:24px 0 24px 28px; border-left:5px solid var(--orange); font-size:25px; line-height:1.55; font-weight:700; letter-spacing:-.025em; }
.layer-grid,.route-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.layer-grid article,.route-cards article { min-height:250px; padding:26px; background:white; }.layer-grid span,.route-cards b { font:11px/1 var(--mono); color:var(--blue); }.layer-grid h3,.route-cards h3 { margin:70px 0 12px; }.layer-grid p,.route-cards p { margin:0; font-size:13px; line-height:1.75; }
.matrix-table { border:1px solid var(--line); }.matrix-row { display:grid; grid-template-columns:1fr 2fr .7fr; gap:24px; padding:20px; background:white; border-bottom:1px solid var(--line); align-items:center; }.matrix-row:last-child { border-bottom:0; }.matrix-head { background:var(--ink); color:white; font:10px/1 var(--mono); }.matrix-row span { color:#555866; font-size:13px; line-height:1.55; }.matrix-row small { color:var(--blue); font:9px/1.4 var(--mono); }
.formula { margin:48px 0; padding:34px; background:var(--ink); color:white; }.formula small { color:#9396a5; font:10px/1 var(--mono); }.formula strong { display:block; margin:18px 0; color:white; font-size:clamp(20px,3vw,30px); line-height:1.5; }.formula p { margin:0; color:#bfc1cc; font-size:13px; }
.system-list { margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); border:1px solid var(--line); list-style:none; }.system-list li { min-height:130px; padding:24px; display:grid; grid-template-columns:42px 1fr; gap:18px; align-items:center; background:white; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.system-list li:nth-child(2n){border-right:0}.system-list li:nth-last-child(-n+2){border-bottom:0}.system-list b { display:grid; place-items:center; width:42px; height:42px; background:var(--blue-soft); color:var(--blue); }.system-list span { color:#555866; line-height:1.6; }.system-list .result { background:var(--orange); }.system-list .result b { background:white;color:var(--orange); }.system-list .result span { color:white; }
.timeline { border-top:1px solid var(--line); }.timeline article { display:grid; grid-template-columns:130px 120px 1fr; gap:24px; align-items:baseline; padding:24px 0; border-bottom:1px solid var(--line); }.timeline span { font:9px/1 var(--mono); color:var(--blue); }.timeline h3 { margin:0; }.timeline p { margin:0; font-size:14px; }
.sources { padding-top:50px; border-top:1px solid var(--line); }.sources ol { padding-left:22px; }.sources li { margin:12px 0; color:var(--muted); }.sources a { text-decoration:underline; text-underline-offset:3px; }
.article-cta { padding:55px; background:var(--blue); color:white; }.article-cta p { margin:0 0 12px; color:#d7daff; font:10px/1 var(--mono); }.article-cta h2 { color:white; }.article-cta .button { background:white; color:var(--ink); border:0; }
@media(max-width:800px){.article-hero{padding:70px 20px 50px}.article-hero h1{font-size:54px}.article-cover{padding:0;margin-bottom:70px}.article-cover figcaption{padding:0 20px}.article-layout{grid-template-columns:1fr;padding:0 20px 80px}.article-toc{display:none}.layer-grid,.route-cards{grid-template-columns:1fr}.layer-grid article,.route-cards article{min-height:210px}.matrix-row{grid-template-columns:1fr}.matrix-head{display:none}.system-list{grid-template-columns:1fr}.system-list li,.system-list li:nth-child(2n),.system-list li:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.timeline article{grid-template-columns:1fr}.article-cta{padding:36px 24px}}