.qualification-page{display:none;background:#f2f4fb;color:#0d1647;padding:54px max(24px,calc((100vw - 1320px)/2)) 70px}
.qualification-page.active{display:block}
.qualification-page *{box-sizing:border-box}
.qualification-hero{background:linear-gradient(125deg,#0b123f 0%,#241b6d 62%,#5434a5 100%);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;min-height:300px;padding:48px 52px;position:relative;overflow:hidden}
.qualification-hero:after{content:'Q';position:absolute;right:24px;top:-92px;font:900 320px/1 'DM Sans';color:rgba(255,255,255,.045)}
.qualification-hero h1{font-size:50px;line-height:1.1;margin:18px 0 14px}
.qualification-hero h1 span{color:#ffd84b;margin-left:14px}
.qualification-hero>div:first-child>p:last-of-type{font-size:17px;color:#dce4ff;max-width:620px}
.qualification-stamp{display:inline-flex;align-items:center;gap:9px;margin-top:23px;padding:9px 13px;border:1px solid rgba(255,255,255,.22);font-size:12px;color:#cbd6ff}
.qualification-stamp i{width:7px;height:7px;border-radius:50%;background:#55d7f2;box-shadow:0 0 0 5px rgba(85,215,242,.13)}
.qualification-scoreboard{align-self:end;display:grid;grid-template-columns:repeat(2,1fr);z-index:1;border:1px solid rgba(255,255,255,.16)}
.qualification-scoreboard article{padding:23px 25px;background:rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.qualification-scoreboard b{display:block;color:#ffd84b;font-size:34px}
.qualification-scoreboard span{font-size:12px;color:#e7ebff}
.qualification-progress,.route-overview,.qualification-standings,.qualification-schedule{margin-top:28px;background:#fff;border:1px solid #d5daed;padding:28px 30px}
.progress-head,.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.progress-head h2,.section-title h2{font-size:28px;margin:5px 0 0}
.progress-head strong{color:#4636b5;background:#efedff;padding:8px 12px;font-size:13px}
.section-title>span{color:#7b829f;font-size:13px}
.round-track{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center}
.round-track>i{height:2px;background:#cfd5e7}
.round-track article{display:grid;grid-template-columns:45px 1fr auto;gap:13px;align-items:center;border:1px solid #d7dced;padding:16px;min-height:84px}
.round-track article>span{display:grid;place-items:center;width:42px;height:42px;background:#e9ecf6;color:#7d849f;font-weight:800}
.round-track article b,.round-track article small{display:block}
.round-track article small{color:#8790aa;margin-top:4px}
.round-track article em{font-style:normal;font-size:12px;color:#8b92a9}
.round-track article.done{border-color:#b9d8d6;background:#f4fbfa}
.round-track article.done>span{background:#078b7c;color:#fff}
.round-track article.current{border:2px solid #4b3ac5;box-shadow:0 8px 24px rgba(64,48,180,.12)}
.round-track article.current>span{background:#ffd84b;color:#15194b}
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.route-card{border:1px solid #d9deef;padding:0 24px 22px}
.route-card header{display:flex;justify-content:space-between;align-items:center;margin:0 -24px 20px;padding:16px 24px;background:#151952;color:#fff}
.route-card header span{font:700 11px 'DM Sans';letter-spacing:1.4px;color:#7de2f5}
.route-card header b{font-size:19px}
.league-path header{background:#4630a1}
.route-numbers{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;text-align:center}
.route-numbers p{margin:0;padding:15px 5px;background:#f3f5fb}
.route-numbers b{display:block;font-size:29px;color:#3027a0}
.route-numbers span{font-size:11px;color:#747d9a}
.route-numbers i{font-style:normal;color:#9ca4bf}
.route-card>small{display:block;color:#68728f;line-height:1.7;margin-top:18px}
.qualification-filters,.schedule-tabs{display:flex;gap:7px;flex-wrap:wrap}
.qualification-filters button,.schedule-tabs button{border:1px solid #ccd2e5;background:#fff;padding:9px 13px;font-weight:700;color:#26305d;cursor:pointer}
.qualification-filters button.active,.schedule-tabs button.active{background:#171957;color:#fff;border-color:#171957}
.table-note{font-size:12px;color:#747d98;background:#f3f5fb;padding:10px 12px;margin:-8px 0 15px}
.qualification-table-wrap{overflow:visible;max-height:none}
.qualification-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}
.qualification-table-wrap thead{background:#14184f;color:#fff;z-index:1}
.qualification-table-wrap th{padding:13px 10px;text-align:left;white-space:nowrap}
.qualification-table-wrap td{padding:12px 10px;border-bottom:1px solid #e0e4f0;white-space:nowrap}
.qualification-table-wrap tbody tr:hover{background:#f5f6fc}
.qualification-table-wrap tbody tr.is-active{background:#f6f4ff}
.qualification-table-wrap td:nth-child(2) strong,.qualification-table-wrap td:nth-child(2) small{display:block}
.qualification-table-wrap td:nth-child(2) small{font-size:10px;color:#8a91a7;margin-top:2px}
.path-tag{display:inline-block;padding:5px 7px;background:#e8f7f5;color:#08796c;font-size:10px;font-weight:800}
.path-tag.league{background:#eeeaff;color:#4932aa}
.state-tag{font-size:11px;color:#8990a5}
.state-tag.active{color:#148164;font-weight:800}
.table-points{font-size:17px;color:#171957}
.qualification-fixtures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fixture-day{border:1px solid #d6dced;background:#fff}
.fixture-day>header{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;background:#14184f;color:#fff}
.fixture-day>header time{font-size:17px;font-weight:800}
.fixture-day>header span{color:#ffd84b;font-size:12px}
.qual-match{display:grid;grid-template-columns:52px 66px minmax(105px,1fr) 30px minmax(105px,1fr) 52px;align-items:center;gap:8px;padding:15px 16px;border-bottom:1px solid #e1e5ef}
.qual-match:last-child{border-bottom:0}
.qual-match>time{font-weight:700;color:#56617e}
.qual-match strong{font-size:13px}
.qual-match strong:nth-of-type(2){text-align:right}
.qual-match strong small{display:block;color:#949aaf;font-size:9px;margin-top:3px}
.qual-match>i{font-style:normal;text-align:center;color:#a0a6b9;font-size:11px}
.qual-match>em{font-style:normal;font-size:10px;color:#737c97;text-align:right}
.qualification-sources{margin-top:28px;padding:22px 26px;background:#15194f;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}
.qualification-sources b,.qualification-sources span{display:block}
.qualification-sources span{color:#bdc7ea;font-size:12px;margin-top:5px}
.qualification-sources a{color:#ffd84b;font-weight:700;white-space:nowrap;text-decoration:none}
@media(max-width:1050px){.qualification-hero{grid-template-columns:1fr}
.qualification-scoreboard{margin-top:30px}
.round-track{grid-template-columns:1fr 1fr;gap:10px}
.round-track>i{display:none}
.route-grid,.qualification-fixtures{grid-template-columns:1fr}
}
@media(max-width:700px){.qualification-page{padding:22px 12px 45px}
.qualification-hero{padding:30px 22px}
.qualification-hero h1{font-size:34px}
.qualification-scoreboard article{padding:16px}
.qualification-progress,.route-overview,.qualification-standings,.qualification-schedule{padding:21px 16px}
.progress-head,.section-title{align-items:flex-start;flex-direction:column}
.round-track{grid-template-columns:1fr}
.route-grid{grid-template-columns:1fr}
.route-numbers{grid-template-columns:1fr}
.route-numbers i{transform:rotate(90deg);padding:3px}
.qual-match{grid-template-columns:46px 1fr 20px 1fr}
.qual-match>.path-tag,.qual-match>em{display:none}
.qualification-sources{align-items:flex-start;flex-direction:column}
}
