.survivor-nav { display:flex; flex-wrap:wrap; gap:28px; padding:25px 0; border-bottom:1px solid #38333f; font:.85rem/1.6 Arial,sans-serif; }
.survivor-nav a { padding:5px 0; text-decoration:none; color:#c4bfce; }
.survivor-nav a[aria-current] { color:#c6b7e8; border-bottom:1px solid currentColor; }
.survivor-hero { max-width:850px; padding:65px 0 45px; }
.survivor-hero h1 { font-size:clamp(3.1rem,6.5vw,5.6rem); letter-spacing:-.045em; margin-bottom:24px; }
.survivor-hero h1 em { color:#c6b7e8; font-weight:400; }
.survivor-hero > p:not(.home-eyebrow) { color:#c4bfce; font-size:1.1rem; max-width:740px; margin-bottom:18px; }
.survivor-note { border-left:2px solid #9d83b3; background:#211c2980; padding:22px 26px; margin-bottom:50px; max-width:850px; }
.survivor-note strong { color:#e6d9f2; font:.85rem/1.7 Arial,sans-serif; }
.survivor-note p { color:#c4bfce; font-size:.95rem; margin-top:6px; }
.survivor-quotes { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.survivor-quote { margin:0; padding:28px; background:linear-gradient(145deg,#2a2234,#19171e); border:1px solid #4b3e56; border-radius:4px; display:flex; flex-direction:column; }
.survivor-quote blockquote { font:1.12rem/1.85 Georgia,serif; color:#ede5f3; margin:0 0 26px; }
.survivor-quote blockquote strong { font-weight:400; }
.survivor-quote figcaption { margin-top:auto; padding-top:18px; border-top:1px solid #493b53; font:.73rem/1.65 Arial,sans-serif; }
.survivor-quote figcaption strong { display:block; font-weight:500; color:#d3bfe9; }
.survivor-quote figcaption span { display:block; color:#bcb3c5; margin-top:5px; }
.survivor-stories-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
.survivor-story { display:flex; flex-direction:column; padding:30px 0; border-top:1px solid #38333f; }
.survivor-story time { color:#c6b7e8; font:.75rem/1.6 Arial,sans-serif; margin-bottom:15px; }
.survivor-page .survivor-story h3 { font-size:1.7rem; line-height:1.3; margin-bottom:18px; }
.survivor-story h3 a { text-decoration:none; }
.survivor-story h3 a:hover { color:#c6b7e8; }
.survivor-story p { color:#c4bfce; margin-bottom:20px; }
.survivor-story > a { align-self:flex-start; margin-top:auto; }
.survivor-listen-grid { display:grid; grid-template-columns:2fr 1fr; gap:40px; align-items:start; }
.survivor-video { aspect-ratio:16/9; background:#19171e; border:1px solid #4b3e56; }
.survivor-video iframe { display:block; width:100%; height:100%; border:0; }
.survivor-episode-title { margin:24px 0 14px; }
.survivor-episode-note { color:#c4bfce; }
.survivor-platforms { padding:24px; background:#1b1722; border:1px solid #38333f; border-radius:4px; }
.survivor-platforms img { display:block; width:100%; height:auto; margin-bottom:24px; }
.survivor-page .survivor-platforms h3 { font-size:1.5rem; margin-bottom:15px; }
.survivor-platforms a { display:block; padding:14px 0; border-top:1px solid #493b53; color:#d2c2eb; font:.85rem/1.5 Arial,sans-serif; text-decoration:none; }
.survivor-outro { border-top:1px solid #38333f; padding:55px 0 70px; }
.survivor-outro p:not(.home-eyebrow) { max-width:680px; color:#c4bfce; margin:22px 0; }
@media(max-width:850px) { .survivor-quotes { grid-template-columns:1fr; } .survivor-quote blockquote { font-size:1.15rem; } .survivor-listen-grid { grid-template-columns:1fr; } .survivor-platforms img { max-width:300px; } }
@media(max-width:600px) { .survivor-nav { gap:20px; } .survivor-hero { padding-top:40px; } .survivor-stories-grid { grid-template-columns:1fr; } .survivor-quote { padding:24px; } }

/* One native link makes the date, title and preview a reliable touch target. */
.survivor-story { padding: 0; }
.survivor-story-link { display: flex; flex-direction: column; height: 100%; padding: 30px 12px; text-decoration: none; border-radius: 4px; }
.survivor-story-link:hover, .survivor-story-link:focus-visible { background: #211c29; }
.survivor-story-link:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
.survivor-story-link .home-text-link { margin-top: auto; }
.survivor-nav { gap: 8px 16px; }
.survivor-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 12px; border: 1px solid #504459; border-radius: 4px; text-decoration: underline; text-underline-offset: 4px; }
.survivor-nav a:hover, .survivor-nav a[aria-current] { background: #302739; color: #f2eee8; }