.article{max-width:760px;margin:0 auto}.post-hero{padding:clamp(2.5rem,7vh,5rem) 0 clamp(1.5rem,4vh,3rem)}.crumbs{display:flex;gap:.6rem;align-items:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:clamp(1.5rem,5vh,3rem)}.crumbs,.crumbs a{color:var(--muted)}.crumbs a{transition:color .2s var(--ease)}.crumbs a:hover{color:var(--accent)}.crumbs .sep{color:var(--line)}.post-tags-top{display:flex;gap:.5rem;margin-bottom:1.4rem}.post-tags-top span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.post-tags-top span:before{content:"#"}.post-title{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,7vw,5.2rem);line-height:.95;letter-spacing:-.04em;margin:0 0 1.6rem}.post-byline{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;font-size:13px;color:var(--muted);letter-spacing:.04em;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.1rem 0}.post-byline .author{color:var(--ink);display:inline-flex;align-items:center;gap:.6em}.post-byline .author:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.post-byline .right{margin-left:auto}.cover{position:relative;height:clamp(220px,42vw,460px);margin:clamp(2rem,5vh,3.5rem) 0;overflow:hidden;background-image:repeating-linear-gradient(135deg,transparent 0 14px,oklch(.215 .012 60/.05) 14px 15px);display:flex;align-items:flex-end;justify-content:space-between;padding:1.2rem}.cover,.cover .lab{border:1px solid var(--line)}.cover .lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:var(--paper);padding:.4em .8em}.cover-image{width:100%;height:clamp(220px,42vw,460px);object-fit:cover;border:1px solid var(--line);border-radius:4px;margin:clamp(2rem,5vh,3.5rem) 0}.prose{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.85;color:var(--ink)}.prose>*{margin:0 0 1.5rem}.prose .lead,.prose>p:first-of-type{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.5;color:var(--ink);font-weight:400}.prose h2{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em;line-height:1.1;margin-top:clamp(2.5rem,6vh,4rem)}.prose h2 .hash,.prose h2:before{color:var(--accent);margin-right:.4em}.prose h2:before{content:"#"}.prose strong{font-weight:600}.prose em{font-style:italic;color:var(--ink-soft)}.prose a{color:var(--accent);border-bottom:1px solid var(--accent-soft);transition:border-color .2s var(--ease)}.prose a:hover{border-color:var(--accent)}.prose ol,.prose ul{padding-left:1.4rem}.prose li{margin-bottom:.6rem}.prose li::marker{color:var(--accent)}.prose-figure{display:block;margin:clamp(1.8rem,4vh,2.6rem) 0}.prose-figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;display:block}.prose-figure-cap{display:block;margin-top:.6rem;font-size:12px;color:var(--muted);text-align:center}.prose table{width:100%;border-collapse:collapse;font-size:14px}.prose td,.prose th{border:1px solid var(--line);padding:.5em .8em;text-align:left}.prose th{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.08em}.pull{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.02em;border-left:3px solid var(--accent);padding:.4rem 0 .4rem 1.6rem;color:var(--ink);margin:clamp(2rem,5vh,3.5rem) 0}.code{background:var(--ink);color:oklch(.92 .01 85);border-radius:4px;font-size:13.5px;line-height:1.7;overflow-x:auto;margin:clamp(1.8rem,4vh,2.6rem) 0}.code .bar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid oklch(.92 .01 85/.12)}.code .dot{width:10px;height:10px;border-radius:50%;background:oklch(.92 .01 85/.25)}.code .fname{margin-left:.6rem;font-size:11px;letter-spacing:.08em;color:oklch(.92 .01 85/.6)}.code pre{margin:0;padding:1.2rem 1.3rem}.code .c{color:oklch(.72 .02 85/.7)}.code .k{color:oklch(.72 .16 29)}.code .s{color:oklch(.78 .13 140)}.code .f{color:oklch(.82 .12 90)}.code .v{color:oklch(.8 .1 250)}.post-foot{border-top:1px solid var(--line);margin-top:clamp(3rem,8vh,5rem);padding-top:2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}.share{display:flex;gap:1.2rem}.share a{font-size:13px;color:var(--ink-soft)}.share a:hover{color:var(--accent)}.next-read{margin-top:clamp(3rem,8vh,6rem)}.next-read .lab{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem}.next-card{display:grid;grid-template-columns:1fr auto;grid-gap:1rem;gap:1rem;align-items:center;border:1px solid var(--line);padding:clamp(1.4rem,3vw,2.2rem);transition:background .3s var(--ease),border-color .3s var(--ease)}.next-card:hover{background:var(--paper-2);border-color:var(--ink)}.next-card h3{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,3vw,2rem);letter-spacing:-.02em;margin:.4rem 0 0}.next-card .go{font-family:var(--display);font-size:1.6rem;transition:transform .35s var(--ease)}.next-card:hover .go{transform:translateX(6px);color:var(--accent)}