.article{--measure:42rem;--measure-wide:52rem}.article-grid{grid-template-columns:minmax(13rem, 1fr) minmax(0, var(--measure-wide)) minmax(0, 1fr);column-gap:clamp(2rem,3vw,3rem);display:grid}.article-hero{padding-top:clamp(8.5rem,16vh,11rem);padding-bottom:clamp(3rem,6vw,4.5rem)}.article-head{width:100%;max-width:var(--measure);grid-column:2;margin-inline:auto}.article-crumbs{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:1.75rem;font-size:.8125rem;font-weight:600;line-height:1.2;display:flex}.article-crumbs a{color:var(--accent);transition:color .2s var(--ease);text-decoration:none}.article-crumbs a:hover{color:var(--accent-hover)}.article-crumbs [aria-hidden]{opacity:.5}.article-head h1{letter-spacing:-.025em;font-size:clamp(2.25rem,4.6vw,3.5rem);line-height:1.08}.article-meta{border-block:1px solid var(--hairline);flex-wrap:wrap;gap:1rem clamp(1.75rem,4vw,3rem);margin-top:2.5rem;padding-block:1.1rem;display:flex}.article-meta div{align-content:start;gap:.3rem;display:grid}.article-meta dt{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-size:.75rem;font-weight:600}.article-meta dd{color:var(--ink);font-size:.9375rem;font-weight:500}.article-meta a{color:inherit;text-underline-offset:.2em;transition:color .2s var(--ease);text-decoration:underline 1px}.article-meta a:hover{color:var(--accent)}.article-meta-role{color:var(--ink-muted);margin-top:.15rem;font-size:.8125rem;font-weight:400;display:block}.article-main{padding-top:clamp(3.5rem,7vw,5.5rem);padding-bottom:var(--sec-y)}.article-cover{width:100%;max-width:var(--measure-wide);grid-area:1/2;margin:0 auto clamp(2.5rem,5vw,3.5rem)}.article-cover img{width:100%;height:auto}.article-aside{grid-area:2/1/span 2}.article-toc{overscroll-behavior:contain;max-height:calc(100vh - 8.5rem);position:sticky;top:6.5rem;overflow-y:auto}.article-toc-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:1rem;font-size:.75rem;font-weight:600}.article-toc ol{border-left:1px solid var(--hairline);list-style:none}.article-toc a{color:var(--ink-muted);transition:color .2s var(--ease), border-color .2s var(--ease);border-left:2px solid #0000;margin-left:-1px;padding:.4rem 0 .4rem 1rem;font-size:.9375rem;line-height:1.35;text-decoration:none;display:block}.article-toc a:hover{color:var(--ink)}.article-toc a[aria-current]{color:var(--ink);border-left-color:var(--accent)}.article-body{min-width:0;color:var(--ink-body);grid-area:2/2;font-size:1.125rem;line-height:1.7}.article-body>*{max-width:var(--measure);margin-inline:auto}.article-body>*+*{margin-top:1.25em}.article-body :where(h2,h3){color:var(--ink);scroll-margin-top:1.5rem}.article-body>h2{margin-top:2.2em;font-size:clamp(1.625rem,2.6vw,2.125rem);line-height:1.2}.article-body>h3{margin-top:1.9em;font-size:clamp(1.25rem,1.8vw,1.375rem)}.article-body>:first-child{margin-top:0}.article-body>:is(h2,h3)+*{margin-top:.6em}.article-body :where(a:not(.btn)){color:var(--accent);text-underline-offset:.2em;transition:color .2s var(--ease);text-decoration:underline 1px}.article-body :where(a:not(.btn)):hover{color:var(--accent-hover)}.article-body :where(strong){color:var(--ink);font-weight:600}.article-body :where(ul,ol){padding-left:1.35em}.article-body :where(li+li){margin-top:.5em}.article-body :where(li)::marker{color:var(--accent)}.article-body>blockquote{border-block:1px solid var(--hairline);letter-spacing:-.01em;color:var(--ink);margin-block:2em;padding-block:1.5rem;font-size:clamp(1.25rem,2vw,1.4375rem);font-weight:500;line-height:1.45}.article-body blockquote :where(p+p){margin-top:.75em}.article-body blockquote :where(cite,footer){letter-spacing:0;color:var(--ink-muted);margin-top:1rem;font-size:.9375rem;font-style:normal;font-weight:500;display:block}.article-body>:is(figure,.wide){max-width:var(--measure-wide);margin-block:2.5em}.article-body :where(figure img){width:100%;height:auto}.article-body :where(figcaption){color:var(--ink-muted);margin-top:.85rem;font-size:.875rem;line-height:1.45}.article-body>hr{border:0;border-top:1px solid var(--hairline);margin-block:3em}.article-body :where(code){background:var(--cream-100);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.875em}.article-body :where(table){border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.5}.article-body :where(th,td){border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top;padding:.75rem 1rem .75rem 0}.article-body :where(th){letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-size:.75rem;font-weight:600}.article-foot{width:100%;max-width:var(--measure);border-top:1px solid var(--hairline);flex-wrap:wrap;grid-area:3/2;justify-content:space-between;align-items:center;gap:1rem 2rem;margin:clamp(3rem,6vw,4.5rem) auto 0;padding-top:1.5rem;display:flex}@media (width<=960px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-head,.article-cover,.article-aside,.article-body,.article-foot{grid-area:auto/1}.article-aside{width:100%;max-width:var(--measure);margin:0 auto 2.75rem}.article-toc{border:1px solid var(--hairline);border-radius:10px;max-height:none;padding:1.25rem 1.5rem;position:static}.article-toc ol{border-left:0}.article-toc a{border-left:0;margin-left:0;padding-left:0}}@media (width<=760px){.article-body{font-size:1.0625rem}}
