.writeup{--glass:var(--bg);--sheet:var(--bg-card);--ink:var(--text);--muted:var(--text-dim);--rule:#ffdcf01f;--goo:var(--accent-3);--goo-soft:#6ff2d024;--coral:var(--accent);--coral-soft:#ff8f6b2e;--measure:42rem;--wide:70rem;padding:88px 20px 2rem;line-height:1.65;display:grid}.writeup .col{width:100%;max-width:var(--measure);min-width:0;margin-inline:auto}.writeup .wide{width:100%;max-width:var(--wide);min-width:0;margin-inline:auto}.writeup h1{font-family:var(--script);color:#fff4ec;margin:0;font-size:clamp(4rem,12vw,7.5rem);line-height:.9}.writeup h1 .drip{color:var(--goo)}.writeup h2{text-wrap:balance;margin:0 0 .9rem;font-size:clamp(1.6rem,3.6vw,2.2rem);font-weight:600;line-height:1.12}.writeup h3{margin:1.8rem 0 .4rem;font-size:1.15rem;font-weight:600}.writeup p{color:var(--muted);margin:0 0 1rem}.writeup strong{color:var(--ink);font-weight:600}.writeup .lede{color:var(--ink);max-width:36rem;font-size:1.25rem;line-height:1.5}.writeup .eyebrow{color:var(--goo);margin-bottom:.6rem}.writeup code{font-family:var(--mono);color:var(--goo);border:1px solid var(--rule);background:#ffffff0d;border-radius:4px;padding:.05em .3em;font-size:.84em}.writeup a{color:var(--accent);text-underline-offset:3px}.writeup .back{color:var(--text-dim);margin-bottom:.5rem;font-size:14px;text-decoration:none;display:inline-block}.writeup .hero-block{justify-items:start;gap:1.2rem;padding-block:clamp(1.5rem,5vw,3rem) 1.5rem;display:grid}.writeup .byline{font-family:var(--mono);color:var(--text-faint);flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.8rem;display:flex}.writeup .stats{background:var(--rule);border:1px solid var(--rule);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1px;margin:1.2rem 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.writeup .stat{background:var(--sheet);gap:.15rem;padding:.9rem 1rem;display:grid}.writeup .stat b{font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.45rem;font-weight:600;line-height:1.1}.writeup .stat span{font-family:var(--mono);color:var(--text-faint);font-size:.72rem;line-height:1.4}.writeup figure{gap:.6rem;margin:1.6rem auto 2.2rem;display:grid}.writeup figure video,.writeup figure img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--rule);background:#000;border-radius:12px;width:100%;display:block}.writeup figcaption{font-family:var(--mono);color:var(--text-faint);max-width:var(--measure);font-size:.78rem;line-height:1.55}.writeup .pair{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;margin-block:1.6rem 2.2rem;display:grid}.writeup .pair figure{margin:0}.writeup .tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--goo-soft);color:var(--goo);border-radius:4px;margin-right:.3rem;padding:.15rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.writeup .tag.ue{background:var(--coral-soft);color:var(--coral)}.writeup section{border-top:1px solid var(--rule);margin-top:2.5rem;padding-block:3rem .5rem;display:grid}.writeup ul.plain{color:var(--muted);gap:.5rem;margin:0 0 1rem;padding-left:1.1rem;display:grid}.writeup ul.plain li::marker{color:var(--goo)}.writeup .table-wrap{border:1px solid var(--rule);background:var(--sheet);border-radius:12px;margin:1.2rem 0 1.8rem;overflow-x:auto}.writeup table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.92rem}.writeup th,.writeup td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:.65rem .85rem}.writeup tr:last-child td{border-bottom:0}.writeup td{color:var(--muted)}.writeup td:first-child{color:var(--ink)}.writeup th{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);background:#ffffff05;font-size:.72rem;font-weight:400}.writeup td.num,.writeup th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.writeup .chart{background:var(--sheet);border:1px solid var(--rule);border-radius:12px;gap:.9rem;margin:1.2rem 0 1.8rem;padding:1.2rem 1.2rem 1rem;display:grid}.writeup .chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.writeup .chart-title{color:var(--ink);font-size:1rem;font-weight:600}.writeup .legend{font-family:var(--mono);color:var(--text-faint);flex-wrap:wrap;gap:.3rem 1rem;font-size:.72rem;display:flex}.writeup .legend i{vertical-align:-.1rem;border-radius:2px;width:.8rem;height:.8rem;margin-right:.35rem;display:inline-block}.writeup .rows{gap:.75rem;display:grid}.writeup .row{grid-template-columns:minmax(7.5rem,11rem) 1fr;align-items:center;gap:.3rem .9rem;display:grid}.writeup .chart-label{color:var(--ink);font-size:.85rem;font-weight:500;line-height:1.25}.writeup .chart-label small{font-family:var(--mono);color:var(--text-faint);font-size:.68rem;display:block}.writeup .bars{gap:3px;display:grid;position:relative}.writeup .bar{border-radius:3px;min-width:2px;height:1.05rem;position:relative}.writeup .bar.before{background:var(--coral)}.writeup .bar.after{background:var(--goo)}.writeup .bar em{font-style:normal;font-family:var(--mono);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7rem;position:absolute;top:50%;left:calc(100% + .4rem);transform:translateY(-50%)}.writeup .axis{grid-template-columns:minmax(7.5rem,11rem) 1fr;gap:0 .9rem;display:grid}.writeup .ticks{border-top:1px solid var(--rule);height:1.1rem;position:relative}.writeup .ticks span{font-family:var(--mono);color:var(--text-faint);font-size:.66rem;position:absolute;top:.2rem;transform:translate(-50%)}.writeup .ticks span:first-child{transform:none}.writeup .track{padding-right:4.2rem}.writeup .stack{border-radius:6px;height:2.4rem;display:flex;overflow:hidden}.writeup .stack div{font-family:var(--mono);color:#140e18;white-space:nowrap;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex;overflow:hidden}.writeup .k1{background:var(--accent-2)}.writeup .k2{background:var(--coral)}.writeup .k3{background:#d4604a}.writeup .k4{background:var(--goo)}.writeup .stack-key{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.4rem 1rem;font-size:.85rem;display:grid}.writeup .stack-key div{align-items:baseline;gap:.5rem;display:flex}.writeup .stack-key i{border-radius:2px;flex:none;align-self:center;width:.75rem;height:.75rem}.writeup .stack-key b{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.writeup .note{border-left:3px solid var(--goo);margin:1.2rem 0 1.6rem;padding:.2rem 0 .2rem 1rem}.writeup .note p{color:var(--ink)}.writeup .note p:last-child{margin-bottom:0}.writeup .lessons{gap:1.1rem;margin:1rem 0 1.5rem;display:grid}.writeup .lesson{grid-template-columns:2.2rem 1fr;gap:.2rem .8rem;display:grid}.writeup .lesson .n{font-family:var(--script);color:var(--goo);font-size:2rem;font-weight:700;line-height:1}.writeup .lesson h3{margin:0}.writeup .lesson p{grid-column:2;margin:0}.writeup .refs{border-top:1px solid var(--rule);font-family:var(--mono);color:var(--text-faint);gap:.5rem;margin-top:4rem;padding-top:1.5rem;font-size:.78rem;display:grid}@media (width<=560px){.writeup{padding-inline:16px}.writeup .row,.writeup .axis{grid-template-columns:1fr}.writeup .axis>div:first-child{display:none}.writeup .track{padding-right:3.6rem}}.writeup figure img.chart-img{aspect-ratio:auto;object-fit:contain;background:var(--sheet)}.writeup .flow{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:8px;margin:.4rem 0 1.4rem;font-size:.78rem;display:flex}.writeup .flow span{background:var(--sheet);border:1px solid var(--rule);color:var(--ink);border-radius:8px;padding:6px 11px}.writeup .flow i{color:var(--text-faint);font-style:normal}.writeup .placeholder{aspect-ratio:16/9;border:1px dashed var(--rule);text-align:center;background:repeating-linear-gradient(135deg, #ffffff05 0 12px, transparent 12px 24px), var(--sheet);border-radius:12px;place-items:center;padding:1rem;display:grid}.writeup .placeholder span{font-family:var(--mono);color:var(--text-faint);font-size:.8rem}.writeup .pair.quad{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=560px){.writeup .pair.quad{grid-template-columns:1fr}}.writeup figure.board img{aspect-ratio:auto;object-fit:contain;background:#1a1a1f;height:auto}.writeup figure.native video,.writeup figure.native img{aspect-ratio:auto;height:auto}