/* Public football website: masthead, editorial opening, and full-width pages. */
:root[data-theme="light"] {
 --bg-main:#f5f4ee; --bg-sidebar:#f5f4ee; --bg-card:#fffefa; --bg-input:#eceee5;
 --bg-card-hover:#e9eddf; --bg-card-elevated:#e9eddf; --bg-surface:#eceee5; --surface-card:#fffefa;
 --text-primary:#172c25; --text-secondary:#536158; --text-muted:#637068;
 --accent-primary:#246348; --accent-primary-hover:#174c35; --accent-rgb:36,99,72;
 --accent-tag-bg:#e1ebdd; --border-subtle:#d5dbcf; --border-light:#bec9b9;
}
:root[data-theme="dark"] { --accent-primary:#b4d78a; --accent-rgb:180,215,138; --accent-tag-bg:#283d2d; }
html,body {height:auto;min-height:100%;overflow:visible;}
#app-container {display:block;width:100%;height:auto;min-height:100vh;overflow:visible;}
#main-wrapper {height:auto;overflow:visible;display:block;}
#main-content {overflow:visible;padding:36px max(24px,calc((100vw - 1200px)/2));scroll-behavior:auto;}
.content-inner {max-width:1200px;margin:0 auto;}
.website-header {background:var(--bg-main);border-top:5px solid var(--text-primary);padding:0 max(24px,calc((100vw - 1200px)/2));}
.site-masthead {display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 0 24px;}
.site-brand {font-size:42px;letter-spacing:-2.5px;font-weight:800;line-height:1;color:var(--text-primary);text-decoration:none;}
.site-brand span {display:block;font-size:9px;font-weight:700;letter-spacing:2.2px;margin-top:12px;}
.site-edition {font-size:10px;letter-spacing:2px;color:var(--text-muted);}
.site-analysis-link {font-size:12px;color:var(--text-primary);border-bottom:1px solid;padding:6px 0;text-decoration:none;}
.website-nav {display:flex;gap:24px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--text-primary);overflow-x:auto;white-space:nowrap;}
.website-nav .nav-link {display:block;flex-shrink:0;padding:17px 0 15px;border-radius:0;font-size:12px;min-height:48px;border-bottom:3px solid transparent;}
.website-nav .nav-link.active,.website-nav .nav-link:hover {background:transparent;color:var(--text-primary);border-bottom-color:var(--accent-primary);}
#topnav {height:auto;min-height:0;padding:15px max(24px,calc((100vw - 1200px)/2));background:var(--bg-main);gap:20px;border-bottom:1px solid var(--border-subtle);}
.search-container {max-width:440px;}
.search-input {height:36px!important;font-size:12px;}
.topnav-actions {gap:10px;}
.theme-switch {padding:2px;border:0;background:transparent;}
.theme-switch button {min-height:30px;}
.notification-btn-wrapper,.user-chip {display:none;}
.website-intro {display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding:20px 0 42px;align-items:stretch;}
.site-kicker {font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.6;color:var(--text-muted);}
.intro-copy h1 {font-size:clamp(48px,5.5vw,82px);font-weight:800;letter-spacing:-4px;line-height:1.04;margin:22px 0;}
.intro-copy h1 em {font-family:Georgia,serif;font-weight:400;color:var(--accent-primary);}
.intro-description {max-width:405px;font-size:14px;line-height:1.8;color:var(--text-secondary);}
.editorial-link {display:inline-flex;align-items:center;gap:38px;margin-top:25px;text-decoration:none;color:var(--text-primary);padding-bottom:9px;border-bottom:1px solid var(--text-primary);font-size:12px;font-weight:700;}
.editorial-link span {font-size:22px;}
.intro-feature {position:relative;isolation:isolate;overflow:hidden;background:#163f30;color:#f2f3df;padding:34px 36px;display:flex;flex-direction:column;justify-content:center;min-height:345px;border-radius:2px;}
.intro-feature:before {content:'';position:absolute;z-index:-1;width:290px;height:290px;border:1px solid #719580;right:-155px;top:40px;border-radius:50%;}
.intro-feature:after {content:'';position:absolute;z-index:-1;inset:16px;border:1px solid #3d624e;pointer-events:none;}
.intro-feature .site-kicker {color:#c3d792;margin-bottom:20px;}
.feature-competition {color:#bbcdbf;font-size:11px;}
.intro-feature h2 {font-size:clamp(23px,2.5vw,36px);line-height:1.18;letter-spacing:-1px;margin:13px 0 17px;}
.intro-feature h2 span {display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:18px;letter-spacing:0;color:#bcd298;margin:10px 0;}
.intro-feature>p:not(.site-kicker) {font-size:11px;color:#d7e4d6;}
.feature-link {margin-top:25px;align-self:flex-start;color:#eff7dc;text-decoration:none;border-bottom:1px solid #a6be97;font-size:12px;padding:8px 0;}
.explore-strip {display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:23px 0;margin-bottom:32px;}
.explore-strip a {padding:0 22px;border-right:1px solid var(--border-subtle);text-decoration:none;color:var(--text-primary);}
.explore-strip a:first-child {padding-left:0;}.explore-strip a:last-child {border:0;}
.explore-strip span {font-size:9px;letter-spacing:1.5px;color:var(--text-muted);}
.explore-strip strong {display:block;font-size:15px;margin:9px 0 5px;letter-spacing:-.4px;}
.explore-strip p {font-size:11px;color:var(--text-secondary);}
.fixtures-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;}
.fixtures-heading h2 {font-size:30px;letter-spacing:-1px;margin-top:5px;}
.source-details {font-size:12px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px;}
.source-details summary {cursor:pointer;color:var(--text-muted);}.source-details[open] summary {margin-bottom:14px;}
.dashboard-controls {background:transparent!important;border:0!important;padding:0!important;}
.league-tabs {flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;padding:10px 0!important;}
.league-tab-btn {flex-shrink:0;border-radius:0;}
.matches-table-card {box-shadow:none;border-radius:0;border:0;border-top:2px solid var(--text-primary);}
.match-row {border-radius:0!important;}
.website-footer {max-width:1200px;margin:64px auto 0;padding:30px 0 10px;border-top:2px solid var(--text-primary);}
.footer-brand {font-size:28px;font-weight:800;letter-spacing:-1.5px;color:var(--text-primary);text-decoration:none;}
.website-footer p {color:var(--text-secondary);font-size:12px;margin:9px 0 20px;}
.website-footer div {display:flex;flex-wrap:wrap;gap:24px;}.website-footer div a {font-size:12px;color:var(--text-primary);}
.website-footer small {display:block;color:var(--text-muted);font-size:10px;margin-top:28px;}
@media(max-width:850px) {
 .site-edition {display:none;}.website-nav {gap:20px;}.website-intro {gap:28px;}
 .intro-copy h1 {font-size:58px;letter-spacing:-3px;}.intro-feature {padding:28px;}
 .explore-strip {grid-template-columns:repeat(2,1fr);gap:24px 0;}.explore-strip a:nth-child(3) {padding-left:0;}.explore-strip a:nth-child(2) {border:0;}
}
@media(max-width:640px) {
 #app-container,#main-wrapper {height:auto;} .website-header {padding:0 18px;}.site-masthead {padding:20px 0;gap:15px;}
 .site-brand {font-size:32px;}.site-brand span {font-size:7px;letter-spacing:1.5px;}.site-analysis-link {font-size:10px;}
 .website-nav {gap:20px;}.website-nav .nav-link {font-size:11px;padding:12px 0;min-height:42px;}
 #topnav {padding:12px 18px;gap:8px;}.search-container {display:block;min-width:0;}.search-shortcut {display:none;}
 #main-content {padding:24px 18px;}.website-intro {grid-template-columns:1fr;gap:28px;padding:4px 0 30px;}
 .intro-copy h1 {font-size:58px;margin:18px 0;}.intro-description {font-size:13px;}.intro-feature {min-height:290px;}
 .explore-strip a {padding:0 12px;}.explore-strip strong {font-size:13px;}.explore-strip p {font-size:10px;}
 .fixtures-heading h2 {font-size:24px;}.fixtures-heading .fl-btn {font-size:10px;padding:8px;}
 .theme-switch button {padding:3px 7px;}.theme-switch button span {display:none;}
}
.fixture-pagination {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-secondary)} .fixture-pagination button:disabled {opacity:.4;cursor:default} @media(max-width:640px){.fixture-pagination{flex-wrap:wrap;font-size:10px}.fixture-pagination .fl-btn{font-size:10px}}