/* long-form post */
.post{max-width:720px;margin:0 auto;padding:40px 0 20px}
.kicker{font:500 13px/1.5 var(--sans);color:var(--ink2);margin:0 0 12px}
.kicker a{color:var(--ink2)}
.post h1{margin:0;font:600 clamp(30px,4.4vw,42px)/1.15 var(--serif);letter-spacing:-.02em}
.byline{margin:12px 0 0;font:400 14.5px/1.5 var(--sans);color:var(--ink2)}
.toc{margin:28px 0 8px;padding:14px 18px;border:1px solid var(--rule);border-radius:8px;font:400 14.5px/1.6 var(--sans)}
.toc p{margin:0 0 4px;font:600 11.5px/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}
.toc ol{margin:0;padding-left:20px}
.toc a{text-decoration:none}
.post .body{font-size:18px;line-height:1.7}
.post h2{margin:44px 0 12px;font:600 26px/1.25 var(--serif);letter-spacing:-.01em}
.post h3{margin:30px 0 8px;font:600 20px/1.3 var(--serif)}
.post figure{margin:26px 0;padding:14px;background:var(--plate);border-radius:8px;box-shadow:inset 0 0 0 1px var(--rule)}
.post figure img{margin:0 auto;max-height:520px;width:auto}
.post .math{overflow-x:auto;overflow-y:hidden;margin:14px 0}
.post blockquote{margin:22px 0;padding:12px 18px;border-left:3px solid var(--accent);background:var(--acc-bg);border-radius:0 8px 8px 0}
.post blockquote p:last-child,.post blockquote ol:last-child{margin-bottom:0}
.tip-h{font:600 11.5px/1.5 var(--sans)!important;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 6px!important}
.post details{margin:18px 0;padding:10px 16px;border:1px solid var(--rule);border-radius:8px}
.post summary{cursor:pointer;font:500 14.5px/1.6 var(--sans);color:var(--accent)}
.post details[open] summary{margin-bottom:10px}
.cite{font:500 .68em/0 var(--sans)}
.cite a{text-decoration:none}
.refs{margin-top:50px;border-top:1px solid var(--rule);padding-top:8px;font-size:15px;line-height:1.55}
.refs h2{font-size:20px!important;margin-top:20px!important}
.refs li{margin:0 0 8px}
.post mjx-container{color:var(--ink)}