:root{--cream: #f5f1e8;--cream-soft: #ede7d6;--ink: #1b2a1f;--ink-soft: #3a4a3f;--moss: #2d5016;--leaf: #7ba05b;--leaf-bright: #9bc26a;--bark: #5c4a35;--shadow: 0 2px 16px -4px rgba(27, 42, 31, .12);--shadow-lg: 0 8px 32px -8px rgba(27, 42, 31, .16);--radius: 10px;--radius-sm: 6px;--bg: var(--cream);--bg-elev: #fdfaf1;--bg-elev2: #f8f4ea;--border: rgba(27, 42, 31, .1);--fg: var(--ink);--fg-soft: var(--ink-soft);--accent: var(--moss);--accent-bright: var(--leaf);--accent-glow: rgba(123, 160, 91, .08);--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0f1a14;--bg-elev: #16241c;--bg-elev2: #1c2e23;--border: rgba(232, 228, 213, .08);--fg: #e8e4d5;--fg-soft: #a8a594;--accent: var(--leaf-bright);--accent-bright: var(--leaf-bright);--shadow: 0 2px 16px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px -8px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--fg);margin-top:0}h1{font-size:clamp(2.25rem,5vw,3.25rem);margin-bottom:.75rem}h2{font-size:1.5rem;margin-top:3rem;margin-bottom:1rem}h3{font-size:1.15rem;margin-bottom:.5rem}p{margin:0 0 1.25rem}a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent);transition:border-color .2s ease,color .2s ease}a:hover{border-bottom-color:var(--accent)}code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-elev);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--border)}pre{background:var(--bg-elev)!important;padding:1.25rem 1.5rem;border-radius:var(--radius);overflow-x:auto;border:1px solid var(--border);line-height:1.5}pre code{background:transparent;padding:0;border:none}hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.layout{max-width:680px;margin:0 auto;padding:2rem 1.5rem 6rem}nav.site-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:2px solid color-mix(in srgb,var(--accent) 25%,transparent);margin-bottom:3.5rem}nav.site-nav .brand{font-family:var(--font-mono);font-size:.95rem;font-weight:500;letter-spacing:-.02em;border:none;color:var(--fg);display:inline-flex;align-items:center;gap:.4rem}nav.site-nav .brand:hover{color:var(--accent)}nav.site-nav .links{display:flex;gap:1.5rem;font-size:.9rem}nav.site-nav .links a{color:var(--fg-soft);border:none;position:relative}nav.site-nav .links a:hover{color:var(--fg)}footer.site-foot{margin-top:6rem;padding-top:1.5rem;border-top:2px solid color-mix(in srgb,var(--accent) 25%,transparent);color:var(--fg-soft);font-size:.85rem;display:flex;justify-content:space-between}footer.site-foot a{color:var(--fg-soft)}footer.site-foot a:hover{color:var(--accent)}.card{background:var(--bg-elev);padding:1.25rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);border-left:3px solid color-mix(in srgb,var(--leaf) 40%,transparent);margin-bottom:.75rem;display:block;color:var(--fg);transition:border-color .2s ease,box-shadow .2s ease,border-left-color .2s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);border-left-color:var(--leaf);box-shadow:var(--shadow)}.card h3{margin:0 0 .25rem;font-size:1.1rem}.card .meta{color:var(--fg-soft);font-size:.85rem;margin:0}.status{display:inline-block;font-size:.7rem;padding:.2em .6em;border-radius:999px;background:color-mix(in srgb,var(--leaf) 20%,transparent);color:var(--accent);font-family:var(--font-mono);text-transform:lowercase;vertical-align:middle;margin-left:.4rem;border:1px solid color-mix(in srgb,var(--leaf) 25%,transparent)}.hero{margin-bottom:4rem}.hero h1{margin-bottom:.5rem}.hero .subtitle{color:var(--fg-soft);font-size:1.15rem;line-height:1.6;max-width:540px}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-top:3.5rem;margin-bottom:1.25rem}.section-header h2{margin:0}.section-header a{font-size:.85rem;color:var(--fg-soft);border:none}.section-header a:hover{color:var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag{font-size:.75rem;font-family:var(--font-mono);color:var(--fg-soft);background:var(--bg-elev2);padding:.15em .5em;border-radius:var(--radius-sm);border:1px solid var(--border)}.prose{max-width:65ch}.prose h2{margin-top:2.5rem}.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin-bottom:.35rem}.prose img{max-width:100%;border-radius:var(--radius)}.article-header{margin-bottom:2.5rem}.article-header .date{font-size:.85rem;color:var(--fg-soft);font-family:var(--font-mono)}.tagline{color:var(--fg-soft);font-size:1.05rem;line-height:1.6}.mermaid{background:var(--bg-elev);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);text-align:center;margin:1.5rem 0}@media(max-width:600px){.layout{padding:1.25rem 1rem 4rem}nav.site-nav{flex-direction:column;gap:.75rem;align-items:flex-start}nav.site-nav .links{gap:1rem}.section-header{flex-direction:column;gap:.25rem}footer.site-foot{flex-direction:column;gap:.5rem}}