.patient-stories{background:#f7fbff;padding:60px 0 40px}
.patient-stories-header{max-width:1200px;margin:0 auto;padding:0 18px 18px}
.patient-stories-header h3{margin:0;font-size:2.4rem;line-height:1;color:#082e63;font-weight:900;display:inline-block;padding:6px 0}
.patient-underline{height:6px;width:100%;max-width:1200px;margin-top:12px;border-radius:4px;background:linear-gradient(90deg,#ff6b6b 0 6%, #0b6bd6 6% 100%)}
.stories-grid{max-width:1200px;margin:22px auto 0;padding:0 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}

.story-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(11,42,85,0.06);box-shadow:0 6px 18px rgba(11,42,85,0.06);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s}
.story-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(11,42,85,0.12)}

.story-image-wrap{position:relative;display:block;overflow:visible;padding:10px 12px 0}
.story-image-frame{background:#ffffff;border-radius:14px;overflow:hidden;display:block;padding:10px;border:1px solid rgba(11,42,85,0.04);box-shadow:0 12px 30px rgba(11,42,85,0.04)}
.story-image{display:block;width:100%;height:260px;object-fit:cover;border-radius:10px}

.story-badge{position:absolute;right:18px;top:6px;background:linear-gradient(180deg,#ffd54f,#f5a623);color:#6a3f00;width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 10px 20px rgba(11,42,85,0.08);transform:translateY(-6px)}

.story-date{display:inline-block;background:#fff;border:1px solid rgba(99,102,241,0.12);padding:8px 14px;border-radius:10px;color:#6b21a8;font-weight:700;font-size:13px;margin-bottom:12px}

.story-body{padding:18px 18px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.story-title{color:#082e63;font-size:1.15rem;font-weight:900;margin:6px 0}
.story-excerpt{color:#6b7280;margin:0;font-size:0.95rem}
.btn-story{align-self:flex-start;background:linear-gradient(90deg,#1e3a8a,#0b6bd6);color:#fff;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:700}

@media(max-width:900px){.stories-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.story-image{height:200px}}
@media(max-width:720px){.stories-grid{grid-template-columns:repeat(1,1fr)}.story-image{height:160px}.patient-stories-header h3{font-size:1.6rem}.story-badge{width:38px;height:38px;right:10px;top:10px}}