/* ============================================================
   STORY.CSS: individual patient story pages
   ============================================================ */

.st-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--gold-text);letter-spacing:.03em;margin-bottom:clamp(40px,6vw,64px);transition:color .2s}
.st-back:hover{color:var(--gold-h)}
.st-back::before{content:'←'}

.st-hero{padding:clamp(64px,10vw,104px) 0 clamp(40px,6vw,64px)}
.st-hero .ctn{max-width:720px}

.st-name{font-family:var(--hd);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--txt);margin:0 0 8px}
.st-role{font-size:14px;font-weight:600;color:var(--txt3);letter-spacing:.06em;text-transform:uppercase;margin:0 0 48px}

.st-body{position:relative;padding-left:clamp(20px,4vw,40px);border-left:3px solid var(--gold)}
.st-body p{font-size:clamp(16px,1.6vw,18px);line-height:1.82;color:var(--txt);margin:0 0 24px;max-width:64ch}
.st-body p:last-child{margin-bottom:0}

.st-cta{padding:clamp(56px,8vw,96px) 0;border-top:1px solid var(--bdr);margin-top:clamp(56px,8vw,96px)}
.st-cta .ctn{max-width:720px;text-align:center}
.st-cta h2{font-size:clamp(1.4rem,2.4vw,2rem);margin-bottom:28px;color:var(--txt)}