:root{--color-ink:#152238;--color-heading:#081a33;--color-muted:#5f7087;--color-blue:#1d4ed8;--color-blue-deep:#0b2a4a;--color-cyan:#0891b2;--color-cyan-bright:#22d3ee;--color-surface:#fff;--color-surface-muted:#f3f7fc;--color-border:#cfdae8;color:var(--color-ink);background:var(--color-surface-muted);font-synthesis:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #22d3ee0d, transparent 14rem), var(--color-surface-muted);margin:0;line-height:1.75}body>header,body>footer{width:min(100% - 2rem,72rem);margin-inline:auto}body>main{width:min(100% - 2rem,48rem);margin-inline:auto}body>header{border-top:4px solid #0000;border-bottom:1px solid var(--color-border);border-image:linear-gradient(90deg, var(--color-cyan-bright), var(--color-blue), transparent 75%) 1;padding-block:1.35rem}body>main{min-height:70vh;padding-block:2.5rem}body>footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding-block:1.5rem}body>main.page-layout{grid-template-columns:minmax(0,48rem) minmax(13rem,16rem);align-items:start;gap:3rem;width:min(100% - 2rem,72rem);display:grid}.page-content{min-width:0}.site-title{color:var(--color-heading);letter-spacing:.02em;align-items:center;gap:.65rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.site-title:before{background:linear-gradient(135deg, var(--color-cyan-bright), var(--color-blue));content:"";border-radius:.2rem;width:.65rem;height:.65rem;box-shadow:0 0 0 3px #1d4ed81a,0 0 12px #22d3ee73}a{color:#075aaa;text-underline-offset:.18em}a:hover{color:var(--color-cyan)}a:focus-visible{outline-offset:3px;border-radius:.2rem;outline:3px solid #22d3ee73}h1,h2,h3{color:var(--color-heading);line-height:1.3}h1{font-size:clamp(1.8rem,7vw,2.5rem)}.page-content>h1,.page-content>article>header h1{text-wrap:balance}.page-content>h1:after{background:linear-gradient(90deg, var(--color-cyan-bright), var(--color-blue));content:"";border-radius:999px;width:3rem;height:.2rem;margin-top:.75rem;display:block}.page-content>article>h2{border-bottom:1px solid var(--color-border);margin-top:2.5rem;padding-bottom:.4rem}.post-list{padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--color-border);padding-block:1.25rem}.post-list h2{margin:0 0 .25rem}.meta{color:var(--color-muted);font-size:.9rem}.tags{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.tags li{color:var(--color-blue-deep);background:#eaf2ff;border:1px solid #c8d8ee;border-radius:999px;padding:.1rem .55rem;font-size:.85rem}.tags a{color:inherit;text-decoration:none}.sidebar{gap:1rem;display:grid;position:sticky;top:1rem}.sidebar-section{border:1px solid var(--color-border);border-top:3px solid var(--color-blue);background:var(--color-surface);border-radius:.75rem;padding:1rem;box-shadow:0 .35rem 1.25rem #081a330d}.sidebar-section h2{margin:0 0 .75rem;font-size:1rem}.sidebar-section p{color:var(--color-muted);margin:0;font-size:.9rem}.sidebar-tags,.toc-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.sidebar-tags a{border-radius:.4rem;justify-content:space-between;gap:1rem;padding:.3rem .45rem;text-decoration:none;display:flex}.sidebar-tags a:hover{background:#eaf2ff}.tag-count{color:var(--color-blue);font-variant-numeric:tabular-nums;font-weight:700}.toc-list a{color:#40536c;font-size:.88rem;text-decoration:none}.toc-list a:hover{color:var(--color-cyan)}.toc-depth-3{padding-left:1rem}.eyebrow{color:var(--color-cyan);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:700}blockquote{border-left:4px solid var(--color-cyan);color:#40536c;background:#eaf2ff;border-radius:0 .6rem .6rem 0;margin:1.5rem 0;padding:1rem 1.25rem}blockquote p{margin:.4rem 0}blockquote p:first-child{color:var(--color-heading)}pre{color:#f4f6f8;box-shadow:inset 3px 0 0 var(--color-cyan);background:#071527;border:1px solid #163d68;border-radius:.55rem;padding:1rem;overflow-x:auto}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}:not(pre)>code{color:var(--color-blue-deep);background:#e5eefb;border-radius:.25rem;padding:.15rem .35rem}@media (width<=56rem){body>main.page-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.sidebar{position:static}}