.article-page{background:var(--site-bg);color:var(--site-text)}.article-shell{width:min(100% - 2rem,72rem);margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) 0 4.5rem}.article-breadcrumb{display:flex;gap:.45rem;align-items:center;max-width:46rem;color:var(--site-muted);font-size:.9rem;line-height:1.4;overflow:hidden}.article-breadcrumb a{color:var(--site-muted);text-decoration:none}.article-breadcrumb span[aria-current=page]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-hero{display:grid;gap:.9rem;max-width:54rem;padding:clamp(1.5rem,3vw,2.25rem) 0 1.5rem}.article-hero .eyebrow{justify-self:start;text-decoration:none}.article-hero h1{max-width:24ch;margin:0;color:var(--site-text);font-size:var(--type-article-title);font-weight:700;letter-spacing:0;line-height:1.1}.article-summary{max-width:var(--measure-readable);margin:0;color:var(--site-muted);font-size:var(--type-lead);line-height:1.65}.article-meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;color:var(--site-muted);font-size:.92rem}.article-meta span:not(:last-child)::after{content:""}.article-tags{display:flex;flex-wrap:wrap;gap:.45rem}.article-feature{overflow:hidden;margin:0 0 2rem;border:1px solid var(--site-border);border-radius:.6rem;background:var(--site-soft)}.article-feature img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-layout{display:grid;gap:2.25rem;align-items:start}.article-main{min-width:0}.article-prose{max-width:var(--measure-readable);color:var(--site-text)}.article-prose>:first-child{margin-top:0}.article-prose li,.article-prose p{color:color-mix(in srgb,var(--site-text),var(--site-muted) 18%);font-size:1.05rem;line-height:1.75}.article-prose p{margin:1.15rem 0}.article-prose h2,.article-prose h3,.article-prose h4{max-width:var(--measure-readable);margin:2.25rem 0 .75rem;color:var(--site-text);font-weight:600;letter-spacing:0;line-height:1.2}.article-prose h2{font-size:var(--type-content-h2)}.article-prose h3{font-size:var(--type-content-h3)}.article-prose h4{font-size:1.1rem}.article-prose a{color:var(--site-link);font-weight:600}.article-prose em,.article-prose strong{color:var(--site-text)}.article-prose ol,.article-prose ul{margin:1rem 0 1.25rem;padding-left:1.35rem}.article-prose li+li{margin-top:.45rem}.article-prose blockquote{margin:1.75rem 0;border-left:4px solid var(--site-accent);padding:.15rem 0 .15rem 1rem;color:var(--site-muted)}.article-prose blockquote p{color:var(--site-muted);font-style:italic}.article-prose pre{overflow-x:auto;max-width:100%;border-radius:.6rem;padding:1rem;font-family:var(--font-mono);font-size:.92rem;line-height:1.6}.article-prose code{font-family:var(--font-mono)}.article-prose code:not(pre code){border:1px solid var(--site-border);border-radius:.35rem;background:var(--site-soft);color:var(--site-text);font-size:.9em;padding:.12rem .3rem}.article-prose img{display:block;margin:1.5rem 0;border-radius:.6rem}.article-prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.article-prose td,.article-prose th{border:1px solid var(--site-border);padding:.7rem}.article-sidebar{display:grid;gap:1rem}.article-aside-block{border:1px solid var(--site-border);border-radius:.6rem;background:var(--site-surface);padding:1rem}.article-aside-block h2{margin:0 0 .65rem;color:var(--site-text);font-size:.96rem;font-weight:700}.article-aside-block p{margin:.55rem 0 0;color:var(--site-muted);font-size:.92rem;line-height:1.55}.related-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.related-list a{color:var(--site-text);font-size:.95rem;font-weight:600;line-height:1.35;text-decoration:none}.related-list a:hover{color:var(--site-link);text-decoration:underline}@media (min-width:980px){.article-shell{padding-top:2.5rem}.article-layout{grid-template-columns:minmax(0,1fr) 17rem;gap:4rem}.article-sidebar{position:sticky;top:6rem}}@media (max-width:420px){.article-shell{width:min(100% - 1.25rem,72rem)}.article-prose li,.article-prose p{font-size:1rem;line-height:1.75}}