*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--graphite: #1F2933;--dark-teal: #0E3D3D;--mint: #A7F3D0;--mint-dim: #6EDCB0;--warm-gray: #F2F4F5;--white: #ffffff;--text-muted: #6B7A8D;--border: rgba(31,41,51,.1);--card: #ffffff;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--display: "Nunito", var(--font);--radius: 16px}[data-theme=dark]{--graphite: #f0f4f8;--warm-gray: #1a2230;--white: #111827;--text-muted: #94a3b8;--border: rgba(255,255,255,.1);--card: #1e2a3a;--dark-teal: #4ecda4}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--graphite);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{max-width:760px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--white) 88%,transparent);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;text-decoration:none}.logo-full{height:29px;width:auto;display:block}.nav-logo .logo-dark,[data-theme=dark] .nav-logo .logo-light{display:none}[data-theme=dark] .nav-logo .logo-dark{display:block}.nav-right{display:flex;align-items:center;gap:24px}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{color:var(--graphite);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s ease}.nav-links a:hover{color:var(--dark-teal)}.btn-nav{background:var(--graphite);color:var(--white)!important;padding:9px 20px;border-radius:100px}.btn-nav:hover{color:var(--white)!important;opacity:.9}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--graphite);border-radius:2px;transition:opacity .2s ease}.nav-mobile{display:none;flex-direction:column;padding:16px 24px 24px;background:#fffffff7;backdrop-filter:blur(12px);border-top:1px solid var(--border)}[data-theme=dark] .nav-mobile{background:#111827f7}.nav-mobile a{color:var(--graphite);text-decoration:none;font-size:16px;font-weight:500;padding:12px 0;border-bottom:1px solid var(--border);transition:color .2s ease}.nav-mobile a:hover{color:var(--dark-teal)}.nav-mobile a:last-child{border-bottom:none}.nav-mobile.open{display:flex}@media(max-width:760px){.nav-links{display:none}.nav-toggle{display:flex}}.dark-toggle{background:none;border:none;cursor:pointer;color:var(--graphite);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.dark-toggle:hover{background:var(--warm-gray)}.dark-toggle svg{width:18px;height:18px}.icon-moon,[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon{display:block}.footer{border-top:1px solid var(--border);margin-top:80px;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;max-width:1100px}.footer-inner p,.footer-inner a{font-size:13px;color:var(--text-muted);text-decoration:none}.footer-inner a:hover{color:var(--dark-teal)}.blog-hero{padding:72px 0 40px;text-align:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-teal);margin-bottom:14px}.blog-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1.1;color:var(--graphite);letter-spacing:-.02em}.blog-hero .lede{margin:18px auto 0;max-width:560px;color:var(--text-muted);font-size:17px}.posts{list-style:none;display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.post-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--mint) 60%,var(--border));box-shadow:0 12px 30px #0e3d3d14}.post-card a{display:block;padding:28px;text-decoration:none;color:inherit}.post-card-meta,.post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-muted);margin-bottom:12px}.post-card h2{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.25;color:var(--graphite);margin-bottom:10px;letter-spacing:-.01em}.post-card p{color:var(--text-muted);font-size:15.5px;margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:11.5px;font-weight:600;letter-spacing:.02em;padding:4px 11px;border-radius:100px;background:color-mix(in srgb,var(--mint) 22%,transparent);color:var(--dark-teal)}[data-theme=dark] .tag{background:#4ecda424;color:var(--mint)}.post{padding-top:40px}.back-link{display:inline-block;font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:none;margin-bottom:28px;transition:color .2s ease}.back-link:hover{color:var(--dark-teal)}.post-header{margin-bottom:36px}.post-header h1{font-family:var(--display);font-weight:800;font-size:clamp(28px,4.5vw,42px);line-height:1.15;color:var(--graphite);letter-spacing:-.02em;margin:6px 0 16px}.cover-wrap{margin:0 0 36px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.cover-img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover}.prose{font-size:17.5px;color:var(--graphite)}.prose>*+*{margin-top:1.4em}.prose h2{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.25;letter-spacing:-.01em;margin-top:2em;margin-bottom:.2em;color:var(--graphite)}.prose h3{font-weight:700;font-size:20px;margin-top:1.6em;color:var(--graphite)}.prose p{color:var(--graphite)}.prose strong{font-weight:700;color:var(--graphite)}.prose a{color:var(--dark-teal);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--mint-dim)}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-top:.5em}.prose li::marker{color:var(--dark-teal)}.prose blockquote{border-left:3px solid var(--mint);padding:4px 0 4px 22px;margin-left:0;color:var(--text-muted);font-style:italic}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--warm-gray);padding:2px 6px;border-radius:6px;color:var(--dark-teal)}.prose pre{background:#0d1117;color:#e6edf3;padding:18px 20px;border-radius:12px;overflow-x:auto;font-size:14.5px}.prose pre code{background:none;padding:0;color:inherit}.prose hr{border:none;border-top:1px solid var(--border);margin:2.4em 0}.prose img{max-width:100%;border-radius:12px}