.blog-shell{padding:var(--cog-space-500) 0 var(--cog-space-800)}.blog-column{width:100%;max-width:46rem;margin-inline:auto}.blog-index__head{max-width:42rem;margin:0 auto var(--cog-space-600);text-align:center}.blog-eyebrow{align-items:center;gap:var(--cog-space-075);color:var(--brand-deep);font-family:var(--ff-mono);font-size:var(--cog-fs-overline);font-weight:var(--cog-fw-semibold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--cog-space-150);display:inline-flex}.blog-index__title{color:var(--ink);font-family:var(--ff-display);font-size:var(--cog-fs-h-lg);font-weight:var(--cog-fw-bold);line-height:var(--cog-lh-h-lg);text-wrap:balance;margin:0}.blog-index__lead{color:var(--ink-sub);font-size:var(--cog-fs-body-lg);line-height:var(--cog-lh-body-lg);margin:var(--cog-space-150) 0 0;text-wrap:pretty}.blog-list{gap:var(--cog-space-300);max-width:52rem;margin:0 auto;padding:0;list-style:none;display:grid}.blog-card{gap:var(--cog-space-150);padding:var(--cog-space-300);border:1px solid var(--line);border-radius:var(--cog-radius-lg);background:var(--surface);transition:border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);text-decoration:none;display:grid}@media (hover:hover){.blog-card:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));box-shadow:var(--shadow-brand-sm);transform:translateY(-2px)}}.blog-card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}.blog-card__thumb{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:var(--cog-radius-md);background:var(--sunken);width:100%;height:auto;display:block}.blog-card__tags{align-items:center;gap:var(--cog-space-075);flex-wrap:wrap;display:flex}.blog-tag{align-items:center;gap:var(--cog-space-050);padding:var(--cog-space-025) var(--cog-space-100);border-radius:var(--cog-radius-pill);background:var(--brand-bg);color:var(--brand-deep);font-family:var(--ff-mono);font-size:var(--cog-fs-overline);font-weight:var(--cog-fw-semibold);letter-spacing:.06em;text-transform:uppercase;display:inline-flex}.blog-card__title{color:var(--ink);font-family:var(--ff-display);font-size:var(--cog-fs-h-sm);font-weight:var(--cog-fw-bold);line-height:var(--cog-lh-h-sm);text-wrap:balance;margin:0}.blog-card__lead{color:var(--ink-sub);font-size:var(--cog-fs-body);line-height:var(--cog-lh-body);margin:0}.blog-card__more{align-items:center;gap:var(--cog-space-075);color:var(--brand-deep);font-size:var(--cog-fs-label);font-weight:var(--cog-fw-semibold);display:inline-flex}.blog-breadcrumb{align-items:center;gap:var(--cog-space-075);color:var(--ink-subtle);font-size:var(--cog-fs-caption);margin-bottom:var(--cog-space-200);display:flex}.blog-breadcrumb a{color:var(--ink-sub);text-decoration:none}.blog-breadcrumb a:hover{color:var(--brand-deep);text-decoration:underline}.blog-article__title{color:var(--ink);font-family:var(--ff-display);font-size:var(--cog-fs-h-lg);font-weight:var(--cog-fw-bold);line-height:var(--cog-lh-h-lg);margin:var(--cog-space-150) 0 0;text-wrap:balance}.blog-article__lead{color:var(--ink-sub);font-size:var(--cog-fs-body-lg);line-height:var(--cog-lh-body-lg);margin:var(--cog-space-200) 0 0;text-wrap:pretty}.blog-byline{align-items:center;gap:var(--cog-space-150);margin-top:var(--cog-space-300);padding-top:var(--cog-space-300);border-top:1px solid var(--line);display:flex}.blog-byline__avatar{border-radius:var(--cog-radius-pill);border:1px solid var(--line);object-fit:cover;flex:none;width:2.75rem;height:2.75rem}.blog-byline__initials{border-radius:var(--cog-radius-pill);background:var(--brand-bg);width:2.75rem;height:2.75rem;color:var(--brand-deep);font-family:var(--ff-display);font-size:var(--cog-fs-label);font-weight:var(--cog-fw-bold);flex:none;place-items:center;display:grid}.blog-byline__text{gap:var(--cog-space-025);min-width:0;display:grid}.blog-byline__name{color:var(--ink);font-family:var(--ff-display);font-size:var(--cog-fs-label);font-weight:var(--cog-fw-semibold)}.blog-byline__meta{align-items:center;gap:var(--cog-space-075);color:var(--ink-subtle);font-size:var(--cog-fs-caption);line-height:var(--cog-lh-caption);flex-wrap:wrap;display:flex}.blog-byline__meta span{align-items:center;gap:var(--cog-space-050);display:inline-flex}.blog-byline__sep{color:var(--line)}.blog-hero{margin:var(--cog-space-400) 0 0}.blog-hero img{border:1px solid var(--line);border-radius:var(--cog-radius-lg);background:var(--surface);width:100%;height:auto;display:block}.blog-card__meta{align-items:center;gap:var(--cog-space-075);color:var(--ink-subtle);font-size:var(--cog-fs-caption);flex-wrap:wrap;display:flex}.blog-cta{margin-top:var(--cog-space-600);padding:var(--cog-space-400);border:1px solid color-mix(in srgb, var(--brand) 28%, var(--line));border-radius:var(--cog-radius-lg);background:var(--brand-bg);text-align:center}.blog-cta h2{color:var(--ink);font-family:var(--ff-display);font-size:var(--cog-fs-h-sm);font-weight:var(--cog-fw-bold);line-height:var(--cog-lh-h-sm);text-wrap:balance;margin:0}.blog-cta p{color:var(--ink-sub);font-size:var(--cog-fs-body);line-height:var(--cog-lh-body);margin:var(--cog-space-100) auto var(--cog-space-250);max-width:36rem}@media (width>=48rem){.blog-list{gap:var(--cog-space-400)}.blog-card{padding:var(--cog-space-400)}.blog-article__title,.blog-index__title{font-size:var(--cog-fs-display);line-height:var(--cog-lh-display)}}
