:root{--bg:#f4fbfa;--bg-soft:#e3f4f1;--text:#11242b;--text-muted:#4a6168;--border:#c9e2de;--brand:#6fe3cf;--brand-text:#0a6860;--brand-strong:#064a45;--brand-soft:#cdf3ec;--on-brand:#11242b;--danger:#b3261e;--radius:8px;--column:700px;--wide:1040px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--bg:#0d1a1f;--bg-soft:#13262c;--text:#e6f4f2;--text-muted:#9bb5b3;--border:#254148;--brand:#5eead4;--brand-text:#7ff0dc;--brand-strong:#a5f6e8;--brand-soft:#103a3a;--on-brand:#0d1a1f;--danger:#ff8a80}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);border-top:6px solid var(--brand);border-image:repeating-linear-gradient(135deg, var(--brand) 0 14px, var(--text) 14px 28px) 6;margin:0;font-size:1.0625rem;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--brand-text);text-underline-offset:.2em}a:hover{color:var(--brand-strong)}:focus-visible{outline:3px solid var(--brand-text);outline-offset:2px;border-radius:4px}.skip-link{background:var(--brand);color:var(--on-brand);z-index:10;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.sr-only{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.wrap{width:100%;max-width:var(--column);margin:0 auto;padding:0 1.25rem}.wrap-wide{max-width:var(--wide)}.site-header{border-bottom:1px solid var(--border)}.site-header .wrap-wide{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;padding-bottom:.85rem;display:flex}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:.6rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand svg{flex:none;width:28px;height:28px}.nav{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.nav a{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;text-decoration:none}.nav a[aria-current=page],.nav a:hover{color:var(--text)}.nav a.button,.nav a.button:hover{color:var(--on-brand)}.button{border:2px solid var(--text);cursor:pointer;font:inherit;background:var(--brand);color:var(--on-brand);border-radius:var(--radius);box-shadow:3px 3px 0 var(--text);padding:.5rem 1.1rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{color:var(--on-brand);box-shadow:2px 2px 0 var(--text);transform:translate(1px,1px)}.button:active{box-shadow:0 0 0 var(--text);transform:translate(3px,3px)}.button[disabled]{opacity:.6;cursor:progress}.nav a.button{font-family:var(--font-sans);text-transform:none;letter-spacing:0}.hero{text-align:center;padding:3.5rem 0 2.5rem;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.hero-inner{position:relative}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--brand-text);margin:0 0 .75rem;font-size:.8rem}.hero h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(2.1rem,7vw,3.4rem);font-weight:800;line-height:1.08}.hero p{color:var(--text-muted);max-width:34rem;margin:0 auto 1.5rem;font-size:1.15rem}.subscribe-form{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:31rem;margin:0 auto;display:flex}.subscribe-form input[type=email]{font:inherit;border-radius:var(--radius);border:2px solid var(--text);background:var(--bg);color:var(--text);flex:14rem;min-width:0;padding:.55rem .9rem}.subscribe-form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-status{text-align:center;width:100%;min-height:1.4em;margin:.25rem 0 0;font-size:.95rem}.form-status:empty{display:none}.form-status[data-state=error]{color:var(--danger)}.form-status[data-state=ok]{color:var(--brand-strong);font-weight:600}.subscribe-card{background:var(--bg-soft);border:2px solid var(--text);border-radius:var(--radius);text-align:center;box-shadow:5px 5px 0 var(--brand);margin:3rem 0;padding:1.75rem 1.25rem}.subscribe-card h2{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.4rem}.subscribe-card p{color:var(--text-muted);margin:0 0 1.1rem}.post-list{margin:0;padding:0;list-style:none}.post-card{border-top:1px solid var(--border);grid-template-columns:1fr;gap:.9rem;padding:1.6rem 0;display:grid}.post-card.has-cover{grid-template-columns:1fr 160px;align-items:start}.post-card h2{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.4rem;font-weight:800;line-height:1.25}.post-card h2 a{color:var(--text);text-decoration:none}.post-card h2 a:hover{color:var(--brand-text);text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.post-card p{color:var(--text-muted);margin:0 0 .6rem}.post-card img{border-radius:var(--radius);border:1px solid var(--border);aspect-ratio:4/3;object-fit:cover;width:100%}.meta{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--brand-soft);color:var(--brand-strong);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.1rem .6rem;font-size:.75rem;text-decoration:none}.tag:hover{background:var(--brand);color:var(--on-brand)}@media (width<=560px){.post-card.has-cover{grid-template-columns:1fr}.post-card.has-cover img{aspect-ratio:16/9;order:-1}}.pagination{border-top:1px solid var(--border);justify-content:space-between;padding:1.5rem 0 3rem;display:flex}.article{padding-top:2.5rem;padding-bottom:1rem}.article h1{letter-spacing:-.03em;margin:0 0 .6rem;font-size:clamp(1.9rem,5.5vw,2.7rem);font-weight:800;line-height:1.12}.article .lede{color:var(--text-muted);margin:0 0 1.2rem;font-size:1.2rem}.article .cover{border-radius:var(--radius);border:1px solid var(--border);margin:1.5rem 0}.prose{font-size:1.125rem;line-height:1.75}.prose h2,.prose h3{letter-spacing:-.02em;margin:2.2rem 0 .6rem;line-height:1.25}.prose h2{border-top:3px solid var(--brand);padding-top:.4rem;font-size:1.5rem;display:inline-block}.prose h2+*{margin-top:.4rem}.prose ol{counter-reset:step;padding-left:0;list-style:none}.prose ol>li{counter-increment:step;margin:.9rem 0;padding-left:2.6rem;position:relative}.prose ol>li:before{content:counter(step);background:var(--brand);width:1.9rem;height:1.9rem;color:var(--on-brand);border:2px solid var(--text);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:.1rem;left:0}.prose ul{padding-left:1.3rem}.prose li::marker{color:var(--brand-text)}.prose blockquote{background:var(--bg-soft);border:2px solid var(--text);border-left:10px solid var(--brand);border-radius:var(--radius);margin:1.5rem 0;padding:.8rem 1.1rem}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose img{border-radius:var(--radius);margin:1.5rem 0}.prose code{font-family:var(--font-mono);background:var(--bg-soft);border:1px solid var(--border);border-radius:4px;padding:.08rem .35rem;font-size:.88em}.prose pre{color:#e6f4f2;border-radius:var(--radius);border-left:6px solid var(--brand);background:#0f2227;padding:1rem 1.1rem;line-height:1.5;overflow-x:auto}.prose pre code{color:inherit;background:0 0;border:0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.45rem .7rem}.prose th{background:var(--bg-soft);font-family:var(--font-mono);text-transform:uppercase;font-size:.8rem}.disclaimer{color:var(--text-muted);border:2px dashed var(--border);border-radius:var(--radius);margin-top:2.5rem;padding:.8rem 1rem;font-size:.875rem}.page-title{letter-spacing:-.03em;margin:2.5rem 0 .4rem;font-size:2.1rem;font-weight:800}.page-lede{color:var(--text-muted);margin:0 0 1rem}.tag-cloud{flex-wrap:wrap;gap:.5rem;padding:0 0 1.5rem;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:3rem;padding:2rem 0;font-size:.9rem}.site-footer .wrap-wide{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.site-footer a{color:var(--text-muted)}
