.post{--bg:#fbfaf7;--fg:#1c2230;--muted:#4c5566;--line:#e2e0d8;--code:#111827;--accent:#b3261e;background:var(--bg);color:var(--fg);padding:clamp(36px, 6vw, 84px) var(--m)}@media (prefers-color-scheme:dark){.post{--bg:#101522;--fg:#e9e7e1;--muted:#aeb4c0;--line:#2a3040;--code:#0a0e18;--accent:#f0937e}}.post a{color:inherit}.post header{max-width:68ch;margin:0 auto 48px}.post h1{letter-spacing:-.03em;font-size:clamp(36px,5.2vw,64px);font-weight:800;line-height:1.04}.post .draft{background:var(--note-yellow);color:var(--note-ink);font:700 15px var(--face);margin-bottom:18px;padding:6px 10px;display:inline-block}.post .dek{font:400 clamp(20px, 2vw, 25px)/1.4 var(--read);color:var(--muted);margin-top:14px}.post .meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:16px;font-size:15px;display:flex}.post .tag{padding:3px 0;font-weight:700}.post .meta a{padding:3px 0;display:inline-block}.post .related a{padding:3px 0}@media (width<=820px),(pointer:coarse){.post .related a{padding:10px 0}.post .related{gap:0}}@media (hover:none){.post .anchor{display:none}}.post .quiet a{padding:4px 0;display:inline-block}.post .layout{max-width:68ch;margin:0 auto;position:relative}.post .body{font:400 clamp(18px, 1.35vw, 20px)/1.68 var(--read)}.post .body>*+*{margin-top:1.15em}.post .body h2,.post .body h3{font-family:var(--face);letter-spacing:-.02em;margin-top:1.9em;font-weight:800;line-height:1.12;position:relative}.post .body h2{font-size:1.6em}.post .body h3{font-size:1.25em}.post .body a{color:var(--accent);text-underline-offset:3px}.post .anchor{opacity:0;color:var(--muted);text-decoration:none;transition:opacity .2s;position:absolute;top:0;left:-1.1em}.post .body h2:hover .anchor,.post .body h3:hover .anchor,.post .anchor:focus{opacity:1}.post .body ul,.post .body ol{padding-left:1.2em}.post .body li+li{margin-top:.4em}.post .body blockquote{font:800 1.35em/1.25 var(--face);letter-spacing:-.02em}.post .body img{width:100%}.post .hero{max-width:1120px;margin:0 auto clamp(40px,5vw,64px)}.post .hero img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.post .short{background:var(--note-yellow);color:var(--note-ink);margin-bottom:2.4em;padding:clamp(20px,2.6vw,30px)}.post .short h2{font:800 16px/1 var(--face)}.post .short ul{font:400 clamp(17px, 1.25vw, 19px)/1.5 var(--read);gap:.55em;margin-top:14px;list-style:none;display:grid}.post .short li{padding-left:1.25em;position:relative}.post .short li:before{content:"";background:var(--red);width:.5em;height:.5em;position:absolute;top:.52em;left:0}.post .body h2#sources~ul,.post .body h2#sources~ol{color:var(--muted);font-size:.8em;line-height:1.5}.post .body h2#sources~* a{overflow-wrap:anywhere}.post .guide-link{background:var(--salmon);color:var(--ink);transition:transform .3s var(--ease);gap:6px;margin-top:3em;padding:clamp(20px,2.6vw,30px);text-decoration:none;display:grid}.post .guide-link:hover{transform:translateY(-4px)}.post .guide-link span{font-size:15px}.post .guide-link b{font:800 clamp(21px, 1.8vw, 26px)/1.15 var(--face);letter-spacing:-.02em}.post .body figcaption{color:var(--muted);margin-top:8px;font-size:.82em}.post .body audio{width:100%}.post .body table{border-collapse:collapse;width:100%;font-size:.9em}.post .body th,.post .body td{text-align:left;border-bottom:1px solid var(--line);padding:9px 10px 9px 0}.post .body pre{padding:18px;font-size:.82em;line-height:1.55;overflow-x:auto;background:var(--code)!important}.post .body code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}.post .sn-box{display:none}.post .sn-mark{color:var(--accent);cursor:pointer;padding:0 3px;font-weight:700}.post .sn{font:400 .82em/1.45 var(--read);color:var(--muted);display:none}.post .sn-box:checked+.sn{margin:.6em 0;display:block}.post .toc{display:none}@media (width>=1240px){.post .sn{float:right;clear:right;width:240px;margin-right:-280px;display:block}.post .sn-mark{pointer-events:none}.post .toc{width:220px;color:var(--muted);align-content:start;gap:8px;font-size:15px;display:grid;position:absolute;top:0;bottom:0;left:-260px}.post .toc>*{position:sticky;top:90px}.post .toc a{text-decoration:none}}.post footer{gap:34px;max-width:68ch;margin:64px auto 0;display:grid}.post .bio{align-items:center;gap:14px;display:flex}.post .bio svg{flex:none;width:44px;height:44px}.post .related{gap:8px;display:grid}.post .related h2{font-size:22px;font-weight:800}.post .quiet{color:var(--muted);font-size:15px}.progress{z-index:70;background:var(--red);height:3px;transform:scaleX(var(--read-p,0));transform-origin:0;position:fixed;top:0;left:0;right:0}