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

.pw-bp{padding-top:calc(var(--pw-sec) * .55 + 72px)}
.pw-bp__head,.pw-bp__body,.pw-bp__foot{max-width:720px;margin-inline:auto}
.pw-bp__head{display:grid;gap:20px;justify-items:start;padding-bottom:40px;border-bottom:1px solid var(--line)}
.pw-bp__back{font-size:14px;font-weight:500;color:var(--ink-2)}
.pw-bl-post__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}
.pw-bl-post__meta span:first-child{color:var(--accent)}
.pw-bp h1{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:500;line-height:1.06;letter-spacing:-.04em}
.pw-bp__dek{font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.55;color:var(--ink-2)}
.pw-bp__by{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-2)}
.pw-bp__by b{display:block;color:var(--ink);font-weight:600}
.pw-bp__avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--panel-2);font:500 13px/1 var(--font-mono);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}

.pw-bp__body{padding-top:40px;font-size:18px;line-height:1.75;color:var(--pw-prose)}
.pw-bp__body > * + *{margin-top:24px}
.pw-bp__body h2{margin-top:56px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.2;letter-spacing:-.025em;color:var(--ink)}
.pw-bp__body ul{list-style:none;display:grid;gap:14px;padding:0}
.pw-bp__body ul li{position:relative;padding-left:24px}
.pw-bp__body ul li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:1.5px;background:var(--accent)}
.pw-bp__body b{color:var(--ink);font-weight:600}
.pw-bp__body blockquote{margin-block:40px;padding:28px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.pw-bp__body blockquote p{font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.4;font-weight:500;letter-spacing:-.02em;color:var(--ink)}

.pw-bp__fig{margin-block:40px}
.pw-bp__card{display:grid;gap:14px;padding:28px;border-radius:var(--radius-l);background:var(--panel-2);font-size:16px;line-height:1.65}
.pw-bp__card-k{font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}
.pw-bp__card sup{font:500 11px/1 var(--font-mono);color:var(--accent);padding:2px 4px;border-radius:4px;background:rgba(46,91,255,.08);vertical-align:2px}
.pw-bp__card ol{display:grid;gap:6px;padding-left:20px;font:400 13px/1.5 var(--font-mono);color:var(--ink-2)}
.pw-bp__fig figcaption{margin-top:12px;font-size:14px;color:var(--ink-3)}

.pw-bp__foot{display:grid;gap:8px;margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}
.pw-bp__foot p{font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}
.pw-bp__foot a{justify-self:start;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.3}

@media (max-width:600px){
  .pw-bp{padding-top:calc(var(--pw-sec) * .4 + 64px)}
  .pw-bp__body{font-size:17px}
  .pw-bp__card{padding:20px}
}