:root{--bg: oklch(16% .03 260);--surface: oklch(26% .035 260);--fg: oklch(96% .01 260);--muted: oklch(68% .025 260);--border: oklch(34% .03 260);--accent: oklch(78% .12 180);--gold: oklch(76% .16 80);--container: 1120px;--gutter: clamp(20px, 4vw, 32px);--radius-sm: 2px;--radius-md: 14px;--fluid-topbar-h: clamp(50px, 3vw, 58px);--fluid-label-font: 10px;--fluid-text-h1: clamp(2.2rem, 1.55rem + 2vw, 3.9rem);--fw-extrabold: 800;--fw-black: 900;--text-primary: var(--fg);--text-secondary: var(--muted);--text-inverse: #0b1220;--surface-primary: color-mix(in oklch, var(--surface) 94%, black 6%);--surface-secondary: color-mix(in oklch, var(--surface) 82%, black 18%);--brand-primary: var(--accent);--brand-accent: var(--gold);--accent-secondary: color-mix(in oklch, var(--accent) 42%, #8b5cf6 58%);--border-subtle: color-mix(in oklch, var(--border) 84%, transparent);--border-strong: color-mix(in oklch, var(--border) 94%, white 6%);--shadow-sm: 0 10px 28px rgba(2, 6, 23, .14);color-scheme:dark}html[data-theme=light]{--bg: #f6f8fb;--surface: #ffffff;--fg: #17153b;--muted: #64748b;--border: #dbe3ec;--accent: #059669;--gold: #d97706;--text-primary: var(--fg);--text-secondary: var(--muted);--text-inverse: #f8fafc;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--brand-primary: var(--accent);--brand-accent: var(--gold);--accent-secondary: #7c3aed;--border-subtle: #dbe3ec;--border-strong: #cbd5e1;--shadow-sm: 0 12px 32px rgba(15, 23, 42, .08);color-scheme:light}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body.blog-route{margin:0;min-height:100vh;overflow-x:clip;background:var(--public-canvas);color:var(--text-primary);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.blog-route a{color:inherit}body.blog-route button{font:inherit}body.blog-route .helper-text{margin:0;color:var(--text-secondary)}body.blog-route :is(.btn,.btn-primary,.btn-ghost){box-sizing:border-box;min-height:42px;padding:0 1rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;text-decoration:none;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:transform .12s ease,background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}body.blog-route :is(.btn,.btn-primary):hover,body.blog-route .btn-ghost:hover{transform:translateY(-1px)}body.blog-route :is(.btn,.btn-primary){background:color-mix(in oklch,var(--brand-primary) 84%,black);border-color:color-mix(in oklch,var(--brand-primary) 68%,black);color:var(--text-inverse);box-shadow:0 0 0 1px color-mix(in oklch,var(--brand-primary) 20%,transparent)}body.blog-route :is(.btn,.btn-primary):hover{background:color-mix(in oklch,var(--brand-primary) 76%,black);border-color:color-mix(in oklch,var(--brand-primary) 58%,black)}body.blog-route .btn-ghost{background:color-mix(in oklch,var(--surface-primary) 88%,transparent);border-color:color-mix(in oklch,var(--border-subtle) 92%,transparent);color:var(--text-secondary)}body.blog-route .btn-ghost:hover{color:var(--text-primary);border-color:color-mix(in oklch,var(--border-strong) 90%,white 10%);background:color-mix(in oklch,var(--surface-primary) 94%,transparent)}body.blog-route :is(a,button):focus-visible{outline:2px solid color-mix(in oklch,var(--brand-primary) 56%,white 10%);outline-offset:3px}.blog-page,.blog-post-page{width:min(100%,var(--container));box-sizing:border-box;min-width:0;margin:0 auto;padding:calc(var(--fluid-topbar-h) + clamp(1.6rem,4vw,3rem)) var(--gutter) clamp(2.5rem,5vw,4.5rem);display:grid;gap:clamp(1rem,1.8vw,1.5rem)}.blog-index-shell,.blog-post-shell{position:relative;min-width:0}.blog-index-section,.blog-index-stack,.blog-index-grid-wrap{display:grid;gap:clamp(.9rem,1.4vw,1.2rem);min-width:0}.blog-index-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.blog-index-intro,.blog-list-card,.blog-post-main,.blog-post-meta-card,.blog-post-sidebar-cta,.blog-index-empty{border:1px solid color-mix(in oklch,var(--border-subtle) 88%,transparent);background:color-mix(in oklch,var(--surface-primary) 96%,transparent);box-shadow:var(--shadow-sm)}.blog-index-intro{display:grid;gap:1rem;padding:clamp(1.25rem,2.4vw,2rem);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in oklch,var(--surface-primary) 82%,transparent),color-mix(in oklch,var(--surface-primary) 98%,transparent)),radial-gradient(circle at top left,color-mix(in oklch,var(--brand-primary) 9%,transparent) 0%,transparent 42%),color-mix(in oklch,var(--surface-primary) 96%,transparent)}.blog-index-meta-row,.blog-post-meta-inline,.blog-post-nav-actions{display:flex;flex-wrap:wrap;gap:.65rem}.blog-index-meta-pill,.blog-post-meta-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .72rem;border:1px solid color-mix(in oklch,var(--border-subtle) 88%,transparent);border-radius:999px;background:color-mix(in oklch,var(--surface-secondary) 92%,transparent);color:var(--text-secondary);line-height:1;text-decoration:none}a.blog-index-meta-pill{transition:transform .12s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease}a.blog-index-meta-pill:hover{transform:translateY(-1px);border-color:color-mix(in oklch,var(--brand-primary) 28%,var(--border-strong));background:color-mix(in oklch,var(--brand-primary) 8%,var(--surface-secondary));box-shadow:0 10px 24px #0206171a;text-decoration:none}a.blog-index-meta-pill:hover .blog-index-meta-value{color:var(--text-primary)}.blog-index-meta-key,.blog-post-meta-chip strong{display:inline-flex;align-items:center;min-height:1.35rem;padding:0 .42rem;border-radius:999px;background:color-mix(in oklch,var(--surface-primary) 84%,transparent);color:var(--text-primary);font-weight:var(--fw-black);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.blog-index-meta-value{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.blog-index-meta-pill-muted,.blog-post-meta-chip-muted{background:color-mix(in oklch,var(--brand-primary) 10%,var(--surface-secondary))}.blog-index-heading{margin:0;max-width:13ch;font-size:clamp(2.35rem,1.85rem + 2vw,4.2rem);line-height:.96;letter-spacing:-.04em;text-wrap:balance}.blog-index-lead,.blog-post-excerpt,.blog-list-excerpt,.blog-post-rail-note,.blog-post-sidebar-cta p,.blog-post-endcap p{margin:0;color:var(--text-secondary);text-wrap:pretty}.blog-index-lead{max-width:62ch;font-size:clamp(1rem,.18vw + .98rem,1.08rem);line-height:1.75}.blog-index-section-title{margin:0;font-size:clamp(1.35rem,.35vw + 1.2rem,1.6rem);line-height:1.15;letter-spacing:-.02em}.blog-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.4vw,1.2rem)}.blog-list-card{display:grid;overflow:hidden;border-radius:var(--radius-md);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.blog-list-card:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--brand-primary) 18%,var(--border-subtle));box-shadow:0 14px 34px #02061729}.blog-list-card-featured{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.blog-list-media-link{display:block;line-height:0;background:color-mix(in oklch,var(--surface-secondary) 92%,transparent)}.blog-list-media{width:100%;height:100%;min-height:216px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:16 / 10}.blog-list-card-featured .blog-list-media{min-height:340px;aspect-ratio:auto}.blog-list-media-placeholder{display:grid;place-items:center;background:linear-gradient(180deg,color-mix(in oklch,var(--surface-secondary) 78%,transparent),color-mix(in oklch,var(--surface-secondary) 92%,transparent)),radial-gradient(circle at top left,color-mix(in oklch,var(--brand-primary) 10%,transparent),transparent 58%),color-mix(in oklch,var(--surface-secondary) 92%,transparent)}.blog-list-media-placeholder:before{content:"Zero Debt";padding:.42rem .7rem;border:1px solid color-mix(in oklch,var(--border-subtle) 92%,transparent);border-radius:999px;background:color-mix(in oklch,var(--surface-primary) 82%,transparent);color:var(--text-secondary);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.blog-list-content{display:grid;gap:.55rem;padding:1rem 1rem 1.1rem;align-content:start}.blog-list-card-featured .blog-list-content{padding:clamp(1.2rem,2vw,1.8rem);align-content:center}.blog-list-date{margin:0;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)}.blog-list-card h2,.blog-list-card-featured h2{margin:0;font-size:clamp(1.1rem,.45vw + 1rem,1.45rem);line-height:1.22;letter-spacing:-.02em}.blog-list-title-link{text-decoration:none}.blog-list-title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:color-mix(in oklch,var(--brand-primary) 52%,currentColor)}.blog-index-empty{gap:.55rem;padding:1.35rem;border-radius:var(--radius-md)}.blog-index-empty h2{margin:0}.blog-post-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:clamp(1rem,2vw,1.5rem);align-items:start;min-width:0}.blog-post-main{min-width:0;display:grid;gap:1rem;padding:clamp(1.2rem,2.1vw,1.8rem);border-radius:var(--radius-md)}.blog-post-header{padding-bottom:0}.blog-post-rail{min-width:0;display:grid;gap:.9rem;align-content:start;position:sticky;top:calc(var(--fluid-topbar-h) + 1rem)}.blog-post-back-button,.blog-post-home-button{width:-moz-fit-content;width:fit-content}.blog-post-nav-actions{margin-bottom:.95rem}.blog-post-home-icon{width:.95rem;height:.95rem;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.blog-post-cover,.blog-post-inline-cover{width:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);border:1px solid color-mix(in oklch,var(--border-subtle) 88%,transparent);box-shadow:0 8px 24px #0206171f}.blog-post-cover{max-height:380px}.blog-post-inline-cover{display:none;aspect-ratio:16 / 9}.blog-post-meta-card,.blog-post-sidebar-cta{display:grid;gap:.45rem;padding:1rem;border-radius:var(--radius-md)}.blog-post-date-label,.blog-post-endcap-kicker{margin:0;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-accent)}.blog-post-date-value,.blog-post-sidebar-cta h4,.blog-post-endcap h3{margin:0;color:var(--text-primary)}.blog-post-date-value{font-size:1rem;font-weight:700}.blog-post-excerpt{max-width:68ch;font-size:clamp(1.02rem,.18vw + 1rem,1.12rem);line-height:1.78}.blog-post-content{display:grid;gap:1rem;color:var(--text-primary);font-size:clamp(1rem,.12vw + .98rem,1.06rem);line-height:1.82}.blog-post-content>:first-child{margin-top:0}.blog-post-content h2,.blog-post-content h3{margin:1.35rem 0 .3rem;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}.blog-post-content p,.blog-post-content figure{margin:0}.blog-post-content a{color:color-mix(in oklch,var(--brand-primary) 82%,white 18%)}.blog-post-content a:hover{color:color-mix(in oklch,var(--brand-primary) 72%,white 28%)}.blog-post-content ul,.blog-post-content ol{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}.blog-post-content li{color:var(--text-primary)}.blog-post-content blockquote{margin:.2rem 0;padding:1rem 1.1rem;border:1px solid color-mix(in oklch,var(--brand-primary) 18%,var(--border-subtle));background:color-mix(in oklch,var(--surface-secondary) 88%,transparent);border-radius:var(--radius-md);color:var(--text-secondary)}.blog-post-content pre{margin:.2rem 0;padding:.95rem 1rem;overflow-x:auto;border:1px solid color-mix(in oklch,var(--border-subtle) 88%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface-secondary) 88%,black 12%);font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;line-height:1.65}.blog-post-content code{font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.blog-post-content img{max-width:100%;height:auto;border-radius:var(--radius-md)}.blog-post-content hr{width:100%;height:1px;margin:.5rem 0;border:0;background:color-mix(in oklch,var(--border-subtle) 84%,transparent)}.blog-post-endcap{margin-top:.9rem;display:grid;gap:.85rem;padding-top:clamp(1.05rem,1.8vw,1.35rem);border-top:1px solid color-mix(in oklch,var(--border-subtle) 82%,transparent)}.blog-post-endcap-copy{display:grid;gap:.45rem;max-width:58ch}.blog-post-endcap-copy p:last-child{color:var(--text-secondary)}.blog-post-endcap .btn{justify-self:start}.blog-post-sidebar-cta h4{font-size:.96rem;line-height:1.25}.blog-post-sidebar-cta .btn{width:100%;max-width:100%;justify-content:center}@media(prefers-reduced-motion:reduce){body.blog-route :is(.btn,.btn-primary,.btn-ghost),.blog-list-card{transition:none}}@media(max-width:1080px){.blog-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-list-card-featured{grid-template-columns:1fr}.blog-list-card-featured .blog-list-media{min-height:260px}.blog-post-layout{grid-template-columns:1fr}.blog-post-rail{position:static}.blog-post-cover{display:none}.blog-post-inline-cover{display:block}}@media(max-width:760px){.blog-page,.blog-post-page{padding-top:calc(var(--fluid-topbar-h) + 1.15rem);padding-inline:1rem;padding-bottom:2rem}.blog-index-heading{max-width:10ch;font-size:clamp(2rem,1.35rem + 2.8vw,3rem)}.blog-index-meta-pill,.blog-post-meta-chip{width:100%;border-radius:18px;justify-content:flex-start}.blog-list-grid{grid-template-columns:1fr}.blog-list-media{min-height:210px}.blog-post-inline-cover{aspect-ratio:16 / 10}.blog-post-nav-actions>*{width:100%}.blog-post-endcap .btn{width:100%;justify-self:stretch}}
