:root{--pw-prose:#2b303b}

.pw-lg{padding-top:calc(var(--pw-sec) * .55 + 72px)}
.pw-lg__head{display:grid;gap:18px;justify-items:start;max-width:1080px;margin-inline:auto;padding-bottom:40px;border-bottom:1px solid var(--line)}
.pw-lg__k{font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}
.pw-lg h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:1.05;letter-spacing:-.04em}
.pw-lg__lead{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;color:var(--ink-2);max-width:46ch}
.pw-lg__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:64px;align-items:start;max-width:1080px;margin:48px auto 0}
.pw-lg__toc{position:sticky;top:96px;display:grid;gap:14px}
.pw-lg__toc p{font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}
.pw-lg__toc ol{list-style:none;display:grid;gap:10px;font-size:15px}
.pw-lg__toc a{color:var(--ink-2)}
.pw-lg__body{display:grid;gap:48px;max-width:68ch}
.pw-lg__sec{display:grid;gap:14px;scroll-margin-top:96px}
.pw-lg__sec h2{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.pw-lg__sec p{font-size:17px;line-height:1.75;color:var(--pw-prose)}

@media (max-width:860px){
  .pw-lg__grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .pw-lg__toc{position:relative;top:auto;padding:20px;border-radius:var(--radius-m);background:var(--panel-2)}
}
@media (max-width:600px){
  .pw-lg{padding-top:calc(var(--pw-sec) * .4 + 64px)}
  .pw-lg__sec p{font-size:16px}
}