:root{--green:#126d58;--green-dark:#124b42;--ink:#152b37;--muted:#6b8079}
body.home-preview{background:#edf4f0;color:var(--ink);font-family:Mitr,Tahoma,sans-serif;font-weight:400}
.home-preview .site-shell{max-width:980px;padding:22px 24px 28px}
.home-preview .site-header{padding:3px 0 25px;gap:11px}
.home-preview .brand-mark{width:45px;height:45px;background:#174b49;border-radius:14px;box-shadow:none}
.home-preview .site-header h1{font-size:21px;font-weight:500}
.home-preview .eyebrow{font-size:10px;font-weight:500;letter-spacing:1.2px}
.brand-subtitle{margin:3px 0 0;font-size:12px;color:#6e827b}
.home-demo-label{margin-left:auto;flex:none;padding:7px 11px;border-radius:30px;background:#dbe9e1;color:#37634f;font-size:11px;text-decoration:none}
.home-preview .app-layout{display:block}
.home-preview .match-detail{display:none!important}
.home-preview .match-list.panel{padding:22px;border:1px solid #d4e3da;border-radius:24px;background:#f9fcfa;box-shadow:0 8px 30px #173d3910}
.home-preview .section-heading h2{font-size:29px;font-weight:500;letter-spacing:-.4px}
.home-preview .section-heading .eyebrow{color:#126d58;font-size:11px}
.home-preview .count-pill{background:#dceee4;color:#126d58;font-size:16px;min-width:45px;padding:6px 10px;font-weight:500;border:1px solid #c6e0d2}
.home-preview .section-description{font-size:14px;color:#6b8178;line-height:1.7;margin:5px 0 19px}
.home-preview .list-controls{gap:12px;margin:0 0 22px}
.home-preview .match-search{height:51px;font-size:15px;padding:0 16px 0 42px;border:1px solid #cbded3;border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23698275' stroke-width='1.8'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E") no-repeat 15px center;box-shadow:0 2px 4px #183b2a05}
.home-preview .match-search:focus{border-color:#126d58;outline:2px solid #126d581c;outline-offset:1px}
.home-preview .status-filters{gap:7px;flex-wrap:wrap}
.home-preview .status-filters button{padding:9px 15px;font-size:14px;font-weight:400;border:1px solid #c6dcd0;background:#fff;color:#4c7260;min-height:42px;transition:background .15s,color .15s}
.home-preview .status-filters button[aria-pressed=true]{background:#126d58;color:#fff;border-color:#126d58;box-shadow:0 3px 8px #126d5820}
.home-preview .schedule-date-sections{gap:24px}
.home-preview .schedule-date-section{gap:13px}
.home-preview .schedule-date-heading{border:1px solid #a3c7b3;border-radius:13px;background:#dceee4;color:#225c49;box-shadow:none;padding:10px 13px;min-height:48px}
.home-preview .schedule-date-heading strong{font-size:15px;font-weight:500;line-height:1.65}
.home-preview .schedule-date-icon{background:#126d58;border-radius:9px;font-size:19px;width:31px;height:31px;flex-basis:31px}
.home-preview .match-groups{gap:17px}
.home-preview .match-group{border:1px solid #aecbbc;border-radius:17px;background:#fff;box-shadow:0 5px 16px #173d3910;overflow:hidden}
.home-preview .match-group-heading{background:linear-gradient(110deg,#174b49,#226459);padding:11px 14px;min-height:64px;border-left:0;gap:10px}
.home-preview .league-brand{gap:10px}
.home-preview .league-logo,.home-preview .league-logo-fallback{width:39px;height:39px;flex-basis:39px;border-radius:10px;padding:4px;background:#fff;border:0}
.home-preview .match-group-heading h3{font-size:15px;font-weight:500;color:#fff;line-height:1.5}
.home-preview .league-match-count{background:#ffffff13;border:1px solid #ffffff50;color:#e5f3eb;border-radius:9px;font-size:12px;font-weight:400;padding:5px 9px;white-space:nowrap}
.home-preview .match-group .match-card,.home-preview .match-group .match-card.card-live:nth-of-type(odd){background:#f1f7f3;color:#152b37;border:0;border-bottom:1px solid #bfd5c8;gap:8px;padding:13px 15px;border-radius:0;transform:none}
.home-preview .match-group .match-card:nth-of-type(even),.home-preview .match-group .match-card.card-live:nth-of-type(even){background:#e5f0e9}
.home-preview .match-group .match-card:last-child{border-bottom:0}
.home-preview .match-group .match-card:hover{background:#d8ece1;box-shadow:inset 3px 0 #126d58}
.home-preview .match-group .match-card.card-live{box-shadow:inset 3px 0 #d73749}
.home-preview .card-kickoff{color:#47675a;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.home-preview .card-topline .badge{border-radius:30px;font-size:11px;font-weight:500;padding:5px 10px;min-height:27px}
.home-preview .card-topline .badge-upcoming{background:#e0effc;border-color:#a8cce6;color:#27638b}
.home-preview .card-topline .badge-finished{background:#4c6760;border-color:#4c6760;color:#fff}
.home-preview .card-topline .badge-live{background:#d73749;border-color:#d73749;box-shadow:none}
.home-preview .card-topline .badge-alert{background:#fff0c8;border-color:#e3be6c;color:#815817}
.home-preview .card-scoreline{grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);gap:12px;min-height:91px}
.home-preview .card-team{font-size:16px;font-weight:500;gap:7px;line-height:1.5;color:#203e36}
.home-preview .card-team-favorite{color:#c82f40}
.home-preview .team-logo{width:43px;height:43px;filter:drop-shadow(0 2px 2px #173d3914)}
.home-preview .team-label-name{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-align:center}
.home-preview .favorite-star{font-size:21px;color:#d72e3d;line-height:1;vertical-align:middle;margin-right:3px}
.home-preview .card-score-center{min-width:0;width:108px;gap:7px}
.home-preview .card-score{background:#fff;border:1px solid #bdd4c8;border-radius:11px;color:#184d44;padding:6px 9px;width:86px!important;min-width:0;font-size:19px;line-height:1.3;font-weight:500;box-shadow:0 2px 5px #163d2c08}
.home-preview .card-score.has-score{font-size:24px}
.home-preview .card-handicap{background:#fff0cc;border:1px solid #dfbf77;color:#775318;font-size:13px;font-weight:500;padding:3px 8px;line-height:1.5;box-shadow:none}
.home-preview .card-bottom{margin-top:2px;min-height:20px}
.home-preview .card-link{font-size:12px;font-weight:400;color:#126d58}
.home-preview .card-badges .badge{font-size:10px;font-weight:400;border-radius:6px}
.home-preview .site-footer{font-size:12px;color:#74867c;padding:20px 0 0}
.home-preview .state-message{border-radius:14px;font-size:15px;background:#edf5ef;border-color:#d1e4d6}
@media(min-width:900px){.home-preview .match-list.panel{padding:28px}.home-preview .card-scoreline{grid-template-columns:minmax(0,1fr) 126px minmax(0,1fr);min-height:91px}.home-preview .card-score-center{width:126px}.home-preview .card-team{flex-direction:row;font-size:18px;gap:13px}.home-preview .team-logo{width:44px;height:44px}.home-preview .match-group .match-card{padding:14px 20px}.home-preview .team-label-name{text-align:left}.home-preview .match-group-heading h3{font-size:17px}}
@media(max-width:640px){.home-preview .site-shell{padding:17px 12px 22px}.home-preview .site-header{padding-bottom:20px}.home-preview .site-header h1{font-size:19px}.home-preview .brand-mark{width:42px;height:42px}.home-preview .match-list.panel{padding:17px 11px;border-radius:20px}.home-preview .section-heading{padding:0 3px}.home-preview .section-heading h2{font-size:26px}.home-preview .section-description{font-size:13px;padding:0 3px;margin-bottom:16px}.home-preview .status-filters{gap:5px}.home-preview .status-filters button{font-size:12px;padding:8px 10px;min-height:39px}.home-preview .schedule-date-heading{padding:9px 10px;gap:8px}.home-preview .schedule-date-heading strong{font-size:13px}.home-preview .schedule-date-icon{width:28px;height:28px;flex-basis:28px;font-size:17px}.home-preview .match-group-heading{padding:10px;min-height:60px}.home-preview .match-group-heading h3{font-size:13px}.home-preview .league-match-count{font-size:11px;padding:4px 7px}.home-preview .league-logo,.home-preview .league-logo-fallback{width:35px;height:35px;flex-basis:35px;border-radius:8px}.home-preview .match-group .match-card{padding:11px 10px;gap:8px}.home-preview .card-scoreline{grid-template-columns:minmax(0,1fr) 98px minmax(0,1fr);gap:5px;min-height:95px}.home-preview .card-score-center{width:98px}.home-preview .card-team{font-size:14px;line-height:1.5;gap:6px}.home-preview .team-logo{width:38px;height:38px}.home-preview .card-score{font-size:17px;padding:6px 7px;width:76px!important}.home-preview .card-score.has-score{font-size:21px}.home-preview .card-handicap{font-size:12px;padding:3px 6px}.home-preview .card-kickoff{font-size:13px}.home-preview .card-link{font-size:11px}}
@media(max-width:360px){.home-preview .site-shell{padding-left:8px;padding-right:8px}.home-preview .match-list.panel{padding:15px 8px}.home-preview .status-filters button{font-size:11px;padding:7px 8px}.home-preview .card-scoreline{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}.home-preview .card-score-center{width:90px}.home-preview .card-team{font-size:12px}.home-preview .home-demo-label{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.home-preview button{transition:none}}
/* v2: retain the original homepage palette with the refreshed layout */
:root{--green:#126a43;--green-dark:#0b5333;--ink:#18252c;--muted:#62736a}
body.home-preview{background:#e8eef0;color:#18252c}
.home-preview .brand-mark{background:#102821}
.home-preview .match-list.panel{background:linear-gradient(180deg,#e6eaeb,#d8dfe1);border-color:#b49a8b}
.home-preview .section-description{color:#34434a}
.home-preview .count-pill{background:#e9f6ec;color:#126a43;border-color:#d4e8db}
.home-preview .match-search{border-color:#d5e3dd}
.home-preview .status-filters button{border-color:#d8e5db;color:#62736a}
.home-preview .status-filters button[aria-pressed=true]{background:#126a43;border-color:#126a43}
.home-preview .schedule-date-heading{background:linear-gradient(105deg,#8d3827,#ad512e);border-color:#773c2b;color:#fff}
.home-preview .schedule-date-icon{background:#713524}
.home-preview .match-group{border-color:#795744;background:#ead1c4;box-shadow:0 4px 14px #382a2212}
.home-preview .match-group-heading{background:linear-gradient(100deg,#873b29,#a94c2c)}
.home-preview .league-match-count{background:#753523;color:#fff;border-color:#ffffff70}
.home-preview .match-group .match-card,.home-preview .match-group .match-card.card-live:nth-of-type(odd){background:#ead1c4;color:#18252c;border-bottom-color:#fff}
.home-preview .match-group .match-card:nth-of-type(even),.home-preview .match-group .match-card.card-live:nth-of-type(even){background:#dcbcac}
.home-preview .match-group .match-card:hover{background:#f0d8a9;box-shadow:inset 3px 0 #ad512e}
.home-preview .card-kickoff{color:#293c46}
.home-preview .card-team{color:#18252c}
.home-preview .card-team-favorite{color:#bd1f2d}
.home-preview .card-score{background:#f0f4f4;color:#123c59;border-color:#aabcc3}
.home-preview .card-handicap{background:#fff0c5;border-color:#d0a850;color:#583b05}
.home-preview .card-topline .badge-upcoming{background:#d7eaff;border-color:#76a9d3;color:#174b76}
.home-preview .card-topline .badge-finished{background:#455b66;border-color:#344953}
.home-preview .card-topline .badge-live{background:#c82431;border-color:#991a25}
.home-preview .card-topline .badge-alert{background:#ffefc3;border-color:#bc8117;color:#694600}
.home-preview .card-link{color:#075b45}

/* Give split handicap lines their natural width rather than truncating digits. */
.home-preview .card-scoreline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.home-preview .card-score-center{width:max-content;min-width:90px}
.home-preview .card-handicap{max-width:none;width:max-content;overflow:visible;text-overflow:clip;white-space:nowrap}
.status-filters .live-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:999px;background:#c92836;color:#fff;font-size:11px;font-weight:500;line-height:1;vertical-align:middle}
.status-filters .live-count[hidden]{display:none}
.status-filters button[aria-pressed=true] .live-count{background:#fff;color:#126a43}