.blog-index{max-width:var(--width-content);padding:var(--space-6) var(--space-4) var(--space-7);margin-inline:auto}.blog-index__hero{margin-bottom:var(--space-6)}.blog-index__title{margin:0 0 var(--space-2);font-size:var(--font-size-2xl)}.blog-index__intro{max-width:var(--width-reading);color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.blog-index__section{margin-bottom:var(--space-6)}.blog-index__section-title{margin:0 0 var(--space-3);font-size:var(--font-size-lg)}.blog-index__list{gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.blog-card{border:1px solid var(--color-border)}.blog-card:hover{border-color:var(--color-text)}.blog-card__link{padding:var(--space-4);color:var(--color-text);text-decoration:none;display:block;position:relative}.blog-card__badge{top:var(--space-3);right:var(--space-3);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.15em .6em;font-weight:600;position:absolute}.blog-card__meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex}.blog-card__lock{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);padding:0 var(--space-2);border-radius:999px;display:inline-flex}.blog-card__title{margin:0 0 var(--space-2);font-size:var(--font-size-xl)}.blog-card__summary{color:var(--color-text-secondary);margin:0}.blog-tbd{color:var(--color-text-secondary);font-style:italic}@media (width>=768px){.blog-index__title{font-size:var(--font-size-3xl)}.blog-index__list{grid-template-columns:repeat(2,1fr)}}