.article-main{width:min(100% - 2rem,88rem);padding-block:clamp(2.25rem,7vw,6.5rem)}.article-shell{min-width:0}.article-hero{isolation:isolate;border:1px solid var(--line);background:linear-gradient(130deg, #73897338, transparent 52%), linear-gradient(320deg, #755b3b2e, transparent 48%), var(--surface-raised);border-radius:1rem;gap:1rem;padding:clamp(1.5rem,5vw,4rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1.25rem 3.5rem #20232112}.article-hero:before,.article-hero:after{z-index:-1;content:"";border:1px solid #755b3b40;border-radius:50%;width:20rem;height:20rem;position:absolute}.article-hero:before{top:-14rem;right:-6rem}.article-hero:after{border-color:#536f5938;bottom:-16rem;left:34%}.article-hero>*{margin:0}.article-hero h1{max-width:18ch}.article-hero .eyebrow{color:var(--accent);text-transform:none}.article-dates,.reading-time{color:var(--muted);font-size:.92rem}.article-dates time{white-space:nowrap}.standfirst{max-width:62ch;font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.45}.article-hero ul{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.article-hero li{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent);color:var(--muted);border-radius:999px;padding:.25rem .625rem;font-size:.82rem}.article-reading-grid{grid-template-columns:minmax(0,1fr);min-width:0;margin-top:clamp(2.5rem,7vw,5rem);display:grid}.article-rail{min-width:0}.article-rail-label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.article-rail nav ol{scrollbar-width:thin;gap:.25rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.article-rail nav a{color:var(--muted);flex:none;padding:.4rem .625rem;font-size:.92rem;text-decoration:none}.article-rail nav a:hover{color:var(--text);background:var(--surface)}.reading-progress{display:none}.article-body{width:100%;min-width:0;margin-top:1.5rem}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body p,.article-body li{font-size:1.04rem}.article-body h2{margin-top:clamp(3rem,8vw,5.5rem);scroll-margin-top:2rem}.article-body h3{margin-top:2.5rem;scroll-margin-top:2rem}.article-body .diagram,.article-body .figure,.article-body .callout,.article-body .decision-matrix-scroll,.article-body .decision-matrix{max-width:100%}@media (width>=48rem){.article-rail{border-bottom:1px solid var(--line);padding-bottom:.75rem}.article-rail nav ol{padding-bottom:.25rem}.article-body.prose .diagram,.article-body.prose .figure,.article-body.prose .callout,.article-body.prose .decision-matrix-scroll,.article-body.prose .decision-matrix{width:min(100vw - 2rem,76rem);max-width:none;margin-inline:calc(50% + min(100vw - 2rem,76rem)/-2)}}@media (width>=70rem){.article-reading-grid--with-rail{grid-template-columns:minmax(11rem,14rem) minmax(0,68ch);justify-content:center;gap:clamp(2rem,6vw,7rem)}.article-rail{border:0;border-right:1px solid var(--line);align-self:start;padding:0 1.25rem 0 0;position:sticky;top:1.5rem}.article-rail nav ol{gap:.15rem;display:grid;overflow:visible}.article-rail nav a{white-space:normal}.reading-progress{background:color-mix(in srgb, var(--line) 72%, transparent);border-radius:999px;width:100%;height:.25rem;margin-top:1.5rem;display:block;overflow:hidden}.reading-progress-bar{width:var(--reading-progress,0%);border-radius:inherit;background:linear-gradient(90deg, var(--accent), #a77d4c);height:100%;transition:width .16s ease-out;display:block}.article-body{max-width:68ch;margin-top:0}.article-body.prose .diagram,.article-body.prose .figure,.article-body.prose .callout,.article-body.prose .decision-matrix-scroll,.article-body.prose .decision-matrix{width:min(100% + 6rem,100vw - 24rem);margin-inline:0}}:root[data-theme=dark] .article-hero{background:linear-gradient(130deg, #516f584d, transparent 52%), linear-gradient(320deg, #a77d4c33, transparent 48%), var(--surface-raised);box-shadow:0 1.5rem 4rem #00000040}@media (prefers-reduced-motion:reduce){.article-hero:before,.article-hero:after{display:none}.reading-progress-bar{transition:none}}