.BlogIndex_page__50Na_{padding:1.75rem 1rem 5rem}.BlogIndex_wrap__GodUf{max-width:1112px;margin:0 auto}.BlogIndex_pageTitle__QOcU4{font-family:var(--font-headline);font-size:clamp(1.875rem,1.5rem + 1.4vw,2.75rem);line-height:1.1;letter-spacing:-.02em;font-weight:700;color:var(--color-text-primary);margin:0 0 .875rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border-primary)}.BlogIndex_grid__zbudA{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.BlogIndex_card__8QDKC{display:flex;flex-direction:column;border:1px solid var(--color-border-primary);border-radius:16px;overflow:hidden;background-color:var(--color-surface-primary);height:100%;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color var(--transition-fast),box-shadow var(--transition-normal)}.BlogIndex_card__8QDKC:hover{transform:translateY(-2px);border-color:var(--color-interactive-primary);box-shadow:0 12px 24px rgba(2,44,80,.12)}.BlogIndex_card__8QDKC:focus-visible{outline:2px solid var(--color-interactive-primary);outline-offset:3px}.BlogIndex_cardMedia__JrwSQ{position:relative;aspect-ratio:16/9;background-color:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-primary)}.BlogIndex_cardMediaImage__1FuJR{object-fit:cover}.BlogIndex_cardBody__4HqnK{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.25rem 1.25rem 1.5rem;flex:1 1 auto}.BlogIndex_cardMeta__i9ec4{font-size:.8125rem;color:var(--color-text-tertiary);margin:0}.BlogIndex_cardTitle__bEd7Y{font-family:var(--font-headline);font-size:1.1875rem;line-height:1.35;font-weight:700;color:var(--color-text-primary);margin:0;text-wrap:balance}.BlogIndex_cardDescription__b4mjA{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.BlogIndex_empty__JZQFE{margin-top:2rem;padding:2.5rem 1.5rem;border:1px dashed var(--color-border-secondary);border-radius:16px;text-align:center;color:var(--color-text-secondary);font-size:1rem}@media (min-width:640px){.BlogIndex_grid__zbudA{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.BlogIndex_page__50Na_{padding-top:2.5rem}.BlogIndex_grid__zbudA{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.BlogIndex_card__8QDKC,.BlogIndex_card__8QDKC:hover{transition:none;transform:none}}