/* ===========================================================
   Broadcast guide — /where-to-watch/green-bay-packers-vs-minnesota-vikings/
   Prefix .gbv-  ·  white page, one reading column, slim section nav
   =========================================================== */
:root{ --gbv-gb:#1d4023; }

.gbv-page{background:var(--card);padding-block:var(--space-5) var(--space-6)}
.gbv-wrap{max-width:740px;margin:0 auto;padding-left:var(--space-2);padding-right:var(--space-2)}

.gbv-h1{font-family:var(--display);text-transform:uppercase;line-height:1.03;
  font-size:clamp(28px,5.3vw,46px)}
.gbv-when{margin-top:8px;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.11em;font-size:12.5px;color:var(--purple-deep)}
.gbv-when b{color:var(--gbv-gb);font-weight:700}

.gbv-nav{margin-top:var(--space-2);padding-block:6px;display:flex;flex-wrap:wrap;
  gap:0 var(--space-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gbv-nav a{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;
  font-size:12.5px;color:var(--purple);text-decoration:underline;text-underline-offset:4px;
  min-height:44px;display:inline-flex;align-items:center}

.gbv-page h2{font-family:var(--display);text-transform:uppercase;line-height:1.1;
  font-size:clamp(21px,3.2vw,29px);margin-top:var(--space-5);margin-bottom:var(--space-2)}
.gbv-page h2:first-of-type{margin-top:var(--space-4)}
.gbv-page p{margin-bottom:var(--space-2);font-size:17px;line-height:1.62}
.gbv-page a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}

.gbv-note{margin:var(--space-2) 0;border-left:3px solid var(--gold-deep);
  padding:2px 0 2px var(--space-2)}
.gbv-note p{font-size:15px;margin:0;color:var(--text-muted)}
.gbv-note b{color:var(--text)}

.gbv-fig{margin:var(--space-3) 0}
.gbv-fig img{width:100%;height:auto;border-radius:var(--radius)}
.gbv-fig figcaption{margin-top:8px;font-size:13.5px;color:var(--text-muted)}

.gbv-kick{margin:var(--space-4) 0;border-top:2px solid var(--purple);
  border-bottom:1px solid var(--line);padding-block:var(--space-2)}
.gbv-kick h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.09em;
  font-size:14px!important;margin:0 0 6px!important}
.gbv-kick .gbv-times{font-family:var(--display);font-size:clamp(16px,2.6vw,21px);
  line-height:1.35;margin-bottom:8px}
.gbv-kick p{font-size:15px;margin:0}

.gbv-radio{width:100%;border-collapse:collapse;border:1px solid var(--line);margin-bottom:var(--space-2)}
.gbv-radio th,.gbv-radio td{text-align:left;padding:12px var(--space-2);
  border-top:1px solid var(--line);vertical-align:top;font-size:16px}
.gbv-radio thead th{border-top:0;background:var(--purple);color:#fff;
  font-family:var(--display);text-transform:uppercase;letter-spacing:.07em;font-size:11.5px}
.gbv-radio tbody th{font-weight:700;width:30%}
.gbv-radio tbody tr.is-alt th,.gbv-radio tbody tr.is-alt td{background:#f7f6fa}

@media (max-width:560px){
  .gbv-radio,.gbv-radio tbody,.gbv-radio tr,.gbv-radio th,.gbv-radio td{display:block;width:auto}
  .gbv-radio thead{position:absolute;left:-9999px}
  .gbv-radio tbody tr{border-top:1px solid var(--line);padding:6px 0}
  .gbv-radio tbody th,.gbv-radio tbody td{border-top:0;padding:5px var(--space-2);width:auto}
  .gbv-radio tbody th::before{content:"Language";display:block;font-family:var(--display);
    text-transform:uppercase;font-size:10.5px;letter-spacing:.08em;color:var(--text-muted)}
  .gbv-radio tbody td::before{content:"Listed listening option";display:block;
    font-family:var(--display);text-transform:uppercase;font-size:10.5px;
    letter-spacing:.08em;color:var(--text-muted)}
}
