.reading-progress{background:var(--color-secondary);z-index:9999;pointer-events:none;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.article-layout{min-height:60vh}.article-hero{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff;background-position:50%;background-size:cover;padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,4rem)}.article-hero h1{color:#fff;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}.article-lede{color:#ffffffd9;max-width:720px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.article-body-grid{grid-template-columns:240px 1fr;gap:3rem;padding-top:3rem;padding-bottom:5rem;display:grid}.article-toc{align-self:start;font-size:.9rem;position:sticky;top:100px}.article-toc h2{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);font-size:.8rem;font-family:var(--font-main);margin-bottom:.75rem}.article-toc ol{flex-direction:column;gap:.35rem;list-style:inside decimal;display:flex}.article-toc a{color:var(--color-text);text-decoration:none;transition:color .2s}.article-toc a:hover{color:var(--color-secondary)}.article-body{max-width:720px;color:var(--color-text);font-size:1.05rem;line-height:1.75}.article-body h2{color:var(--color-primary);margin-top:2.5rem;margin-bottom:1rem;scroll-margin-top:100px;font-size:clamp(1.4rem,2.5vw,2rem)}.article-body h3{color:var(--color-primary);margin-top:1.75rem;margin-bottom:.75rem;font-size:1.25rem}.article-body p{margin-bottom:1rem}.article-body ul,.article-body ol{margin:0 0 1rem 1.5rem}.article-body li{margin-bottom:.35rem}.article-body strong{color:var(--color-primary)}.article-body a{color:var(--color-secondary);text-underline-offset:2px;text-decoration:underline}.article-body section+section{margin-top:1rem}@media (width<=900px){.article-body-grid{grid-template-columns:1fr;padding-top:2rem;padding-bottom:3rem}.article-toc{display:none}}