/* Go Doubt Yourself (theme page-go-doubt-yourself.php). Converted 10 Oct 2026 (stage 4, session 4) from the approved
   test page (_artifacts/redesign-2026-10/pages/go-doubt-yourself.css), unchanged.
   Go Doubt Yourself (show page) test page (stage 3, 9 Oct 2026). Page-only styles on top of shared/ratc.css.
   Her art at the mic (ref-08, as ruled; "Same detective, different case" left out until her new show art),
   the ON AIR sign lit for a week after an episode (RATC.onAir), where to listen, then every episode playing
   on the page (the shared player: nothing loads until the click). */

.gd-open { padding-block: clamp(3rem, 6vw, 5rem); }
.gd-open__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 36px clamp(32px, 5vw, 64px); align-items: center; }
.gd-open__art { margin: 0; --lamp-x: 70%; --lamp-y: 20%; }
.gd-open__text { display: grid; gap: 14px; justify-items: start; min-width: 0; }
.gd-kicker, .gd-title, .gd-sub, .gd-line { margin: 0; }
.gd-kicker a { color: var(--label); text-decoration-color: var(--accent); text-underline-offset: .25em; }
.gd-sub { font: 400 clamp(1.5rem, 1.2rem + 1vw, 2.25rem)/1 var(--font-display); text-transform: uppercase; color: var(--display); }
.gd-line { max-width: 44ch; }
/* the ON AIR sign: a real object, unlit unless an episode came out in the last 7 days */
.gd-onair { margin: 0; display: flex; align-items: center; gap: 12px; }
.gd-onair__sign { position: relative; padding: 5px 12px; border: 2px solid var(--dusk-violet); border-radius: 4px; color: var(--text); font: 600 var(--fs-label)/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; opacity: .7; }
.gd-onair__l { display: none; }
.gd-onair.is-on .gd-onair__sign { border-color: var(--bone); background: var(--heart-red); color: var(--cream); opacity: 1; }
.gd-onair.is-on .gd-onair__l { display: inline; }
.gd-listen { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; }

.gd-eps__h { margin: 0 0 6px; }
.gd-eps__n { margin: 0 0 2rem; }
.gd-list { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 32px; }
.gd-ep { display: grid; gap: 14px; align-content: start; }
.gd-ep--first { grid-column: 1 / -1; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: center; gap: 28px; }
.gd-ep__text { display: grid; gap: 8px; justify-items: start; }
.gd-ep__date, .gd-ep__h { margin: 0; }
.gd-ep__h { font: 700 clamp(1.25rem, 1.1rem + .5vw, 1.625rem)/1.25 var(--font-body); color: var(--cream); text-wrap: pretty; }
.gd-ep--first .gd-ep__h { font: 400 var(--fs-h2)/1.05 var(--font-display); color: var(--display); }

.gd-course__inner { display: grid; gap: 14px; justify-items: start; }
.gd-course__inner h2, .gd-course__inner p { margin: 0; }
.gd-course__inner p { max-width: 50ch; }

@media (prefers-reduced-motion: no-preference) {
  /* the lit sign hums: a ring that swells and fades (transform and opacity only, art layer) */
  .gd-onair.is-on .gd-onair__sign::after { content: ""; position: absolute; inset: -5px; border: 2px solid var(--heart-red); border-radius: 7px; opacity: 0; }
  :root.ratc-ready:not([data-motion="still"]) .gd-onair.is-on .gd-onair__sign::after { animation: gd-hum 3.2s ease-out infinite; }
}
@keyframes gd-hum { 0% { opacity: .7; transform: scale(.96); } 70%, 100% { opacity: 0; transform: scale(1.12); } }

@media (max-width: 899px) {
  .gd-open__grid, .gd-ep--first { grid-template-columns: minmax(0, 1fr); }
  .gd-open__art { margin-inline: calc(-1 * var(--gutter) + 6px); }
  .gd-list { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}