.read-progress{position:fixed;z-index:60;background:var(--olive);transform:scaleX(var(--p,0));transform-origin:left;width:100%;height:2px;top:0;left:0}.article-head{max-width:calc(52rem + 2*var(--gutter));padding-top:clamp(32px,5vw,72px)}.article-head .back{margin-bottom:clamp(40px,6vw,80px);font-size:.92rem}.article-head .back:hover .arrow{transform:translate(3px)}.article-head h1{letter-spacing:-.03em;margin:18px 0 24px;font-size:clamp(2.3rem,5.6vw,4.6rem);font-weight:350;line-height:1.04}.article-lead{font:360 clamp(1.15rem,1.8vw,1.4rem)/1.45 var(--serif);color:var(--ink-soft);max-width:30em}.article-cover{max-width:calc(52rem + 2*var(--gutter));margin:clamp(40px,6vw,64px) auto}.article-cover .mat{margin:0}.article-text .diagram{font-family:var(--sans);margin:2em 0}.article-text{max-width:calc(38rem + 2*var(--gutter));font:400 1.14rem/1.72 var(--serif);padding-bottom:clamp(80px,10vw,140px)}.article-text h2{margin:2.4em 0 .8em;font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:420;line-height:1.2}.steps{list-style:none;margin:1.8em 0;padding:0}.steps li{border-left:1px solid var(--rule-strong);margin:0 0 1.4em;padding-left:22px}.steps h3{font:500 .98rem/1.4 var(--sans);letter-spacing:0;color:var(--olive-deep);margin-bottom:.4em}.byline{display:flex;border-top:1px solid var(--ink);font:400 .95rem/1.5 var(--sans);color:var(--ink-soft);flex-direction:column;gap:2px;margin-top:4em;padding-top:20px}.byline strong{font:450 1.15rem/1.4 var(--serif);color:var(--ink)}.byline a{color:var(--olive)}