/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
  /* ---------- Up-next callout ---------- */
  .callout { display:flex; gap:var(--s-5); align-items:center; justify-content:space-between; flex-wrap:wrap; padding:var(--s-5); }
  .callout .lead-lbl { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--brand); }
  .callout .lead-title { font-size:21px; font-weight:700; color:var(--ink); margin:6px 0 4px; letter-spacing:-.01em; }
  .callout .lead-meta { font-size:13px; color:var(--text-muted); display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
  .callout .cd { display:flex; gap:8px; }
  .cd-unit { text-align:center; min-width:58px; padding:10px 8px; border-radius:var(--r-md); background:rgba(56,88,233,.08); border:1px solid var(--brand-ring); }
  .cd-unit b { font-size:24px; font-weight:700; color:var(--brand-press); font-variant-numeric:tabular-nums; display:block; line-height:1.1; }
  .cd-unit span { font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:var(--text-faint); }
  .callout .cta { display:flex; gap:8px; margin-top:var(--s-5); }
