.blog-hero{padding-block:5rem 2.5rem}.blog-eyebrow{font-family:var(--font-marker),cursive;color:var(--accent);font-size:1.05rem;margin-block-end:.5rem}.blog-title{font-family:var(--font-display),serif;font-size:clamp(2rem,5vw,3rem);line-height:1.1;color:var(--ink);margin:0}.blog-lead{color:var(--ink-muted);max-inline-size:62ch;margin-block-start:1rem;line-height:1.65}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1.5rem}.blog-tag{border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;font-size:.8125rem;color:var(--ink-muted);text-decoration:none;transition:border-color .15s,color .15s}.blog-tag:hover{border-color:var(--ink);color:var(--ink)}.blog-tag[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.blog-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;padding-block-end:4rem}@media (min-width:40rem){.blog-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{display:flex;flex-direction:column;gap:.6rem;padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius-lg,14px);background:var(--surface);text-decoration:none;transition:border-color .15s,transform .15s}.blog-card:hover{border-color:var(--ink);transform:translateY(-2px)}.blog-card-meta{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle,var(--ink-muted))}.blog-card-title{font-family:var(--font-display),serif;font-size:1.25rem;line-height:1.25;color:var(--ink);margin:0}.blog-card-desc{color:var(--ink-muted);font-size:.95rem;line-height:1.6;margin:0}.blog-post{padding-block:4rem}.blog-back{display:inline-block;color:var(--ink-muted);text-decoration:underline;text-underline-offset:4px;font-size:.9rem;margin-block-end:2rem}.blog-post-title{font-family:var(--font-display),serif;font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.15;color:var(--ink);margin:0 0 .75rem}.blog-body{color:var(--ink);line-height:1.75}.blog-body h2{font-size:1.45rem;margin-block:2.5rem .75rem}.blog-body h2,.blog-body h3{font-family:var(--font-display),serif}.blog-body h3{font-size:1.15rem;margin-block:2rem .5rem}.blog-body p{margin-block:0 1.15rem}.blog-body ol,.blog-body ul{margin-block:0 1.15rem;padding-inline-start:1.35rem}.blog-body li{margin-block-end:.4rem}.blog-body a{color:var(--accent);text-underline-offset:3px}.blog-body blockquote{margin-block:1.5rem;padding-inline-start:1rem;border-inline-start:3px solid var(--accent);color:var(--ink-muted);font-style:italic}.blog-body code{font-family:var(--font-mono,monospace);font-size:.9em;background:var(--paper,var(--surface));padding:.1em .35em;border-radius:4px}