:root{--font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--color-base-50: oklch(96.74% .001 286.38);--color-base-100: oklch(93.73% .001 286.37);--color-base-200: oklch(87.31% .004 271.36);--color-base-300: oklch(80.82% .006 274.95);--color-base-400: oklch(74.22% .009 278.59);--color-base-500: oklch(67.48% .012 280.37);--color-base-600: oklch(56.83% .015 281.34);--color-base-700: oklch(46.56% .011 279.46);--color-base-800: oklch(35.42% .009 285.95);--color-base-900: oklch(23.48% .004 264.49);--color-base-950: oklch(16.89% .002 286.18);--color-accent: oklch(60% .19 259);--page-width: 48rem;--page-padding: 2rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .03), 0 12px 32px rgba(15, 23, 42, .03)}@supports (font-variation-settings: normal){:root{--font-sans: "InterVariable", system-ui, sans-serif;--font-display: "InterVariable", system-ui, sans-serif}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);background:#fff;color:var(--color-base-900);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(148,163,184,.1),transparent 34rem),linear-gradient(180deg,#fff 0%,var(--color-base-50) 100%);color:var(--color-base-900)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono)}code{font-size:.92em}pre{overflow-x:auto;padding:1rem 1.125rem;border:1px solid var(--color-base-200);border-radius:var(--radius-md);background:var(--color-base-50)}blockquote{margin:0;padding-left:1rem;border-left:2px solid var(--color-base-300);color:var(--color-base-700)}.site-shell{width:min(100%,var(--page-width));min-height:100vh;margin:0 auto;padding:0 var(--page-padding);display:flex;flex-direction:column}.site-main{flex:1}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 0 1rem;position:sticky;top:0;z-index:10;background:#ffffffd6;backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.7)}.site-brand{font-size:.98rem;font-weight:600;text-transform:uppercase}.site-brand span{letter-spacing:.02em}.site-nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}.nav-link{display:inline-flex;align-items:center;min-height:2rem;padding:.3rem .65rem;border-radius:999px;font-size:.92rem;color:var(--color-base-700);transition:color .16s ease,background-color .16s ease}.nav-link:hover,.nav-link[aria-current=page]{color:var(--color-accent);background:#f1f5f9f2}.nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.4rem .8rem;border-radius:999px;background:var(--color-base-900);color:#fff;font-size:.9rem;font-weight:500}.nav-pill:hover{background:var(--color-base-200);color:var(--color-base-900)}.hero{padding:4.5rem 0 3.25rem}.hero h1,.page-header h1,.article-header h1,.not-found h1{margin:0;font-family:var(--font-display);font-size:clamp(2.25rem,8vw,3.5rem);line-height:1.05;font-weight:500;max-width:12ch}.hero p,.page-header p,.article-subtitle,.not-found p,.site-footer p{color:var(--color-base-600)}.hero p{max-width:42rem;margin:1.25rem 0 0;font-size:1.02rem;line-height:1.7}.hero+section{margin-top:.75rem}.chip-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.chip{display:inline-flex;align-items:center;min-height:1.85rem;padding:.2rem .65rem;border-radius:999px;background:#f8fafce6;font-size:.78rem;font-weight:600;color:var(--color-base-600);border:1px solid rgba(226,232,240,.85)}.chip:hover{color:var(--color-accent);border-color:#bfdbfee6}.section-grid,.post-grid{display:grid;gap:1.5rem}.section-grid,.post-grid{grid-template-columns:repeat(1,minmax(0,1fr));margin:2rem 0 4rem}.card{display:block;padding:1.35rem;border:1px solid var(--color-base-200);border-radius:var(--radius-md);background:#ffffffe0;box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-1px);border-color:var(--color-base-300);box-shadow:0 1px 2px #0f172a0a,0 16px 36px #0f172a0d}.card h2,.card h3,.list-card h2{margin:0;font-size:1.05rem;font-weight:500;line-height:1.35;color:var(--color-base-900)}.card p,.list-card p{margin:.65rem 0 0;line-height:1.65;color:var(--color-base-600)}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--color-base-500);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.meta-row+h2,.meta-row+h3{margin-top:.85rem}.list-stack{display:grid;gap:1rem;margin:2rem 0 4rem}.list-card{display:block;padding:1.15rem 1.25rem 1.2rem;border:1px solid var(--color-base-200);border-radius:var(--radius-md);background:#ffffffe6;box-shadow:0 1px 2px #0f172a05;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.list-card:hover{border-color:var(--color-base-300);transform:translateY(-1px);box-shadow:0 1px 2px #0f172a0a,0 14px 28px #0f172a0a}.list-card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.list-card-arrow{color:var(--color-base-400);font-size:1rem;transition:transform .16s ease,color .16s ease}.list-card:hover .list-card-arrow{color:var(--color-accent);transform:translate(2px)}.page-header,.article-header,.not-found{padding:4rem 0 1.5rem}.page-header p,.article-subtitle,.not-found p{max-width:42rem;margin:1rem 0 0;line-height:1.7}.page-intro{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-base-200)}.page-intro>:first-child{margin-top:0}.article-header .meta-row{margin-top:1rem}.article-shell{padding-bottom:4rem}.article-body{max-width:42rem;color:var(--color-base-800);line-height:1.8;font-size:1rem}.article-body h2,.article-body h3,.article-body h4{margin-top:2.4rem;margin-bottom:.85rem;line-height:1.25;color:var(--color-base-900)}.article-body h2{font-size:1.45rem}.article-body h3{font-size:1.15rem}.article-body p,.article-body ul,.article-body ol{margin:1rem 0}.article-body :first-child{margin-top:0}.article-body li+li{margin-top:.55rem}.article-body hr{margin:2rem 0;border:0;border-top:1px solid var(--color-base-200)}.article-body code{padding:.1rem .35rem;border-radius:.45rem;background:var(--color-base-100);border:1px solid var(--color-base-200)}.article-body pre code{padding:0;border:0;background:transparent}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{display:inline-flex;align-items:center;min-height:1.8rem;padding:.25rem .65rem;border-radius:999px;background:var(--color-base-100);color:var(--color-base-700);font-size:.78rem;font-weight:500}.section-divider{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1rem}.section-divider h2{margin:0;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-base-500)}.section-divider a{color:var(--color-base-600);font-size:.88rem}.section-divider a:hover{color:var(--color-accent)}.site-footer{padding:1.5rem 0 3rem;border-top:1px solid rgba(226,232,240,.8)}.site-footer p{margin:0;text-align:center;font-size:.78rem;line-height:1.6}@media(min-width:720px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}}@media(max-width:719px){:root{--page-padding: 1.25rem}.site-nav{align-items:flex-start;flex-direction:column;position:static;backdrop-filter:none}.site-nav-links{justify-content:flex-start}.hero{padding-top:3.5rem}.list-card-title-row{align-items:center}}