:root{--bg:#f7f8fa;--surface:#fff;--ink:#0b0d12;--ink-2:#3c4250;--ink-3:#6a7080;--rule:#d9dce3;--accent:#2b2bd9;--band-2:#8c8ff0;--band-4:#e9eafc;--on-accent:#fff;--sel:#2b2bd9;--accent-on-ink:#9a9cff;--display:"Archivo","Helvetica Neue",Arial,sans-serif;--body:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--gutter:clamp(16px,4vw,56px);--max:1280px;--measure:68ch}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d14;--surface:#12151e;--ink:#f2f3f7;--ink-2:#c2c6d2;--ink-3:#8d93a3;--rule:#262a36;--accent:#6c6cff;--band-2:#4446b8;--band-4:#1a1c40;--on-accent:#0b0d14;--sel:#6c6cff;--accent-on-ink:#2b2bd9;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b0d14;--surface:#12151e;--ink:#f2f3f7;--ink-2:#c2c6d2;--ink-3:#8d93a3;--rule:#262a36;--accent:#6c6cff;--band-2:#4446b8;--band-4:#1a1c40;--on-accent:#0b0d14;--sel:#6c6cff;--accent-on-ink:#2b2bd9;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6}img{max-width:100%;height:auto}::selection{background:var(--sel);color:var(--on-accent)}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.mono{font-family:var(--mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:.78rem}h1,h2,h3{font-family:var(--display);text-wrap:balance;color:var(--ink);margin:0}p{margin:0}.top{z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--rule);position:sticky;top:0}.top .wrap{align-items:center;gap:1.5rem;height:60px;display:flex}.brand{font-family:var(--display);font-variation-settings:"wdth" 112;letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{flex:none;display:block}.nav{gap:1.5rem;margin-left:auto;display:flex}.nav a{color:var(--ink-2);white-space:nowrap;padding-block:4px;font-size:.9rem;text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--accent)}.btn{font:600 .85rem/1 var(--body);border:1px solid var(--ink);color:var(--ink);white-space:nowrap;background:0 0;border-radius:3px;align-items:center;gap:.55em;padding:.6em .95em;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn:hover{background:var(--ink);color:var(--bg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}@media (width<=560px){.top .btn{display:none}}.idx-head{gap:1.2rem;padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(2rem,4vw,3rem);display:grid}@media (width>=900px){.idx-head{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end}}.kicker{color:var(--ink-3)}.h1{font-variation-settings:"wdth" 118;letter-spacing:-.035em;font-size:clamp(2.6rem,7.2vw,5.4rem);font-weight:850;line-height:.94}.h1 em{color:var(--accent);font-style:normal}.lede{color:var(--ink-2);max-width:46ch;font-size:clamp(1.05rem,1.5vw,1.2rem)}.list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--rule)}.list a{align-items:start;gap:1rem 2rem;padding-block:1.6rem;text-decoration:none;display:grid}@media (width>=700px){.list a{grid-template-columns:300px minmax(0,1fr)}}.thumb{aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--rule);width:100%;height:auto;transition:border-color .2s;display:block}.list a:hover .thumb{border-color:var(--accent)}.list .when{color:var(--ink-3);margin-bottom:.5rem;display:block}.list h2{font-variation-settings:"wdth" 108;letter-spacing:-.02em;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;line-height:1.1;transition:color .2s}.list p{color:var(--ink-2);max-width:62ch;margin-top:.5rem}.list a:hover h2{color:var(--accent)}.draft{border:1px solid var(--accent);color:var(--accent);font:500 .68rem/1.3 var(--mono);vertical-align:middle;letter-spacing:.04em;text-transform:uppercase;border-radius:2px;margin-left:.6em;padding:.15em .5em;display:inline-block}.empty{color:var(--ink-2);border-bottom:1px solid var(--rule);padding-block:3rem}.post-head{max-width:56rem;padding-top:clamp(2.5rem,6vw,5rem)}.meta{color:var(--ink-3);flex-wrap:wrap;gap:.4rem 1.2rem;margin-bottom:1.4rem;display:flex}.meta a{text-decoration:none}.meta a:hover{color:var(--accent)}.post-title{font-variation-settings:"wdth" 116;letter-spacing:-.03em;font-size:clamp(2.2rem,5.6vw,4.2rem);font-weight:850;line-height:.98}.post-desc{color:var(--ink-2);max-width:52ch;margin-top:1.4rem;font-size:clamp(1.1rem,1.7vw,1.3rem);line-height:1.5}.cover{border:1px solid var(--rule);width:100%;height:auto;margin-top:clamp(2rem,4vw,3rem);display:block}.post-rule{border:0;border-top:1px solid var(--ink);margin-top:clamp(2rem,4vw,3rem)}.prose{max-width:var(--measure);padding-block:clamp(2rem,4vw,3rem) 0;font-size:1.125rem;line-height:1.72}.prose>*+*{margin-top:1.15em}.prose h2{font-variation-settings:"wdth" 110;letter-spacing:-.02em;margin-top:2.2em;font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:800;line-height:1.12}.prose h3{font-variation-settings:"wdth" 104;margin-top:1.8em;font-size:1.25rem;font-weight:750;line-height:1.2}.prose h2+*,.prose h3+*{margin-top:.7em}.prose strong{font-weight:700}.prose a{text-decoration-color:var(--accent)}.prose a:hover{color:var(--accent)}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);font-family:var(--display);font-variation-settings:"wdth" 98;color:var(--ink);margin-inline:0;padding-left:1.2rem;font-size:1.3rem;font-weight:600;line-height:1.4}.prose code{font-family:var(--mono);background:var(--band-4);border-radius:2px;padding:.1em .35em;font-size:.88em}.prose pre{font-family:var(--mono);background:var(--surface);border:1px solid var(--rule);border-radius:2px;padding:1rem;font-size:.85rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--rule);margin-block:2.5em}.prose img{border:1px solid var(--rule);display:block}.prose table{border-collapse:collapse;width:100%;font-size:1rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--rule);padding:.6rem .5rem .6rem 0}.prose th{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.75rem;font-weight:500}.sign{max-width:var(--measure);border-top:1px solid var(--ink);gap:.15rem;margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.4rem;display:grid}.sign b{font-family:var(--display);font-variation-settings:"wdth" 112;font-size:1.15rem;font-weight:800}.sign span{color:var(--ink-2)}.sign a{color:var(--accent);font-weight:600;text-decoration:none}.sign a:hover{text-decoration:underline}.next{max-width:var(--measure);flex-wrap:wrap;gap:.6rem;margin-top:2.5rem;display:flex}.close{background:var(--ink);color:var(--bg);margin-top:clamp(4rem,9vw,7rem);padding-block:clamp(2.5rem,6vw,4rem) 2rem}.close .h2{color:var(--bg);font-variation-settings:"wdth" 112;letter-spacing:-.025em;font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1}.close .h2 em{color:var(--accent-on-ink);font-style:normal}.close p{color:color-mix(in srgb,var(--bg) 78%,var(--ink));max-width:46ch;margin-top:1rem}.close .actions{flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;display:flex}.close .btn{border-color:var(--bg);color:var(--bg)}.close .btn:hover{background:var(--bg);color:var(--ink)}.close .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.foot{border-top:1px solid color-mix(in srgb,var(--bg) 20%,var(--ink));color:color-mix(in srgb,var(--bg) 55%,var(--ink));flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.2rem;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--bg)}