/* B3 Notebook: narrow personal column, light-up intro, list with hover previews */
.b3{--br:999px;--ir:6px;--cr:10px;--lr:50%}
.b3 .lg-m{border-radius:50%}
.b3 h1,.b3 h2,.b3 h3{font-weight:400}
.b3-hero{padding:clamp(130px,16vw,200px) 0 clamp(48px,7vw,90px)}
.b3-hero h1{font-size:clamp(42px,6.4vw,86px);line-height:1.02;letter-spacing:-.03em;margin:28px 0 26px}
.b3-about{font:400 clamp(21px,2.2vw,28px)/1.45 var(--hf);margin:0}
.b3-by{color:var(--mute);margin:24px 0 0}
.b3-by a{color:var(--ink);font-weight:600}
.b3-lbl{font:600 13px/1 var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.b3-start{padding:20px 0 clamp(56px,8vw,100px)}
.b3-sg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.pc-quiet .pc-im{aspect-ratio:4/5}
.pc-quiet .pc-t{font-size:24px}
.b3-all{padding:0 0 clamp(56px,8vw,100px)}
.b3-list{list-style:none;margin:0;padding:0}
.b3-list a{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .45s cubic-bezier(.2,.8,.2,1),color .3s}
.b3-list a:hover{padding-left:12px;color:var(--acct)}
.b3-list time{font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums}
.b3-list .t{font:400 clamp(21px,2vw,26px)/1.25 var(--hf)}
.b3-list .c{font-size:13px;color:var(--mute)}
.b3-topics{padding:0 0 40px}
.b3-tl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 28px}
.b3-tl a{font:400 clamp(28px,4vw,48px)/1.2 var(--hf);text-decoration:none;min-height:44px;display:inline-flex}
.b3-tl a:hover{color:var(--acct);font-style:italic}
.b3-tl sup{font:500 13px/1 var(--bf);color:var(--mute);margin-left:4px}
@media (max-width:760px){.b3-sg{grid-template-columns:minmax(0,1fr)}.pc-quiet .pc-im{aspect-ratio:16/10}.b3-list a{grid-template-columns:minmax(0,1fr);gap:4px}.b3-list .c{display:none}}