.article-page{--article-reading:42.5rem;--article-hero-media:74.5rem;background:var(--os-paper);color:var(--os-ink-0);padding-bottom:var(--space-10)}.article-page :where(a){color:inherit;text-decoration-color:var(--os-signal);text-underline-offset:.2em}.article-page :where(a:focus-visible){outline:3px solid var(--os-focus);outline-offset:3px}.article-hero{padding:clamp(5.5rem,10vw,8rem) 0 0}.article-hero__inner,.article-reading-width,.article-prose{width:min(var(--article-reading), calc(100% - 3rem));margin-inline:auto}.article-eyebrow,.article-series{display:none}.article-topics{flex-wrap:wrap;gap:.45rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.article-topics li{border:1px solid color-mix(in srgb, var(--os-ink-0) 20%, transparent);font:700 .72rem/1 var(--font-sans);letter-spacing:.02em;border-radius:999px;padding:.3rem .62rem}.article-hero h1{font-family:var(--font-sans);letter-spacing:-.045em;margin:0;font-size:2rem;font-weight:800;line-height:1.1875}.article-dek{font-family:var(--font-editorial);margin:1.5rem 0;font-size:1.125rem;line-height:1.5556}.article-byline{color:color-mix(in srgb, var(--os-ink-0) 74%, transparent);font:500 .82rem/1.4 var(--font-sans);flex-wrap:wrap;gap:.25rem .65rem;display:flex}.article-byline span+span:before,.article-byline time+span:before{content:"·";margin-right:.65rem}.article-actions{font-family:var(--font-sans);flex-wrap:wrap;gap:.55rem;margin-top:1.25rem;display:flex}.article-actions button{border:1px solid color-mix(in srgb, var(--os-ink-0) 26%, transparent);min-height:2.35rem;color:var(--os-ink-0);cursor:pointer;font:800 .74rem/1 var(--font-sans);letter-spacing:.035em;background:0 0;border-radius:0;padding:.5rem .75rem}.article-actions button:nth-child(3){border-color:var(--os-moss);background:var(--os-moss);color:var(--os-paper)}.article-actions button:focus-visible,.article-actions dialog a:focus-visible{outline:3px solid var(--os-focus);outline-offset:3px}.article-actions dialog{border:1px solid color-mix(in srgb, var(--os-ink-0) 28%, transparent);background:var(--os-paper);width:min(100% - 2rem,27rem);color:var(--os-ink-0);padding:0}.article-actions dialog::backdrop{background:color-mix(in srgb, var(--os-ink-0) 72%, transparent)}.article-actions__dialog{gap:1rem;padding:1.25rem;display:grid}.article-actions__dialog-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.article-actions__dialog-header h2{font:800 1.25rem/1.1 var(--font-sans);letter-spacing:-.025em;margin:0}.article-actions__dialog-header button{min-width:2.25rem;min-height:2.25rem;color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.25rem}.article-actions__dialog p{font:.92rem/1.5 var(--font-editorial);margin:0}.article-actions__dialog label{font:800 .75rem/1.2 var(--font-sans);gap:.45rem;display:grid}.article-actions__dialog input{border:1px solid color-mix(in srgb, var(--os-ink-0) 32%, transparent);background:var(--os-paper);min-height:2.6rem;color:var(--os-ink-0);border-radius:0;padding:.55rem .65rem}.article-actions__dialog-actions,.article-actions__share-list{flex-wrap:wrap;gap:.55rem;display:flex}.article-actions__dialog-actions button,.article-actions__share-list a{border:1px solid var(--os-moss);background:var(--os-moss);min-height:2.35rem;color:var(--os-paper);font:800 .74rem/1 var(--font-sans);letter-spacing:.03em;padding:.55rem .7rem;text-decoration:none}.article-actions__dialog-actions button[type=button]{border-color:color-mix(in srgb, var(--os-ink-0) 26%, transparent);color:var(--os-ink-0);background:0 0}.article-actions__status{min-height:1.25rem;color:var(--os-moss);font:800 .76rem/1.35 var(--font-sans)!important}.article-actions__status[data-state=error]{color:#a62626}.article-actions__demo-signin{color:var(--os-ink-0);cursor:pointer;font:700 .74rem/1.35 var(--font-sans);text-underline-offset:.2em;background:0 0;border:0;text-decoration:underline}.article-actions textarea,.article-discussion textarea{resize:vertical;border:1px solid color-mix(in srgb, var(--os-ink-0) 32%, transparent);background:var(--os-paper);width:100%;min-height:7rem;color:var(--os-ink-0);font:1rem/1.45 var(--font-editorial);border-radius:0;padding:.65rem}.article-selection-toolbar{z-index:5;border:1px solid color-mix(in srgb, var(--os-ink-0) 24%, transparent);background:var(--os-ink-0);box-shadow:0 .4rem 1.2rem color-mix(in srgb, var(--os-ink-0) 24%, transparent);gap:.2rem;padding:.3rem;display:flex;position:absolute}.article-selection-toolbar[hidden]{display:none}.article-selection-toolbar button{min-height:2.25rem;color:var(--os-paper);cursor:pointer;font:800 .7rem/1 var(--font-sans);letter-spacing:.035em;background:0 0;border:0}.article-selection-toolbar button:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.reader-highlight{background:color-mix(in srgb, var(--os-moss) 20%, transparent);box-shadow:inset 0 -.12rem 0 color-mix(in srgb, var(--os-moss) 56%, transparent);cursor:pointer}.article-discussion{border-top:1px solid color-mix(in srgb, var(--os-ink-0) 25%, transparent);font-family:var(--font-sans);margin-top:4rem;padding-top:2rem}.article-discussion__header{gap:.25rem;margin-bottom:1.5rem;display:grid}.article-discussion__header p,.article-discussion__header h2,.article-discussion__header span{margin:0}.article-discussion__header p,.article-discussion__header span,.article-comment time{color:color-mix(in srgb, var(--os-ink-0) 62%, transparent);font:800 .72rem/1.3 var(--font-sans);letter-spacing:.045em;text-transform:uppercase}.article-discussion__header h2{font:800 1.7rem/1.1 var(--font-sans);letter-spacing:-.035em}.article-discussion__composer{gap:.6rem;margin-bottom:2rem;display:grid}.article-discussion__composer[hidden],.article-discussion [hidden]{display:none}.article-discussion__composer label{font:800 .76rem/1.2 var(--font-sans)}.article-discussion__composer button,.article-discussion [data-discussion-signin],.article-comment button{border:1px solid var(--os-moss);background:var(--os-moss);width:fit-content;min-height:2.5rem;color:var(--os-paper);cursor:pointer;font:800 .74rem/1 var(--font-sans);letter-spacing:.03em;padding:.55rem .75rem}.article-discussion__list,.article-discussion__list ol{gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.article-discussion__list>li{border-top:1px solid color-mix(in srgb, var(--os-ink-0) 16%, transparent);padding-top:1.25rem}.article-comment article{gap:.65rem;display:grid}.article-comment header,.article-comment footer{align-items:center;gap:.65rem;display:flex}.article-comment header strong{font:800 .88rem/1.2 var(--font-sans)}.article-comment p{font:1rem/1.55 var(--font-editorial);margin:0}.article-comment--reply{border-left:2px solid color-mix(in srgb, var(--os-moss) 35%, transparent);margin-left:1rem;padding-left:1rem}.article-comment footer button{min-height:auto;color:var(--os-moss);text-underline-offset:.2em;background:0 0;border:0;padding:0;text-decoration:underline}.article-comment__quote-label{letter-spacing:.04em;text-transform:uppercase;font:800 .68rem/1.2 var(--font-sans)!important}.article-comment__quote{border-left:2px solid var(--os-moss);font:italic .94rem/1.45 var(--font-editorial);padding-left:.8rem}.article-hero__image{width:100%;margin:2.5rem auto 0}.article-hero__image img,.article-prose figure img{width:100%;height:auto;display:block}.article-hero__image figcaption,.article-prose figcaption{width:min(var(--article-reading), calc(100% - 3rem));color:color-mix(in srgb, var(--os-ink-0) 64%, transparent);font:.78rem/1.45 var(--font-sans);margin:.7rem auto 0}.article-prose{font-family:var(--font-editorial);margin-top:2.5rem;font-size:1.125rem;line-height:1.5556}.article-prose :where(h2,h3){font-family:var(--font-sans);scroll-margin-top:7rem}.article-prose h2{letter-spacing:-.025em;margin:3.75rem 0 1rem;font-size:1.5rem;font-weight:800;line-height:1.25}.article-prose h3{letter-spacing:-.018em;margin:2rem 0 .75rem;font-size:1.125rem;font-weight:800;line-height:1.2}.article-prose p,.article-prose ul,.article-prose ol{margin:0 0 1.35rem}.article-prose ul,.article-prose ol{padding-left:1.3rem}.article-prose li+li{margin-top:.35rem}.article-prose figure{width:100%;margin:2.5rem 0}.article-prose blockquote{border-left:3px solid color-mix(in srgb, var(--os-ink-0) 45%, transparent);color:color-mix(in srgb, var(--os-ink-0) 88%, transparent);margin:1.5rem 0;padding:.1rem 0 .1rem 1rem}.article-prose blockquote p:last-child,.article-prose .article-disclosure p:last-child{margin-bottom:0}.article-prose .article-disclosure{background:0 0;border:0;margin:2rem 0;padding:0}.article-prose .article-workflow{font-family:var(--font-sans);flex-wrap:wrap;gap:.35rem;margin:1.5rem 0 1.75rem;font-size:.88rem;font-weight:700;line-height:1.4;display:flex}.article-workflow div{align-items:baseline;display:inline-flex}.article-workflow div:not(:last-child):after{content:"→";color:var(--os-moss);margin-left:.35rem}.article-workflow span{display:none}.article-workflow strong{font-weight:inherit}.article-series-nav{border-top:1px solid color-mix(in srgb, var(--os-ink-0) 20%, transparent);font-family:var(--font-sans);margin-top:3.75rem;padding-top:1.5rem}.article-series-nav p{margin:0 0 .5rem;font-size:.8rem;font-weight:700}.article-series-nav p span,.article-series-nav small{color:var(--os-moss)}.article-series-nav a{font-size:.88rem}.article-series-nav small{margin-top:.25rem;font-size:.74rem;display:block}.article-end{border-top:1px solid color-mix(in srgb, var(--os-ink-0) 20%, transparent);font-family:var(--font-sans);margin-top:2rem;padding-top:1.5rem}.article-back{font-size:.88rem;font-weight:700}@media (width>=48rem){.article-hero__inner,.article-reading-width,.article-prose{width:min(var(--article-reading), calc(100% - 5.5rem))}.article-hero h1{font-size:2.625rem;line-height:1.2381}.article-dek,.article-prose{font-size:1.25rem;line-height:1.6}.article-hero__image{width:min(var(--article-hero-media), calc(100% - 5.5rem))}.article-hero__image figcaption{width:min(var(--article-reading), calc(100% - 5.5rem))}.article-prose h2{font-size:1.5rem;line-height:1.25}.article-prose h3{font-size:1.25rem;line-height:1.2}}@media (width>=64rem){.article-hero__image{width:min(var(--article-hero-media), calc(100% - 3rem))}}@media (width<=47.99rem){.article-actions{gap:.4rem}.article-actions button{min-height:2.75rem}.article-selection-toolbar{justify-content:space-around;position:fixed;bottom:.75rem;left:.75rem;right:.75rem;top:auto!important}.article-selection-toolbar button{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.article-page *{scroll-behavior:auto}}
