/* Homepage live notification — visible only after confirmed server-side status. */
.sv-live-banner[hidden]{display:none!important}
.sv-live-banner{
    display:flex;align-items:center;gap:22px;width:100%;min-height:80px;
    margin:0 0 24px;padding:17px 26px;border-radius:17px;
    background:linear-gradient(110deg,#a81623 0%,#bb1e2c 61%,#9c1724 100%);
    box-shadow:0 8px 22px rgba(106,20,28,.16);border:1px solid rgba(114,13,23,.18);
    color:#fff!important;text-decoration:none!important;line-height:1.4;
    transition:box-shadow .18s ease,background-color .18s ease,transform .18s ease;
}
.sv-live-banner:hover{box-shadow:0 12px 28px rgba(106,20,28,.28);transform:translateY(-1px)}
.sv-live-banner:focus-visible{outline:3px solid #193d35;outline-offset:4px}
.sv-live-banner-pill{
    display:inline-flex;align-items:center;gap:10px;flex-shrink:0;
    padding:9px 15px;border-radius:999px;background:#fff;color:#981520;
    font-size:12px;font-weight:800;letter-spacing:.085em;white-space:nowrap;
}
.sv-live-banner-dot{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;background:#c3212b}
.sv-live-banner-dot::after{
    content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(195,33,43,.44);
    animation:sv-live-pulse 1.9s ease-out infinite;
}
.sv-live-banner-text{font-size:clamp(18px,2vw,24px);font-weight:650;letter-spacing:-.025em;flex:1}
.sv-live-banner-action{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:650;white-space:nowrap}
.sv-live-banner-action .sv-icon{width:19px;height:19px}
@keyframes sv-live-pulse{0%{transform:scale(.65);opacity:1}80%,100%{transform:scale(1.4);opacity:0}}
@media(max-width:767px){
    .sv-live-banner{flex-wrap:wrap;gap:12px 16px;padding:20px;border-radius:15px;margin-bottom:22px}
    .sv-live-banner-pill{font-size:11px;padding:8px 12px}
    .sv-live-banner-text{font-size:18px;flex-basis:calc(100% - 115px)}
    .sv-live-banner-action{width:100%;padding-left:3px;font-size:12px}
}
@media(max-width:380px){
    .sv-live-banner{gap:10px 12px;padding:17px 15px}
    .sv-live-banner-text{font-size:16px;flex-basis:calc(100% - 108px)}
}
@media(prefers-reduced-motion:reduce){.sv-live-banner-dot::after{animation:none}.sv-live-banner{transition:none}}
@media print{.sv-live-banner{display:none!important}}