/* ---- Sitewide sticky countdown bar (shared component) ---- */
#countdown-bar.site-countdown{position:relative;z-index:10;background:linear-gradient(90deg,#3457D5,#7C3AED);color:#fff;font-size:.8rem}
#countdown-bar.site-countdown a{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.6rem;min-height:38px;padding:.35rem 1rem;color:#fff}
#countdown-bar.site-countdown a:hover{color:#fff}
#countdown-bar.site-countdown .sc-icon{opacity:.9;flex-shrink:0}
#countdown-bar.site-countdown .sc-timer{font-family:JetBrains Mono,monospace;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:.5rem;padding:.12rem .5rem;flex-shrink:0}
#countdown-bar.site-countdown .sc-text{font-weight:600;white-space:nowrap;min-width:0}
#countdown-bar.site-countdown .sc-cta{font-weight:800;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;flex-shrink:0}
#countdown-bar.site-countdown a:hover .sc-cta{text-decoration-color:#FFD9A0}

/* Text tiers: long by default, short on tablets/mobile, shortest on tiny phones. */
#countdown-bar.site-countdown .sc-long{display:inline}
#countdown-bar.site-countdown .sc-short{display:none}
#countdown-bar.site-countdown .sc-shortest{display:none}
@media (max-width:767px){#countdown-bar.site-countdown .sc-long{display:none}#countdown-bar.site-countdown .sc-short{display:inline}}
@media (max-width:560px){#countdown-bar.site-countdown .sc-short{display:none}#countdown-bar.site-countdown .sc-shortest{display:inline}}

/* CTA tiers: keep the link visible everywhere, shortened on small screens. */
#countdown-bar.site-countdown .sc-cta-long{display:inline}
#countdown-bar.site-countdown .sc-cta-short{display:none}
@media (max-width:640px){#countdown-bar.site-countdown .sc-cta-long{display:none}#countdown-bar.site-countdown .sc-cta-short{display:inline}}

/* Compact tweaks so the shortest tier still fits on a standard 320px phone in one line. */
@media (max-width:400px){#countdown-bar.site-countdown a{gap:.4rem;padding:.25rem .5rem;font-size:.7rem}#countdown-bar.site-countdown .sc-icon{display:none}}

/* Never wrap at 320px or wider. Only wrap when narrower than a standard phone. */
@media (max-width:319px){#countdown-bar.site-countdown a{flex-wrap:wrap;gap:.3rem .5rem}#countdown-bar.site-countdown .sc-text{white-space:normal;line-height:1.35}}