.guide-index-page .guide-hero { padding-bottom: 26px; }
.guide-index-list { display: grid; gap: 22px; padding: 0 32px 36px; }
.guide-index-card { display: grid; grid-template-columns: 280px minmax(0,1fr); align-items: center; gap: 26px; min-width: 0; padding: 18px; border: 1px solid #d5e8f3; border-radius: 18px; background: #f7fcff; text-decoration: none; transition: border-color 150ms ease,box-shadow 150ms ease; }
.guide-index-card:hover { border-color: #78b9dc; box-shadow: 0 8px 24px rgba(28,108,150,.08); }
.guide-index-card:focus-visible { outline: 3px solid #126b9b; outline-offset: 4px; }
.guide-index-card img { display: block; width: 100%; height: auto; aspect-ratio: 1200/630; border-radius: 12px; object-fit: cover; }
.guide-index-card__content { min-width: 0; }
.guide-index-card h2 { margin: 0 0 12px; color: #183650; font-size: 20px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
.guide-index-card p { margin: 0 0 14px; color: #4b5563; font-size: 15px; line-height: 1.8; }
.guide-index-card__date { color: #5b6573; font-size: 13px; line-height: 1.6; }
@media(max-width:767.98px) { .guide-index-list { padding: 0 16px 24px; gap: 18px; } .guide-index-card { grid-template-columns: minmax(0,1fr); gap: 18px; padding: 14px; } .guide-index-card h2 { font-size: 18px; } }