/* deadline-run.css — the deadline-run card on a programme's guide pages (js/deadline-run.src.js, 2026-10-21).
   Self-contained tokens: it sits on pages with different palettes (the CSJ guides' forest, the comparison page's). */
.dr-card{--dr-ink:#1C1917;--dr-60:#57514C;--dr-forest:#2D6A4F;--dr-forest-dk:#1B4332;--dr-soft:#F3F8F4;--dr-line:rgba(27,67,50,.22);--dr-sienna:#A3401F;
  display:block;box-sizing:border-box;max-width:760px;margin:28px 0;padding:20px 22px 18px;border:1px solid var(--dr-line);border-radius:14px;background:var(--dr-soft);
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--dr-ink);line-height:1.55}
.dr-card *{box-sizing:border-box}
.dr-when{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dr-forest-dk);line-height:1.4}
.dr-when::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--dr-forest)}
.dr-card[data-dr-phase="soon"] .dr-when{color:var(--dr-sienna)}
.dr-card[data-dr-phase="soon"] .dr-when::before{background:var(--dr-sienna)}
.dr-card h2{font-family:'DM Serif Display','Fraunces',Georgia,serif;font-weight:400;font-size:1.35rem;line-height:1.25;margin:0 0 8px;color:var(--dr-forest-dk)}
.dr-card p{margin:0 0 14px;font-size:15.5px;color:var(--dr-60);max-width:62ch}
.dr-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.dr-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:10px;background:var(--dr-forest-dk);color:#fff !important;font-weight:600;font-size:15.5px;text-decoration:none !important}
.dr-btn:hover{background:#12301f}
.dr-btn:focus-visible{outline:3px solid rgba(45,106,79,.5);outline-offset:2px}
.dr-fine{margin:0 !important;font-size:13.5px !important;color:var(--dr-60)}
@media (max-width:480px){.dr-card{padding:16px 16px 14px;margin:22px 0}.dr-btn{width:100%;justify-content:center}}