:root{--background: 30 20% 97%;--foreground: 210 17% 24%;--card: 0 0% 100%;--muted: 210 10% 93%;--muted-foreground: 210 10% 46%;--primary: 37 100% 55%;--primary-ink: 26 90% 37%;--secondary: 210 17% 24%;--accent: 358 67% 49%;--border: 210 12% 88%;--radius: .75rem;--font-display: "Space Grotesk", sans-serif;--font-body: "DM Sans", sans-serif;--gradient-primary: linear-gradient(135deg, hsl(37 100% 55%), hsl(358 67% 49%));--shadow-card: 0 1px 3px hsl(210 17% 24% / .06), 0 4px 12px hsl(210 17% 24% / .04);--shadow-elevated: 0 8px 30px -8px hsl(210 17% 24% / .12);--content-width: 46rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;font-weight:600;color:hsl(var(--secondary))}a{color:hsl(var(--primary-ink));text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:1.25rem}.site-header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card))}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:64rem;margin-inline:auto;padding-inline:1.25rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:hsl(var(--secondary))}.brand:hover{text-decoration:none}.brand .dot{width:.6rem;height:.6rem;border-radius:50%;background:hsl(var(--primary));display:inline-block}.nav{display:flex;gap:1.25rem;align-items:center;font-size:.95rem}.nav a{color:hsl(var(--muted-foreground))}.nav .cta{background:hsl(var(--secondary));color:#fff;padding:.45rem .9rem;border-radius:calc(var(--radius) - 2px)}.nav .cta:hover{text-decoration:none;opacity:.92}.page-hero{padding:3rem 0 1.5rem;text-align:center}.page-hero h1{font-size:clamp(2rem,4vw,2.75rem);margin:0 0 .5rem}.page-hero p{color:hsl(var(--muted-foreground));margin:0 auto;max-width:34rem}.post-list{list-style:none;padding:0;margin:2rem 0 4rem;display:grid;gap:1rem}.post-card{display:block;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.post-card h2{margin:0 0 .35rem;font-size:1.4rem}.post-card .excerpt{color:hsl(var(--muted-foreground));margin:.25rem 0 0}.post-meta{color:hsl(var(--muted-foreground));font-size:.875rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.tags{display:inline-flex;gap:.4rem;flex-wrap:wrap}.tag{font-size:.75rem;background:hsl(var(--muted));color:hsl(var(--muted-foreground));padding:.15rem .55rem;border-radius:999px;font-family:var(--font-display)}.article{padding:2.5rem 0 4rem}.article-header{margin-bottom:2rem}.article-header h1{font-size:clamp(2rem,4.5vw,3rem);margin:.75rem 0}.article-hero{border-radius:var(--radius);margin:1.5rem 0;box-shadow:var(--shadow-card)}.prose>*+*{margin-top:1.15rem}.prose h2{margin-top:2.5rem;font-size:1.6rem}.prose h3{margin-top:2rem;font-size:1.3rem}.prose img{border-radius:var(--radius);margin:1.75rem 0}.prose blockquote{margin:1.75rem 0;padding:.5rem 1.25rem;border-left:3px solid hsl(var(--primary));color:hsl(var(--muted-foreground));font-style:italic}.prose pre{background:hsl(var(--secondary));color:#f6f7f8;padding:1rem 1.25rem;border-radius:var(--radius);overflow-x:auto;font-size:.9rem}.prose code{font-size:.92em}.prose :not(pre)>code{background:hsl(var(--muted));padding:.15rem .4rem;border-radius:4px}.prose hr{border:none;border-top:1px solid hsl(var(--border));margin:2.5rem 0}.back-link{display:inline-block;margin-bottom:1rem;color:hsl(var(--muted-foreground));font-size:.9rem}.site-footer{border-top:1px solid hsl(var(--border));margin-top:2rem;padding:2rem 0;color:hsl(var(--muted-foreground));font-size:.9rem}.site-footer .inner{max-width:64rem;margin-inline:auto;padding-inline:1.25rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.text-gradient{background-image:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}