.helena-hero { padding: 30px 0 58px; background: #f5ebdb; }
.helena-hero .pilot-breadcrumbs a { color: #123b53; }
.helena-hero__heading { max-width: 780px; margin: 28px auto; text-align: center; }
.helena-hero h1 { font-size: clamp(2.1rem, 6vw, 4rem); margin: 10px 0 16px; }
.helena-hero__heading > p { max-width: 620px; margin: 0 auto 22px; font-size: 1.15rem; line-height: 1.7; }
.helena-hero .fact-row, .helena-hero .button-row { justify-content: center; }
.helena-picture { display: block; }
.helena-picture img { display: block; width: 100%; height: auto; border-radius: 24px; }
#helena-saint .saint-story__image { display: flex; align-items: center; background: #f5ebdb; }
#helena-saint .helena-picture img { min-height: 0; height: auto; object-fit: contain; border-radius: 0; }
#helena-saint .saint-story__family-link { display: table; margin-top: 12px; }
.helena-hero figure { margin: 24px 0 0; }
.helena-caption { max-width: 760px; margin: 14px auto 0; font-size: .95rem; color: #47515b; text-align: center; }
.helena-story { padding: 68px 0; }
.helena-story:nth-of-type(even) { background: #fffaf0; }
.helena-story__grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; align-items: center; }
.helena-story__copy p { font-size: 1.12rem; line-height: 1.8; }
.helena-story__copy h2 { font-size: clamp(1.8rem, 4vw, 2.6rem); margin: 8px 0 20px; }
.helena-story figure { margin: 0; }
.helena-question { margin-top: 24px; padding: 20px 24px; background: #fff; border: 2px solid #e7ddc9; border-radius: 18px; }
.helena-question summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; gap: 10px; }
.helena-question summary::before { content: "+"; font-size: 1.5rem; }
.helena-question[open] summary::before { content: "−"; }
.helena-question p { margin: 12px 0 0; }
.helena-prayer { padding: 58px 0; background: #123b53; color: #fffaf0; }
.helena-prayer h2 { color: #fffaf0; }
.helena-prayer .eyebrow { color: #123b53; }
.helena-prayer blockquote { margin: 24px 0; padding: 0 0 0 24px; border-left: 4px solid #e5bc64; font-size: 1.35rem; line-height: 1.8; }
.helena-listen { padding: 60px 0; background: #f1f5f1; }
.helena-listen .listen-card { max-width: 880px; margin: auto; }
.helena-listen audio { width: 100%; margin: 16px 0 4px; }
.helena-listen .pilot-actions__note { color: #47515b; }
.helena-adults { padding: 28px 0 46px; background: #fffaf0; }
.helena-adults details { max-width: 820px; margin: auto; }
.helena-adults summary { cursor: pointer; padding: 16px 0; font-weight: 700; min-height: 48px; }
.helena-adults p { line-height: 1.8; }
.helena-spotlight { padding: 24px 0; background: #f5ebdb; }
.helena-spotlight__row { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.helena-spotlight h2 { font-size: 1.5rem; margin: 4px 0 8px; }
.helena-spotlight p { margin: 0; }
.helena-spotlight .button { flex-shrink: 0; }
@media (max-width: 800px) {
  .helena-story__grid { grid-template-columns: 1fr; gap: 26px; }
  .helena-story__grid > figure { order: -1; }
  .helena-story { padding: 42px 0; }
  .helena-hero { padding-bottom: 36px; }
  .helena-picture img { border-radius: 16px; }
  .helena-spotlight__row { align-items: flex-start; flex-direction: column; }
}

.helena-hero__heading .text-narration__controls { justify-content: center; }
.helena-prayer #helena-bonn-p1 { border-left: 4px solid #e5bc64; padding-left: 24px; font-size: 1.35rem; line-height: 1.8; max-width: 620px; }
.helena-listen figure { margin: 0; }
.helena-prayer .text-narration__fallback, .helena-prayer .text-narration__status { color: #fffaf0; }
.helena-prayer .text-narration__toggle { background: #fff8e8; color: #123b53; }
.helena-prayer .text-narration__toggle:focus-visible { outline-color: #ffc84d; }
