.clinic-select-section { padding: 72px 0 96px; background: #fff; }
.clinic-select-intro { max-width: 880px; margin: 0 auto 48px; text-align: center; }
.clinic-select-intro .eyebrow { margin-bottom: 14px; color: #ff8a00; font-size: 0.86rem; font-weight: 900; letter-spacing: 0.42em; }
.clinic-select-intro h3 { margin-bottom: 18px; color: #11195f; font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; letter-spacing: -0.04em; }
.clinic-select-intro p { color: #64748b; font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 700; line-height: 1.8; word-break: keep-all; }
.clinic-select-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 880px; margin: 0 auto; gap: 26px; }
.clinic-select-card { display: flex; min-height: 300px; padding: 34px; flex-direction: column; border: 1px solid #dbe5f3; border-radius: 24px; background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,0.06); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.clinic-select-card:hover { border-color: #b9c8e4; box-shadow: 0 20px 44px rgba(15,23,42,0.1); transform: translateY(-4px); }
.clinic-select-icon { display: inline-flex; width: 64px; height: 64px; margin-bottom: 28px; align-items: center; justify-content: center; border-radius: 18px; background: #eef4ff; color: #11195f; font-size: 1.55rem; }
.clinic-select-card h4 { margin-bottom: 14px; color: #11195f; font-size: 1.5rem; font-weight: 900; word-break: keep-all; }
.clinic-select-card p { color: #64748b; font-size: 1.02rem; font-weight: 700; line-height: 1.7; word-break: keep-all; }
.clinic-select-card .go { margin-top: auto; padding-top: 28px; color: #0284c7; font-size: 0.98rem; font-weight: 900; }

@media (max-width: 640px) {
    .clinic-select-section { padding: 52px 0 72px; }
    .clinic-select-grid { grid-template-columns: 1fr; gap: 18px; }
    .clinic-select-card { min-height: 0; padding: 26px; border-radius: 18px; }
    .clinic-select-icon { width: 54px; height: 54px; margin-bottom: 20px; font-size: 1.3rem; }
}