/* Style and position the countdown only. The existing ScaffFest page is untouched. */
#sf-countdown { display:none; }
#sf-uc-page #sf-countdown {
 display:block; position:absolute; z-index:3; left:50%; top:calc(50svh - 116px);
 transform:translate(-50%,-50%); width:clamp(260px,21vw,350px); max-width:calc(100% - 44px);
 margin:0; padding:15px 12px 13px; text-align:center; color:#FFFFFF;
 font-family:ScaffFestBarlow,sans-serif; font-weight:700;
 background:#111111d9; border:1px solid #ffffff2b;
}
#sf-uc-page #sf-countdown .sf-countdown-heading { color:#E2382B; font-size:15px; letter-spacing:1.2px; line-height:1.2; margin:0 0 12px; }
#sf-uc-page #sf-countdown .sf-countdown-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
#sf-uc-page #sf-countdown .sf-countdown-unit { background:#111111bd; border:1px solid #ffffff38; border-top:2px solid #E2382B; padding:10px 2px 9px; }
#sf-uc-page #sf-countdown .sf-countdown-value { display:block; font-size:clamp(42px,3.5vw,58px); line-height:.95; font-variant-numeric:tabular-nums; color:#FFFFFF; }
#sf-uc-page #sf-countdown .sf-countdown-label { display:block; font-size:10px; letter-spacing:.5px; line-height:1; margin-top:7px; color:#FFFFFF; }
#sf-uc-page #sf-countdown .sf-countdown-target { font-size:12px; letter-spacing:.1px; line-height:1.3; color:#FFFFFF; margin:12px 0 0; }
@media(min-width:701px) and (max-width:1199px) {
 #sf-uc-page #sf-countdown { left:auto; right:24px; transform:translateY(-50%); width:226px; padding:13px 10px; }
 #sf-uc-page #sf-countdown .sf-countdown-value { font-size:38px; }
 #sf-uc-page #sf-countdown .sf-countdown-target { font-size:11px; }
}
@media(max-width:700px) {
 #sf-uc-page #sf-countdown { left:50%; right:auto; top:145px; width:298px; padding:13px 10px; }
 #sf-uc-page #sf-countdown .sf-countdown-value { font-size:44px; }
 #sf-uc-page #sf-countdown .sf-countdown-heading { font-size:14px; }
}