.site .wrap.narrow{max-width:46rem}.blog-hero{padding:var(--space-7) 0 var(--space-5);background:var(--color-surface-sunken)}.blog-hero h1{font-size:var(--text-page-title);line-height:var(--leading-heading);margin:var(--space-2) 0;max-width:34rem}.blog-hero .lead{max-width:40rem;color:var(--color-text-secondary)}.blog-cats{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.blog-cats a{min-height:var(--target-min);display:inline-flex;align-items:center;padding:0 var(--space-4);border:1px solid var(--color-border-control);border-radius:var(--radius-pill);color:var(--color-text);text-decoration:none;font-size:var(--text-small)}.blog-cats a[aria-current=true]{background:var(--ik-ink);color:#fff;border-color:var(--ik-ink)}.blog-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-2);color:var(--color-text-meta);font-size:var(--text-caption)}.blog-meta>*+*:before{content:"·";margin-right:var(--space-3)}.blog-featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-6);align-items:center;margin-bottom:var(--space-7)}.blog-featured img,.blog-card img,.blog-hero-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-surface);background:var(--color-surface-sunken);display:block}.blog-featured h2{font-size:var(--text-section);line-height:var(--leading-heading);margin:0 0 var(--space-3)}.blog-featured h2 a,.blog-card h3 a{color:var(--color-text);text-decoration:none}.blog-featured h2 a:hover,.blog-card h3 a:hover{text-decoration:underline}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--space-5)}.blog-card{display:flex;flex-direction:column;gap:var(--space-2)}.blog-card h3{font-size:var(--text-subsection);line-height:var(--leading-heading);margin:0}.blog-card p{margin:0;color:var(--color-text-secondary)}.blog-card .more{margin-top:auto}.blog-pager{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.blog-empty{padding:var(--space-6) 0;color:var(--color-text-secondary)}.blog-post-head{padding:var(--space-6) 0 var(--space-4)}.blog-post-head h1{font-size:var(--text-page-title);line-height:var(--leading-heading);margin:var(--space-3) 0}.blog-crumbs{font-size:var(--text-small);color:var(--color-text-meta)}.blog-hero-img{margin-bottom:var(--space-5)}.blog-body{font-size:1.0625rem;line-height:1.7;color:var(--color-text-body)}.blog-body h2{font-size:var(--text-section);line-height:var(--leading-heading);margin:var(--space-6) 0 var(--space-3)}.blog-body h3,.blog-body h4{font-size:var(--text-subsection);margin:var(--space-5) 0 var(--space-2)}.blog-body p,.blog-body ul,.blog-body ol,.blog-body blockquote,.blog-body figure{margin:0 0 var(--space-4)}.blog-body ul,.blog-body ol{padding-left:1.4rem}.blog-body li{margin-bottom:var(--space-2)}.blog-body blockquote{border-left:4px solid var(--ik-orange);padding:var(--space-2) var(--space-4);background:var(--color-surface-sunken);border-radius:0 var(--radius-control) var(--radius-control) 0}.blog-body img{max-width:100%;height:auto;border-radius:var(--radius-control)}.blog-body figcaption{font-size:var(--text-caption);color:var(--color-text-meta);margin-top:var(--space-2)}.blog-body a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.blog-note{margin:var(--space-6) 0 var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-surface);font-size:var(--text-small);color:var(--color-text-secondary)}.blog-note p{margin:0}.blog-cta{margin:var(--space-5) 0 var(--space-7);padding:var(--space-5);background:var(--ik-ink);color:#fff;border-radius:var(--radius-surface)}.blog-cta h2{margin:0 0 var(--space-2);font-size:var(--text-heading-compact);color:#fff}.blog-cta p{color:#e9eeee}.blog-cta .blog-links{font-size:var(--text-small)}.blog-cta .blog-links a{color:#fff}.blog-cta .button.ghost{color:#fff;border-color:#fff}@media(max-width:760px){.blog-featured{grid-template-columns:1fr;gap:var(--space-4)}.blog-hero{padding-top:var(--space-6)}}