section.ssf-hl-live{padding:20px 0;max-width:1200px;margin:0 auto}.ssf-hl-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ssf-hl-tabs a{padding:9px 16px;border-radius:5px;border:1px solid #cdd8eb;text-decoration:none}.ssf-hl-tabs a[aria-current=page]{background:var(--ssf-accent,#145ac9);color:#fff;border-color:transparent}.ssf-hl-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.ssf-hl-game{min-width:0;padding:16px;border:1px solid #d8e3ed;border-radius:5px;background:#fff;color:#202a38}.ssf-hl-game-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#5d6b7e}.ssf-hl-badge{font-weight:800}.ssf-hl-badge.ssf-hl-live{color:#a50000}.ssf-hl-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:16px 0;font-weight:600}.ssf-hl-versus span{overflow-wrap:anywhere}.ssf-hl-versus strong{white-space:nowrap}.ssf-hl-versus span:last-child{text-align:right}.ssf-hl-game time{font-size:12px;color:#606b79}.ssf-hl-play{display:inline-block;margin:12px 8px 0 0;padding:9px 12px;background:var(--ssf-accent,#145ac9);border:0;border-radius:5px;color:white;cursor:pointer}.ssf-hl-source,.ssf-hl-note,.ssf-hl-empty{color:#5d6b7e;font-size:13px}.ssf-hl-video-panel{margin:24px 0;padding:14px;background:#10191f;border-radius:5px}.ssf-hl-video-panel[hidden]{display:none}.ssf-hl-video-panel video{display:block;width:100%;max-height:65vh;aspect-ratio:16/9;background:black}.ssf-hl-video-panel p{color:#e4edf5}.ssf-hl-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ssf-hl-news-grid article{border:1px solid #dae1ea;border-radius:5px;padding:18px;background:#fff}.ssf-hl-news-grid h3{font-size:18px;margin:0 0 12px}@media(max-width:700px){.ssf-hl-games,.ssf-hl-news-grid{grid-template-columns:1fr}.ssf-hl-live{padding:10px}.ssf-hl-game{padding:12px}}

/* v0.1.16.23 – match detail and local inline playback */

.ssf-hl-match-detail{padding:18px 20px;margin:18px 0 24px;border:1px solid #c7d9e9;border-radius:5px;background:#f8fbff;color:#202a38}
.ssf-hl-match-detail h2{font-size:clamp(18px,2.1vw,26px);margin:5px 0 12px;overflow-wrap:anywhere}
.ssf-hl-match-detail .ssf-hl-detail-league{margin:0;color:#5d6b7e;font-size:13px;font-weight:700}
.ssf-hl-match-detail .ssf-hl-detail-score{font-size:clamp(22px,3vw,34px);font-weight:800;margin:10px 0}
.ssf-hl-match-detail .ssf-hl-h2h{padding-left:22px;margin:6px 0 18px}
.ssf-hl-match-detail .ssf-hl-h2h li{margin:4px 0}
.ssf-hl-video-panel{max-width:100%;margin:14px 0 5px}
.ssf-hl-game .ssf-hl-video-panel{padding:10px}
.ssf-hl-play:focus-visible,.ssf-hl-tabs a:focus-visible{outline:3px solid #e89f16;outline-offset:2px}
@media(max-width:700px){.ssf-hl-match-detail{padding:12px;margin:12px 0}.ssf-hl-game .ssf-hl-video-panel{padding:8px}}

/* v0.1.16.24: persistent top-stage and 16:9 layout for all templates */
.ssf-hl-live,.ssf-hl-live *{box-sizing:border-box}
.ssf-hl-live{min-width:0;width:100%;max-width:1200px;overflow-wrap:anywhere}
.ssf-hl-player-shell{min-width:0;width:100%;max-width:100%;margin:0 0 18px}
.ssf-hl-player-shell .ssf-hl-video-panel{width:100%;margin:0;padding:0;overflow:hidden;background:#080e19;border-radius:5px}
.ssf-hl-player-stage{position:relative;width:100%;aspect-ratio:16/9;max-width:100%;background:linear-gradient(135deg,#080f1b,#182337);overflow:hidden;display:grid;place-items:center}
.ssf-hl-player-stage>video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:16/9;background:#000}
.ssf-hl-player-stage>video[hidden],.ssf-hl-player-placeholder[hidden]{display:none!important}
.ssf-hl-player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:16px;color:#f2f6ff;max-width:100%;min-height:0}
.ssf-hl-player-placeholder strong{font-size:clamp(15px,2.3vw,24px);line-height:1.3;color:#fff}
.ssf-hl-player-placeholder p,.ssf-hl-player-placeholder time{margin:0;color:#cbd8e7;font-size:clamp(11px,1.5vw,15px)}
.ssf-hl-upcoming-cta{display:inline-block;margin-top:7px;padding:8px 14px;background:#1260c0;color:#fff!important;border-radius:5px;text-decoration:none;font-weight:700;font-size:clamp(11px,1.4vw,15px)}
.ssf-hl-player-shell .ssf-hl-player-status{margin:0;padding:4px 12px;min-height:24px;font-size:12px;color:#cbd8e7}
.ssf-hl-selected-fixture{font-size:14px;margin:10px 0}
.ssf-hl-stream-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ssf-hl-stream-options .ssf-hl-play{margin:4px 0}
.ssf-hl-select-match{display:inline-block;margin:8px 0;padding:7px 12px;border:1px solid #c3d2e6;border-radius:5px;background:#f4f8ff;cursor:pointer;color:#1b355c}
@media(max-width:700px){.ssf-hl-player-placeholder{gap:4px;padding:8px}.ssf-hl-upcoming-cta{margin-top:1px;padding:5px 10px}.ssf-hl-player-stage{aspect-ratio:16/9}.ssf-hl-live{padding:6px 0}.ssf-hl-video-panel{margin:0}}
/* v1627: the native control strip belongs to the video; no sound overlay. */
.ssf-hl-player-stage>video{z-index:2;pointer-events:auto;touch-action:auto}
.ssf-hl-player-stage>.ssf-hl-player-placeholder{position:relative;z-index:1;pointer-events:auto}
.ssf-hl-player-shell .ssf-hl-player-status:empty{display:none}
.ssf-hl-game-head>span{white-space:nowrap;overflow-wrap:normal;}
.ssf-hl-game-head>span:first-child{white-space:normal;word-break:normal;overflow-wrap:normal;min-width:min-content;}
.ssf-hl-summary{font-size:14px;line-height:1.6;margin:18px 0 0;color:inherit;}
.ssf-hl-stream-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;min-width:0}
.ssf-hl-stream-row:has(.ssf-hl-stream-options:empty):not(:has(.ssf-hl-backup-link)){display:none}
.ssf-hl-stream-row .ssf-hl-stream-options{display:contents}
.ssf-hl-stream-row .ssf-hl-play,.ssf-hl-stream-row .ssf-hl-backup-link{display:inline-flex;align-items:center;gap:4px;margin:4px 0;padding:9px 12px;line-height:1.3;border-radius:5px;background:var(--ssf-accent,#145ac9);color:#fff!important;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;max-width:100%;white-space:nowrap}
.ssf-hl-backup-link:focus-visible{outline:3px solid #e89f16;outline-offset:2px}

.ssf-hl-news-summary{margin:0 0 20px;line-height:1.6}.ssf-hl-news-cover{display:block;margin:0 0 12px;overflow:hidden;border-radius:5px}.ssf-hl-news-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.ssf-hl-news-grid article{min-width:0;overflow-wrap:anywhere}