/* Per-show pages (landing job 3), on top of styles.css. visual-simplicity-v1: one filled button (VS1), the same three
   text styles and colours, sections separated by space, no boxes. */
.show .home { display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; color: var(--text); font-weight: 700; text-decoration: none; }
.show .home img { display: block; block-size: 28px; inline-size: auto; }
.show .hero { margin-block-start: 16px; }
.show h1.title { margin: 0; }
.show .cta-row { margin-block-start: 24px; }
.cta {
  display: flex; align-items: center; justify-content: center; inline-size: 100%; max-inline-size: 360px; min-block-size: 52px;
  padding: 12px 24px; border-radius: 26px; background: var(--accent); color: var(--bg); font-weight: 700; font-size: 17px; text-decoration: none;
}
.cta:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.faq details { border-block-end: 1px solid var(--line); }
.faq details:last-child { border-block-end: 0; }
.faq summary { min-block-size: 48px; padding-block: 12px; font-weight: 700; cursor: pointer; }
.faq summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.faq details p { margin: 0 0 12px; }
.show .cta-row + .label { margin-block-start: 8px; }
.show > nav { margin-block-start: 32px; }
.show h2.label { color: var(--text); }
