/* Static La Liga almanac — original, dependency-free design */
:root{--ink:#18352a;--deep:#102e25;--gold:#b4893b;--paper:#faf8ef;--line:#d9d2bf}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
a{color:#20563c;text-underline-offset:3px}
a:hover,a:focus-visible{color:#97722c}
.page-width{max-width:1100px;margin:0 auto;padding:0 26px}
.site-header{background:var(--deep);border-bottom:3px solid var(--gold);color:#f8f4e7}
.header-flex{min-height:72px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f8f4e7;font-weight:bold;font-size:17px;letter-spacing:.025em;white-space:nowrap}
.site-brand img{border-radius:8px;flex-shrink:0}
.site-header nav{display:flex;align-items:center;gap:25px}
.site-header nav a{color:#e1e0ce;text-decoration:none;font:700 11px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.075em;white-space:nowrap}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#edc674}
.breadcrumbs{margin:26px 0;font:12px/1.5 system-ui,sans-serif;color:#7a745e}.breadcrumbs a{color:#596b56}
.page-hero{padding:38px 0 40px;border-bottom:1px solid var(--line);max-width:1000px}
.kicker{font:800 10px/1.6 system-ui,sans-serif;color:#a37833;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(41px,5.2vw,70px);line-height:1.06;letter-spacing:-.045em;font-weight:700;margin:12px 0 25px}
h1 em{color:var(--gold);font-weight:500}
.page-hero p{max-width:780px;font-size:16px;color:#424b3d}
.page-hero .standfirst{font-size:clamp(19px,2.3vw,25px);line-height:1.35;color:#1f3c2c;margin-bottom:20px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#f0e9d6;border:1px solid #dfd0b0;border-radius:3px;margin-top:33px;max-width:980px}
.facts>div{padding:16px 19px;border-right:1px solid #dbceaf}.facts>div:last-child{border-right:0}
.facts span{display:block;font:800 10px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#866c3f;margin-bottom:7px}
.facts strong{font-size:24px;line-height:1.15;display:block}
.panel{border:1px solid var(--line);background:#fffdf6;margin:32px 0 0;border-radius:3px}
.panel-intro{padding:25px 28px 18px}
.panel h2,.sources h2,.explain h2,.all-seasons h2{font-size:clamp(25px,3vw,35px);line-height:1.13;letter-spacing:-.025em;margin:10px 0}
.panel-intro p,.explain p,.sources p{font-size:15px;color:#505a4b;margin-bottom:10px}
.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-family:system-ui,-apple-system,sans-serif;font-size:13px}
thead{background:#eee9da}
th,td{border-bottom:1px solid #e9e5d9;padding:12px 13px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
th:nth-child(2),td:nth-child(2){text-align:left}
thead th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#647063}
tbody th{font-weight:750}
tbody tr:nth-child(even){background:#faf7ec}
tbody tr.champion{background:#e0e8d8}
tbody tr:hover{background:#f5ecca}
.explain{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:38px 0}
.explain>div{padding:23px 26px;background:#f2edde;border-left:3px solid var(--gold)}
.explain h2{font-size:26px}
.notice{background:#f3ead0;border:1px solid #ddc89b;padding:16px 20px;font-size:14px}
.comparison summary{font:800 13px system-ui,sans-serif;cursor:pointer;padding:20px 27px;color:#28503a}
.comparison[open] summary{border-bottom:1px solid var(--line)}
.sources{max-width:790px;margin:43px 0;padding-bottom:15px}
.sources p{font-size:14px}
.season-siblings{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:23px 0 48px;font:750 12px system-ui,sans-serif}
.season-siblings a{color:var(--deep);text-decoration:none}
.index-hero{max-width:900px}
.primary-link{display:inline-block;background:var(--deep);color:#f8f4e7;padding:12px 19px;text-decoration:none;border-radius:3px;margin:14px 0;font:800 11px system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.primary-link:hover{background:#245b40;color:#fff}
.split{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:28px;margin-top:10px}
.split .panel{margin-top:22px}
.split .panel th:first-child,.split .panel td:first-child{text-align:left}
.method-panel{padding:26px 26px}
.method-panel p{font-size:15px;color:#465749}
.all-seasons{padding:42px 0 75px}
.all-seasons h2{font-size:42px}
.all-seasons>p{max-width:700px}
.decade-section{margin-top:35px;border:1px solid var(--line);background:#fffdf6}
.decade-section h3{margin:0;padding:14px 20px;background:var(--deep);color:#f5e5bd;font-size:20px;letter-spacing:.02em}
.decade-section table td,.decade-section table th{padding:12px 19px}
.decade-section table th:first-child,.decade-section table td:first-child{text-align:left}
.decade-section tbody a{font-weight:800}
.footer{background:var(--deep);color:#d8decf;border-top:3px solid var(--gold);padding:27px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;font:12px/1.75 system-ui,sans-serif}
.footer-grid b{color:#f5eacc}
@media(max-width:720px){
 .page-width{padding:0 17px}
 .header-flex{flex-wrap:wrap;padding-top:13px;padding-bottom:12px;gap:11px}
 .site-brand{font-size:14px}
 .site-header nav{width:100%;gap:22px}
 .site-header nav a{font-size:10px}
 .breadcrumbs{margin:20px 0}
 .page-hero{padding:20px 0 27px}
 h1{font-size:clamp(35px,9vw,49px)}
 .facts{grid-template-columns:1fr 1fr}
 .facts>div:nth-child(2){border-right:0}
 .facts>div:nth-child(-n+2){border-bottom:1px solid #dbceaf}
 .facts strong{font-size:21px}
 .panel-intro{padding:21px 17px 14px}
 th,td{padding:11px 10px}
 .explain,.split,.footer-grid{grid-template-columns:1fr;gap:13px}
 .explain>div{padding:19px}
 .all-seasons{padding:32px 0 45px}
 .decade-section table td,.decade-section table th{padding:10px}
 .season-siblings{font-size:11px;gap:7px}
}