/* ===========================================================
   Fixture status board
   /where-to-watch/chicago-bears-vs-minnesota-vikings/
   Prefix .brd-  ·  purple for confirmed, pale amber for pending
   =========================================================== */
:root{ --brd-amber:#116d7b; --brd-amber-bg:#fdf6e4; --brd-amber-line:#e4cf9a; }

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

.brd-h1{font-family:var(--display);text-transform:uppercase;line-height:1.03;
  font-size:clamp(29px,5.4vw,48px);max-width:19ch}
.brd-scope{margin-top:10px;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.12em;font-size:12.5px;color:var(--purple-deep)}

.brd-status{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:10px;
  background:var(--brd-amber-bg);border:1px solid var(--brd-amber-line);
  border-left:4px solid var(--brd-amber);border-radius:0 var(--radius) var(--radius) 0;
  padding:12px var(--space-2);font-size:16.5px;color:#072e34}
.brd-status span{width:9px;height:9px;border-radius:50%;background:var(--brd-amber);flex:none}
.brd-intro{margin-top:var(--space-3);max-width:66ch;font-size:17px;line-height:1.6}
.brd-checked{margin-top:var(--space-2);font-size:13.5px;color:var(--text-muted);max-width:66ch}

/* ---------- the two blocks ---------- */
.brd-board{margin-top:var(--space-4);display:grid;gap:var(--space-3)}
@media (min-width:840px){.brd-board{grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:stretch}}
.brd-block{min-width:0;border:1px solid var(--line);border-radius:var(--radius);
  padding:var(--space-3);background:var(--card)}
.brd-block.is-confirmed{border-top:4px solid var(--purple)}
.brd-block.is-pending{border-top:4px solid var(--brd-amber);background:#fdfcf8}
.brd-block h2{font-family:var(--display);text-transform:uppercase;line-height:1.15;
  font-size:19px;letter-spacing:.03em;margin-bottom:var(--space-2)}
.brd-block dl{margin:0}
.brd-block dt{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;
  font-size:11px;color:var(--text-muted);margin-bottom:2px}
.brd-block dd{margin:0 0 var(--space-2);font-size:17px;font-weight:600;line-height:1.35}
.brd-block dd:last-child{margin-bottom:0}
.brd-block .brd-tba{font-weight:700;color:var(--brd-amber)}
.brd-block .brd-sub{display:block;font-weight:400;font-size:14px;color:var(--text-muted);margin-top:2px}

/* ---------- supporting copy ---------- */
.brd-body{margin-top:var(--space-5);max-width:66ch}
.brd-body h2{font-family:var(--display);text-transform:uppercase;line-height:1.1;
  font-size:clamp(20px,3vw,26px);margin-bottom:var(--space-2)}
.brd-body p{margin-bottom:var(--space-2);line-height:1.62}
.brd-page a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}

.brd-radio{margin-top:var(--space-3);max-width:66ch;background:#f5f3fa;
  border:1px solid var(--line);border-left:4px solid var(--purple);
  border-radius:0 var(--radius) var(--radius) 0;padding:var(--space-3)}
.brd-radio h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;
  font-size:14px;margin:0 0 8px}
.brd-radio p{font-size:15.5px;margin:0;line-height:1.6}

.brd-end{margin-top:var(--space-5);padding-top:var(--space-3);
  border-top:1px solid var(--line);max-width:66ch}
.brd-end p{font-size:13.5px;color:var(--text-muted);margin-bottom:var(--space-2)}
.brd-end li{padding:4px 0}
.brd-end a{display:inline-flex;align-items:center;min-height:44px;font-size:16px}