/* Argos: shared screen design. Print layouts retain their dedicated rules. */
@media screen {
 :root{--surface-soft:#f6f8fc;--shadow-soft:0 4px 20px rgba(16,38,77,.035)}
 body{background:#f3f5f9;-webkit-font-smoothing:antialiased}
 .workspace>header{min-height:76px;padding:16px 32px;background:#ffffffeb}
 main{padding:32px;min-height:calc(100vh - 150px)}
 main>h1{margin-bottom:24px;font-weight:650;font-size:32px;letter-spacing:-.8px;overflow-wrap:anywhere}
 main>.eyebrow{margin:0 0 12px;color:#60708a;font-size:10px;letter-spacing:1.8px}
 h2{font-weight:650;color:var(--navy);font-size:18px}h3{font-size:16px;font-weight:650;line-height:1.5}
 .sidebar{background:linear-gradient(175deg,#10264d,#142e55);padding:28px 14px;gap:26px}
 .sidebar .brand{padding:0 8px 22px;border-bottom:1px solid #ffffff18}
 .sidebar .brand img{filter:drop-shadow(0 4px 9px #0002)}
 .sidebar nav{gap:4px}.sidebar nav a{font-size:13px;padding:11px 14px;min-height:44px;border:1px solid transparent;transition:background .15s}
 .sidebar nav a:hover{background:#ffffff10}.sidebar nav a[aria-current=page]{background:#ffffff13;border-color:#ffffff16;color:white;box-shadow:inset 3px 0 var(--yellow);font-weight:650}
 .sidebar>small{padding:16px 12px 0;border-top:1px solid #ffffff16;color:#adbed9}
 .account>a{text-decoration:none;font-weight:600}.account{flex-wrap:wrap}
 .panel{border-color:var(--line);border-radius:15px;box-shadow:var(--shadow-soft);padding:24px;margin:20px 0}
 .panel>h2:first-child{margin-top:0}.panel>p:last-child{margin-bottom:0}
 .grid{gap:20px;align-items:start}.grid>.panel{height:100%;margin-top:20px;margin-bottom:0}
 .cards{gap:16px;margin:20px 0 28px}.cards .panel{padding:22px;transition:border-color .15s,box-shadow .15s}
 .cards .panel:hover{border-color:#b7c9e6;box-shadow:0 7px 22px #10264d0b}
 .cards a{text-decoration:none;font-weight:650}.cards a:hover{text-decoration:underline}.cards p{font-size:12px;color:var(--muted);margin-bottom:0}
 .cards .media{border:1px solid var(--line)}.cards h3{font-size:15px;margin-bottom:0}
 .button,button{font-size:12px;font-weight:600;border-radius:9px;min-height:44px;padding:10px 16px;transition:background .15s,border-color .15s}
 .button:hover,button:hover{border-color:#9aacc6;background:#f0f4fa;color:var(--navy)}
 .button.primary,button.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 2px 4px #17438e10}
 .primary:hover{background:#123873!important;color:white!important}.yellow:hover{background:#ffe678!important;color:var(--navy)!important}
 .button.light:hover{background:#ffffff18;color:white}.button+.button{margin-left:6px}
 label{font-size:12px;font-weight:600;color:#596b85;margin-bottom:18px}
 input,select,textarea{font-size:14px;font-weight:400;color:var(--ink);border-color:#cbd5e4;border-radius:9px;min-height:46px;padding:11px 12px;margin-top:7px}
 input:hover,select:hover,textarea:hover{border-color:#97accb}
 input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #17438e12}
 input[type=checkbox],input[type=radio]{min-height:0;width:auto;accent-color:var(--blue);margin-right:6px;box-shadow:none}
 textarea{line-height:1.8;resize:vertical}
 main .filters{background:white;border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:20px 0;box-shadow:var(--shadow-soft);gap:16px}
 .filters label{color:var(--muted);font-size:12px;min-width:145px}.filters input,.filters select{margin-top:7px}.filters button{min-height:46px}
 .team-selection{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:16px;margin-bottom:24px}
 .team-selection .filters{margin:0;align-content:end}.team-selection .filters label{min-width:0;flex-basis:160px}
 .team-selection .filters button{white-space:nowrap}
 .feature{background:linear-gradient(115deg,#17438e,#12346d);border-color:#17438e;padding:28px}
 .feature h2{color:white;font-size:21px}.feature p{max-width:760px}.feature .button{margin-top:6px}
 .profile-heading{padding:26px;gap:22px}.profile-heading .media{margin:0;width:88px;height:88px}
 .profile-heading>div{min-width:0}.profile-heading h2{font-size:23px;overflow-wrap:anywhere}.profile-heading p{color:var(--muted);margin:6px 0 10px}
 .section-title{margin:30px 0 12px}.match{padding:23px 10px}.match>.muted{text-align:center;font-size:11px;letter-spacing:.2px}
 .matchrow>a{text-align:center;text-decoration:none;line-height:1.7;font-size:12px}.matchrow>a>b{font-size:26px;color:var(--navy);font-variant-numeric:tabular-nums}
 .matchrow .media{border:1px solid var(--line)}.matchrow strong{font-size:13px}.fixture-logos img{border:1px solid #e0e7f2}
 .tablewrap,.table-scroll{max-width:100%;overscroll-behavior-inline:contain;scrollbar-width:thin}
 table{font-size:13px}thead th{background:var(--surface-soft);color:#60708a;font-size:11px;font-weight:650;white-space:nowrap;border-top:1px solid var(--line);letter-spacing:.2px}
 td,th{padding:14px 12px}tbody td{vertical-align:middle;font-variant-numeric:tabular-nums}tbody tr:hover{background:#f8fafd}
 tbody tr:last-child td{border-bottom:0}table a{text-decoration:none;font-weight:600}table a:hover{text-decoration:underline}
 .panel.tablewrap{padding:0}.panel.tablewrap table{margin:0}.panel.tablewrap>p{padding:18px 22px}
 .panel.tablewrap{border-radius:14px}.report-player{gap:10px}.report-player .media{margin:0}
 .pager{margin:22px 0;gap:10px;color:var(--muted);font-size:12px}.pager>a:not(.button){padding:9px 14px;background:white;border:1px solid var(--line);border-radius:8px;text-decoration:none}
 .saved{padding:18px 0}.saved>a:first-child{display:block;font-size:14px;font-weight:650;line-height:1.6;text-decoration:none;margin-bottom:7px}.saved>a:first-child:hover{text-decoration:underline}
 .saved small{font-size:11px;margin:7px 0}.saved form{margin-top:10px}.saved:last-of-type{margin-bottom:18px}
 .private-library{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.private-library>.panel{margin-top:0}.private-library textarea{min-height:320px}.private-library .saved>a:not(:first-child){font-size:12px;margin-right:12px}
 .validation-summary-valid{display:none}.validation-summary-errors{padding:12px 16px;border:1px solid #f0c5c5;background:#fff5f5;border-radius:9px;margin:14px 0}.validation-summary-errors ul{margin:0;padding-left:18px}
 .field-validation-error{font-size:12px}.input-validation-error{border-color:#b73737}
 .category-permissions label{background:#fafbfd;margin:0;color:var(--ink)}.category-permissions label:has(input:checked){border-color:#8faedc;background:#eff4fc}
 .category-all{background:#eff4fc;border-radius:10px;padding:16px;color:var(--navy)}
 body[data-page^="/Admin/"] td:last-child .button{margin-bottom:7px}body[data-page^="/Admin/"] td{overflow-wrap:anywhere}body[data-page^="/Admin/"] td form{margin:0}
 button[value=Approved]{color:#166343;background:#f0faf5;border-color:#bddacb}button[value=Rejected],button[value=Suspended]{color:#9d3434}
 body[data-page^="/Account/"] main>.panel,body[data-page="/Privacy"] main>.panel{max-width:900px}
 body[data-page^="/Account/"] main>.grid{max-width:1050px}
 body[data-page^="/Account/"] main form{max-width:620px}
 body[data-page^="/Account/Manage/"] .nav-pills{display:flex;flex-direction:column;gap:4px}.nav-pills .nav-link{border-radius:9px}.nav-pills .nav-link.active{background:var(--blue)}
 body[data-page="/Index"] main>h1{font-size:44px;max-width:700px;line-height:1.15;margin-bottom:18px}body[data-page="/Index"] .feature{padding:32px}
 .timeline-controls{background:white;border:1px solid var(--line);border-radius:12px;padding:16px 20px}.timeline-controls label{margin:0}.timeline-heading{padding:26px}
 .standings-results{padding:0}.standings-toolbar{padding:20px 24px}.standings-table .standing-selected:hover{background:#fff8d4}
 footer{padding:22px 32px;color:#71809a}
 .skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--navy);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
 @media(min-width:1024px){.sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto}}
 @media(max-width:1100px){.team-selection{grid-template-columns:1fr}.private-library{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}main{padding:26px}.workspace>header{padding:16px 26px}}
 @media(max-width:850px){.private-library{grid-template-columns:1fr}.private-library>.panel{height:auto}.grid{grid-template-columns:1fr}.grid>.panel{height:auto}.filters label{flex-basis:180px}body[data-page="/Index"] main>h1{font-size:36px}.profile-heading h2{font-size:20px}}
 @media(max-width:640px){main{padding:24px 16px}main>h1{font-size:28px;margin-bottom:22px}.workspace>header{padding:12px 16px;min-height:64px}.sidebar{position:static;padding:16px;gap:14px}.sidebar .brand{padding:0;border:0}.sidebar nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;padding-bottom:4px;scrollbar-width:thin}.sidebar nav a{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:10px 12px;font-size:12px}.sidebar nav a[aria-current=page]{box-shadow:inset 0 -3px var(--yellow)}.sidebar>small{display:none}.panel{padding:20px;margin:16px 0}.grid{gap:16px}.grid>.panel{margin-top:0}.cards{gap:12px}.cards .panel{padding:16px 12px}.cards h2,.cards h3{font-size:13px}.cards .media.person{width:66px;height:66px}.feature,.profile-heading{padding:20px}.feature h2{font-size:19px}.profile-heading{gap:14px}.profile-heading .media{width:64px;height:64px}.profile-heading h2{font-size:18px}.profile-heading h1{font-size:24px}.team-selection{gap:12px}.team-selection .filters{display:flex}.team-selection .filters button{width:auto}.team-selection .filters label{flex-basis:140px}main .filters{padding:18px;gap:14px}.filters label{min-width:0}.filters button{grid-column:1/-1}.private-library textarea{min-height:270px}.private-library{gap:18px}.match{padding:20px 0}.matchrow>a>b{font-size:22px}.matchrow strong{font-size:12px}td,th{padding:12px 10px}.pager{gap:8px}.button+.button{margin-left:0}.feature .button{margin-right:5px}.standings-results{padding:0}.standings-toolbar{padding:18px}.standings-results-heading h2{font-size:17px}body[data-page="/Index"] main>h1{font-size:34px}body[data-page="/Index"] .feature{padding:23px}.timeline-heading{padding:18px}.timeline-controls{padding:14px}.account{gap:8px}footer{padding:20px 16px}.team-schedule>.panel{margin:0}}
 @media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
}
@media print{.skip-link{display:none!important}}

@media screen {
 body[data-page="/Explore"] .filters{display:grid;grid-template-columns:160px 150px minmax(180px,1fr) auto}
 body[data-page="/Impact"] .filters{display:grid;grid-template-columns:155px 155px minmax(180px,1fr) auto}
 body[data-page="/Admin/Audit"] table{min-width:800px}
 body[data-page="/Admin/Users"] table{min-width:680px}
 .library-empty{padding:22px 18px;background:var(--surface-soft);border:1px dashed #cbd5e4;border-radius:12px;margin:18px 0;color:var(--muted);font-size:13px}
 details>summary{cursor:pointer;color:var(--blue);font-size:12px;font-weight:600;padding:10px 0}
 .match-flow-chart{overflow-x:auto;padding:12px 0}.match-flow-chart svg{min-width:500px;max-width:100%}
 @media(max-width:1100px){body[data-page="/Explore"] .filters,body[data-page="/Impact"] .filters{grid-template-columns:1fr 1fr}body[data-page="/Explore"] .filters label:last-of-type,body[data-page="/Impact"] .filters label:last-of-type{grid-column:1/-1}.filters button{justify-self:start}}
 @media(max-width:640px){body[data-page="/Explore"] .filters button,body[data-page="/Impact"] .filters button{width:100%}.filters label{min-width:0}}
}

@media screen{
 .button.match-youtube-button{background:#c62026;border-color:#c62026;color:white}.button.match-youtube-button:hover{background:#a31920;border-color:#a31920;color:white}
 .button.match-record-button{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.button.match-record-button:hover{background:#ffe878;border-color:#c2a126}
 body[data-page="/Error"] main{max-width:960px;padding-top:60px}body[data-page="/Error"] .panel{padding:32px}body[data-page="/Error"] h1{margin:22px 0 18px;font-size:28px}body[data-page="/Error"] code{overflow-wrap:anywhere}
 .profile-heading{justify-content:flex-start;font-size:inherit}.profile-heading h1{font-size:28px}.profile-heading p{font-size:13px}
 @media(max-width:640px){body[data-page="/Error"] main{padding:24px 16px}body[data-page="/Error"] .panel{padding:22px}.profile-heading h1{font-size:23px}}
}
