.blog-index{max-width:860px;margin:0 auto;padding:var(--sp10) var(--sp6) var(--sp16)}.blog-index__hero{margin-bottom:var(--sp10);padding-bottom:var(--sp8);border-bottom:1px solid var(--c-border)}.blog-index__hero-label{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-primary);background:var(--c-primary-hi);border:1px solid rgba(13,74,107,.15);border-radius:var(--r-full);padding:var(--sp1) var(--sp4);margin-bottom:var(--sp4)}.blog-index__hero-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--c-text);letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--sp3)}.blog-index__hero-sub{font-size:var(--text-sm);color:var(--c-muted);line-height:1.7;max-width:540px}.blog-index__featured{margin-bottom:var(--sp8);display:flex;flex-direction:column;gap:var(--sp4)}.blog-index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:var(--sp5)}.blog-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp4);border:1.5px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp6) var(--sp6);background:var(--c-surface);text-decoration:none;color:inherit;transition:border-color var(--tr),box-shadow var(--tr),background var(--tr);cursor:pointer}.blog-card:hover{border-color:var(--c-primary);background:var(--c-primary-hi);box-shadow:var(--sh-sm)}.blog-card--featured:hover{box-shadow:var(--sh-md)}.blog-card__body{flex:1;min-width:0}.blog-card__label{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-primary);margin-bottom:var(--sp3)}.blog-card__title{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:800;color:var(--c-text);line-height:1.3;margin-bottom:var(--sp3);letter-spacing:-.01em}.blog-card__title--sm{font-size:var(--text-base)}.blog-card__excerpt{font-size:var(--text-sm);color:var(--c-muted);line-height:1.65;margin-bottom:var(--sp4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;gap:var(--sp2);font-size:var(--text-xs);color:var(--c-faint)}.blog-card__dot{width:3px;height:3px;border-radius:50%;background:var(--c-faint);flex-shrink:0}.blog-card__arrow{font-size:1.2rem;color:var(--c-primary);opacity:0;transform:translateX(-4px);transition:opacity var(--tr),transform var(--tr);flex-shrink:0;align-self:center;padding-left:var(--sp2)}.blog-card:hover .blog-card__arrow{opacity:1;transform:translateX(0)}@media (max-width:640px){.blog-index{padding:var(--sp6) var(--sp4) var(--sp10)}.blog-card{padding:var(--sp5) var(--sp4)}.blog-card--featured{padding:var(--sp6) var(--sp5)}.blog-card__arrow{display:none}.blog-index__grid{grid-template-columns:1fr}}