/* Dark league theme: left icon rail, photo hero, card sections, red footer. Colours come from site settings. */
:root{--color:#C62828;--color-secondary:#212121;
  --bg:var(--color-secondary);--panel:color-mix(in srgb,var(--color-secondary) 55%,#000);--panel2:color-mix(in srgb,var(--color-secondary) 80%,#000);
  --ink:#f4f4f4;--muted:#a3a3a3;--line:#363636;--link:color-mix(in srgb,var(--color) 55%,#fff);--radius:10px;--rail:96px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Quicksand","Segoe UI",system-ui,-apple-system,sans-serif}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3{line-height:1.2;font-weight:700;color:var(--link)}h1{font-size:1.9rem;margin:1.2rem 0 .6rem}h2{font-size:1.3rem;margin:1.6rem 0 .7rem}h3{font-size:1.05rem}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}
.shell{margin-left:var(--rail);min-height:100vh;display:flex;flex-direction:column}
.shell>main{flex:1}

/* left rail */
.rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);background:var(--panel);z-index:40;display:flex;flex-direction:column;justify-content:center;box-shadow:2px 0 10px rgba(0,0,0,.35)}
.rail a,.rail summary{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;list-style:none;border-left:3px solid transparent}
.rail summary::-webkit-details-marker{display:none}
.rail a:hover,.rail summary:hover,.rail a.on{background:rgba(255,255,255,.06);text-decoration:none;border-left-color:var(--color)}
.rail svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rail details{position:relative}
.fly{position:absolute;left:100%;top:0;min-width:240px;max-height:70vh;overflow:auto;background:var(--panel);border-radius:0 var(--radius) var(--radius) 0;box-shadow:6px 6px 20px rgba(0,0,0,.45);padding:6px}
.rail .fly a{flex-direction:row;justify-content:flex-start;text-align:left;font-size:.9rem;letter-spacing:0;text-transform:none;font-weight:600;padding:9px 12px;border-left:0;border-radius:6px}

/* top bar */
.topbar{background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.05rem}.brand:hover{text-decoration:none}.brand img{height:34px}
.topmenu{display:grid;grid-template-columns:repeat(4,max-content);gap:2px 34px}
.topmenu a{color:var(--link);font-weight:700;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;padding:3px 0}
.burger{display:none}
.burger summary{list-style:none;cursor:pointer;color:#fff;font-weight:700;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.burger summary::-webkit-details-marker{display:none}
.burger-menu{position:absolute;right:12px;top:58px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px;display:grid;min-width:200px;box-shadow:0 12px 30px rgba(0,0,0,.5);z-index:50}
.burger-menu a{color:#fff;padding:9px 12px;border-radius:6px;font-weight:600}.burger-menu a:hover{background:rgba(255,255,255,.07);text-decoration:none}

/* hero */
.hero{position:relative;min-height:62vh;background:var(--color) center/cover no-repeat;display:flex;align-items:flex-end}
.hero-card{background:var(--panel);width:min(100%,1000px);margin-left:clamp(0px,6vw,90px);padding:34px 40px 38px;border-radius:90px 0 0 0}
.hero-card h1{margin:0 0 .6rem;font-size:1.7rem}.hero-card p{margin:0 0 1.1rem;max-width:760px}
.btn{display:inline-block;background:var(--color);color:#fff;border:0;border-radius:99px;padding:.6rem 1.3rem;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{filter:brightness(1.12);text-decoration:none}.btn.alt{background:#555}.btn.light{background:#fff;color:var(--color)}

main.pad{padding-top:6px;padding-bottom:50px}
.sec{padding:34px 0}.sec.band{background:color-mix(in srgb,var(--color) 14%,var(--bg))}
.sec-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.sec-h h2{margin:0;font-size:1.5rem}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ncard{display:flex;flex-direction:column;background:var(--panel);border-radius:var(--radius);overflow:hidden;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.ncard:hover{text-decoration:none;transform:translateY(-2px)}
.ncard .ph{aspect-ratio:4/3;background:#000 center/cover no-repeat}
.ncard .tx{padding:12px 14px 14px}.ncard h3{margin:0 0 6px;font-size:1rem}.ncard .d{color:var(--muted);font-size:.85rem}
.widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.wg{background:var(--panel);border-radius:var(--radius);padding:18px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:260px}
.wg.red{background:var(--color)}.wg.black{background:#000}.wg h3{color:#fff;margin:0}
.wg .temp{font-size:3rem;font-weight:700;color:var(--link);line-height:1}
.fc{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:.85rem;margin-top:6px}.fc b{display:block;color:var(--link)}

/* generic cards, tables, lists */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.card{background:var(--panel);border-radius:var(--radius);padding:18px;margin-bottom:16px;min-width:0;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.grid2 .card{margin-bottom:0}
.card-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:2px solid var(--color);margin-bottom:12px}.card-h h2{margin:0 0 6px;font-size:1.15rem}.card-h a{font-size:.85rem}
ul.plain{list-style:none;margin:0;padding:0}ul.plain li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}ul.plain li:last-child{border:0}
.tbl-wrap{overflow-x:auto;background:var(--panel);border-radius:var(--radius)}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th,.tbl td{padding:9px 9px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl th{background:var(--color);color:#fff;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.tbl th a{color:#fff}.tbl th a.on{text-decoration:underline}
.tbl .l{text-align:left}.tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.035)}
.tbl tr.champ td{background:color-mix(in srgb,var(--color) 25%,transparent);font-weight:700}.tbl td.win{font-weight:700;color:#fff}
.fx-list{display:flex;flex-direction:column}
.fx{display:grid;grid-template-columns:88px 1fr 66px 1fr;align-items:center;gap:8px;padding:11px 6px;border-bottom:1px solid var(--line);color:var(--ink)}
.fx:hover{background:rgba(255,255,255,.04);text-decoration:none}
.fx-date{font-size:.8rem;color:var(--muted);white-space:nowrap}.fx-home{text-align:right;font-weight:700}.fx-away{font-weight:700}
.fx-score{text-align:center;background:#000;border-radius:6px;padding:3px 0;font-weight:700;font-size:.9rem;color:#fff}.fx-score.done{background:var(--color)}
.fx-meta{grid-column:2/5;font-size:.78rem;color:var(--muted)}
.subnav{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 14px}.subnav a{padding:.42rem 1rem;border-radius:99px;background:var(--panel);color:var(--ink);border:1px solid var(--line);font-weight:700;font-size:.88rem}.subnav a.on{background:var(--color);border-color:var(--color);color:#fff}.subnav a:hover{text-decoration:none;border-color:var(--color)}
.switch{margin:0 0 12px}
input,select,textarea,button{font:inherit}
.switch select,.search input,.form input,.form select,.form textarea{padding:.55rem .7rem;border:1px solid #4a4a4a;border-radius:8px;background:var(--panel);color:var(--ink);max-width:100%}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.cards li{background:var(--panel);border-radius:var(--radius);padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.cards a,.cards div{display:flex;flex-direction:column;gap:2px;color:var(--ink)}.cards li a:hover{text-decoration:none}.cards li:hover{outline:2px solid var(--color)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:12px 0}.kpis div{background:var(--panel);border-radius:var(--radius);padding:14px;text-align:center;font-size:.8rem;color:var(--muted)}.kpis b{display:block;font-size:1.7rem;color:var(--ink)}
.scoreline{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;text-align:center;font-size:1.3rem;font-weight:800;margin:12px 0}.scoreline b{background:var(--color);color:#fff;padding:8px 20px;border-radius:99px;font-size:1.6rem}
.bracket{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.round{min-width:290px;flex:1;background:var(--panel);padding:14px;border-radius:var(--radius)}.round h3{margin:0 0 6px;border-bottom:2px solid var(--color);padding-bottom:4px}
.post{background:var(--panel);border-radius:var(--radius);padding:18px;margin:14px 0}.post h2{margin:0;font-size:1.15rem}.post p{margin:.6rem 0}.post-img{display:block;max-width:100%;border-radius:8px;margin:12px 0}
.post-row{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:start}.post-row .thumb{width:170px;height:115px;object-fit:cover;border-radius:8px;display:block}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.gallery figure{margin:0;background:var(--panel);border-radius:var(--radius);overflow:hidden}.gallery img,.gallery iframe{width:100%;aspect-ratio:16/10;object-fit:cover;border:0;display:block}.gallery figcaption{padding:8px 12px;font-size:.85rem}
.search{display:flex;gap:8px;margin:14px 0}.search input{flex:1}
.docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.doc{background:var(--panel);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.doc h3{margin:0 0 4px;color:var(--ink)}.doc .btn{align-self:flex-end}

/* sponsors */
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}
.sp-tile{background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px;aspect-ratio:4/3;overflow:hidden}
.sp-tile img{max-width:100%;max-height:100%;object-fit:contain}.sp-tile span{color:#222;font-weight:700;text-align:center;padding:8px}

/* footer */
.foot{background:var(--color);color:#fff;padding:30px 0 22px;font-size:.92rem}
.foot h3{color:#fff;margin:0 0 14px}.foot nav{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px 30px;margin-bottom:22px;max-width:720px}.foot a{color:#fff}.foot p{margin:0;font-size:.8rem;opacity:.9}

@media(max-width:1000px){.grid4{grid-template-columns:repeat(2,1fr)}.topmenu{display:none}.burger{display:block}}
@media(max-width:820px){.grid2{grid-template-columns:1fr}}
@media(max-width:700px){
  :root{--rail:0px}
  .shell{margin-left:0;padding-bottom:74px}
  .rail{top:auto;right:0;width:auto;height:70px;flex-direction:row;justify-content:space-around;box-shadow:0 -2px 10px rgba(0,0,0,.4)}
  .rail>nav{display:flex;width:100%;justify-content:space-around}.rail a,.rail summary{padding:8px 4px;flex:1;border-left:0;border-top:3px solid transparent;font-size:.62rem}.rail a:hover,.rail summary:hover,.rail a.on{border-top-color:var(--color);border-left:0}
  .rail svg{width:24px;height:24px}.rail details{flex:1}
  .fly{left:0;right:0;top:auto;bottom:100%;border-radius:var(--radius) var(--radius) 0 0}
  .hero{min-height:0;padding-top:62vw;background-position:30% 62%}.hero-card{margin-left:0;border-radius:40px 0 0 0;padding:24px 20px}
  .grid4{grid-template-columns:1fr}
  .fx{grid-template-columns:1fr 60px 1fr}.fx-date,.fx-meta{grid-column:1/4}
  .scoreline{grid-template-columns:1fr;gap:6px}
  .post-row{grid-template-columns:1fr}.post-row .thumb{width:100%;height:170px}
  .foot nav{grid-template-columns:repeat(2,1fr)}
}

/* ---- Matched to the reference site's measurements ---- */
:root{--rail:100px;--bg:#232323;--panel:#121212;--panel2:#1a1a1a;--ink:#efefef;--link:#d9534f}
body{font-weight:500;background:var(--bg)}
.rail{background:#212121}
.topbar{background:#1a1a1a;height:100px;padding:16px;border:0}
.topbar .brand{display:none}
.topmenu{flex:1;grid-template-columns:repeat(4,1fr);gap:4px 0;align-self:center;padding-left:0}
.topmenu a{color:var(--color);font-size:14px;letter-spacing:0;padding:1px 5px;border-radius:4px;justify-self:start;font-weight:700}
.topmenu a:hover{background:rgba(255,255,255,.06);text-decoration:none}
h1,h2,h3{color:var(--color)}
.wrap{max-width:none;padding:0 30px}
.hero{min-height:calc(100vh - 100px);flex-direction:column;justify-content:space-between;align-items:stretch;background-position:center}
.hero-title{margin:0 0 0 174px;padding:100px 0 0;text-align:right;font:900 clamp(2.6rem,4.5vw,5.4rem)/1.1 "Montserrat",sans-serif;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hero-card{width:auto;margin:0 0 75px 180px;padding:60px 40px;border-radius:100px 0 0 0;background:#121212}
.hero-card h2{margin:0 0 .9rem;font-size:1.5rem;color:var(--color)}.hero-card p{margin:0 0 1.2rem;max-width:none}
.btn.lg{padding:14px 16px;font-size:1rem}
.sec{padding:30px 0}.sec-h h2{font-size:1.5rem;color:var(--color)}
.sec-h .btn{padding:8px 12px;font-size:1rem}
.grid4{gap:30px}
.ncard{box-shadow:none;border-radius:6px;background:#121212}
.ncard .ph{aspect-ratio:414/228;border-radius:6px 6px 0 0}
.ncard .tx{padding:12px}.ncard h3{color:var(--color);font-size:1rem}.ncard .d{color:#898989;font-size:.9rem}
.sec.band{background:color-mix(in srgb,var(--color) 18%,var(--bg))}
.widgets{gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,414px))}
.wg{border-radius:6px;min-height:476px;background:#121212;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.wg.black{background:#000}.wg.red{background:var(--color)}.wg h3{font-size:1.1rem}
.xlogo{width:88px;height:88px;margin:0 auto}
.wg .btn.light{background:#fff;color:#000;padding:10px 16px}
.wg.red .btn.light{color:var(--color)}
.wx{padding:0;justify-content:flex-start;gap:0;text-align:left}
.wx-h{margin:0;padding:14px;text-align:center;border-bottom:1px solid #2a2a2a;font-size:1rem;color:var(--color)}
.wx-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}
.wx-c{text-align:center;font-size:.95rem}
.wx-main{display:flex;align-items:center;justify-content:center;gap:18px}.wx-ico{width:90px;height:90px;border-radius:8px;background:#3949a3;display:grid;place-items:center;font-size:44px;color:#fff}
.wx .temp{font-size:3rem;font-weight:500;color:var(--color)}.wx .temp sup{font-size:1rem}
.wx-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:.72rem;letter-spacing:.04em;color:#cfcfcf}
.wx .fc{margin-top:auto;border-top:1px solid #2a2a2a;padding-top:12px;text-align:center}.wx .fc b{color:var(--color);font-weight:700}
/* standings card with pill cells */
.stand-card{background:#121212;border-radius:8px;padding:12px 14px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.stand-title{color:var(--color);font-weight:700;font-size:.9rem;padding:4px 4px 8px}
.stand-card .tbl-wrap{background:transparent;border-radius:0}
.tbl.standings{border-collapse:separate;border-spacing:5px 3px;font-size:1rem}
.tbl.standings th{background:transparent;color:#898989;font-size:12px;font-weight:700;padding:0 4px;border:0}
.tbl.standings td{background:#1a1a1a;border:0;border-radius:4px;padding:10px;font-weight:700;color:#efefef}
.tbl.standings tbody tr:nth-child(even) td{background:#1a1a1a}
.tbl.standings td.rk{background:transparent;width:40px}
.tbl.standings td.tm{background:var(--color);min-width:220px}.tbl.standings td.tm a{color:#fff}
.tbl.standings td.pt{background:var(--color);color:#fff}
.tbl.standings tr.champ td{background:#1a1a1a;color:#efefef}.tbl.standings tr.champ td.tm,.tbl.standings tr.champ td.pt{background:var(--color)}
.tbl.standings td.rk{color:#efefef}
.stand-more{display:block;text-align:center;background:#1a1a1a;color:#efefef;border-radius:4px;padding:10px;margin:6px 5px 0;font-size:.85rem}
.stand-more:hover{background:#242424;text-decoration:none}
/* sponsors + footer */
.sp-grid{grid-template-columns:repeat(auto-fill,minmax(200px,266px));gap:30px}
.sp-tile{border-radius:6px;aspect-ratio:266/203;padding:10px}
.foot{padding:30px 0}.foot nav{grid-template-columns:repeat(3,1fr);max-width:none;gap:14px 30px}.foot h3{color:#fff}
@media(max-width:1000px){.topbar .brand{display:flex}.topbar{height:auto}.hero-title{margin-left:0;font-size:2.4rem;padding:40px 16px 0}}
@media(max-width:700px){:root{--rail:0px}.hero{min-height:0;padding-top:0}.hero-title{display:none}.hero-card{margin:60vw 0 0;border-radius:40px 0 0 0;padding:24px 20px}.wg{min-height:0}}
/* round 2 fixes after side-by-side check */
.hero-title{font-size:4.5vw;padding-right:30px}
.topmenu{flex:none;width:90%}
.rail a,.rail summary{font-size:12px;padding:16px 4px}.rail svg{width:32px;height:32px}
.tbl.standings tbody tr td.tm,.tbl.standings tbody tr.champ td.tm{background:var(--color)}
.tbl.standings tbody tr td.pt,.tbl.standings tbody tr.champ td.pt{background:var(--color);color:#fff}
.tbl.standings tbody tr td.rk{background:transparent}
@media(max-width:1000px){.topmenu{width:auto}.hero-title{font-size:2.4rem}}

/* news grid + page titles, matched to reference */
.pg-title{font-size:1.5rem;margin:24px 0 14px;color:var(--color)}
.filters{display:flex;background:#121212;border-radius:8px;margin-bottom:24px;overflow:hidden}
.filters label{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:.85rem;color:#efefef;border-right:1px solid #2a2a2a}
.filters select{background:transparent;color:#efefef;border:0;font:inherit;font-weight:600;padding:4px}
.filters option{background:#121212}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ncard2{display:flex;flex-direction:column;background:#121212;border-radius:8px;overflow:hidden;color:#efefef;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.ncard2:hover{text-decoration:none;outline:2px solid var(--color)}
.ncard2 .ph{aspect-ratio:16/9;background:#000 center/cover no-repeat}
.ncard2 .tx{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.ncard2 h3{margin:0;font-size:.95rem;color:var(--color)}.ncard2 p{margin:0;font-size:.85rem;line-height:1.45}.ncard2 .d{margin-top:auto;color:#898989;font-size:.8rem}
@media(max-width:1000px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.news-grid{grid-template-columns:1fr}.filters{flex-direction:column}}

/* documents panel */
.panel{background:#121212;border-radius:8px;padding:12px 16px 24px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.panel-label{font-size:.85rem;color:#efefef;padding:8px 4px 14px}
.filters.inner{background:transparent;margin-bottom:12px}.filters.inner label{border:0;padding:8px 4px}
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.doc{background:transparent;border:1px solid #2e2e2e;border-radius:6px;padding:16px 16px 14px;min-height:140px}
.doc h3{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color);margin:0 0 12px}.doc h3 .star{font-size:1.3rem;line-height:1;color:#efefef}
.doc p{margin:0;font-size:.8rem;color:#efefef;word-break:break-all}.btn.sm{padding:6px 18px;font-size:.78rem;align-self:flex-end}
@media(max-width:1000px){.docs{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.docs{grid-template-columns:1fr}}

/* Match Hub */
.mh{padding:16px}.mh .switch{margin:0 0 14px}
.mh-wrap{display:flex;align-items:center;gap:8px;margin:6px -2px 0}
.mh-arrow{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:#3a3a3a;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}
.mh-strip{display:flex;overflow-x:auto;flex:1;scrollbar-width:none;background:#171717}
.mh-strip::-webkit-scrollbar{display:none}
.mh-day{flex:0 0 16.66%;min-width:110px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px;color:#efefef;font-size:.8rem;border-right:1px solid #2a2a2a}
.mh-day:hover{text-decoration:none;background:#222}.mh-day b{font-weight:700}.mh-day span{font-weight:500}
.mh-day.on{background:#2ecc71;color:#000}
.mh-day i{display:flex;gap:6px;font-style:normal;margin-top:2px}.mh-day em{font-style:normal;font-size:.65rem;font-weight:700;border-radius:99px;min-width:20px;padding:2px 5px;background:#666;color:#fff;text-align:center}.mh-day em.b{background:#000}
.mh-tabs{display:flex;gap:26px;border-bottom:2px solid #2a2a2a;margin:22px 0 14px;overflow-x:auto;padding:0 8px}
.mh-tabs a{padding:10px 4px;font-size:.8rem;font-weight:700;color:var(--color);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}.mh-tabs a.on{border-bottom-color:var(--color)}.mh-tabs a:hover{text-decoration:none}
.mh-body{background:#0e0e0e;border-radius:6px;padding:10px 12px 18px}
.mh-h{padding:14px 0 6px;font-size:.78rem;font-weight:700;color:var(--color);display:grid;grid-template-columns:1fr 1fr;gap:2px}
.mh-t{display:flex;align-items:center;gap:6px}.mh-t i{width:7px;height:7px;background:var(--color);display:inline-block}
.mh-cols{grid-column:1/3;display:grid;grid-template-columns:1fr 70px 1fr 1fr 60px;color:#898989;font-size:.65rem;font-weight:700;padding:4px 0 2px}.mh-cols span:first-child{text-align:right;padding-right:14px}.mh-cols span:nth-child(2){grid-column:3}
.mh-row{display:grid;grid-template-columns:1fr 70px 1fr 1fr 60px;align-items:center;gap:0;background:#1a1a1a;margin-top:4px;border-radius:3px;min-height:36px;font-size:.82rem;font-weight:700}
.mh-row .h{text-align:right;padding:0 14px 0 8px;color:var(--color);text-decoration:underline}.mh-row .a{padding:0 8px 0 14px;color:var(--color);text-decoration:underline}
.mh-row .vs{text-align:center;color:#efefef;background:#161616;align-self:stretch;display:grid;place-items:center}.mh-row .sc{color:#fff}
.mh-row .v{padding:0 10px;font-weight:500;font-size:.75rem;color:#efefef;background:#161616;align-self:stretch;display:flex;align-items:center;border-left:1px solid #0e0e0e}
.mh-row .i{margin-left:auto;margin-right:8px;width:20px;height:20px;border-radius:50%;background:#efefef;color:#111;display:grid;place-items:center;font-size:.7rem;font-style:italic;font-weight:700}
.mh-row .i:hover{text-decoration:none;background:var(--color);color:#fff}
@media(max-width:700px){.mh-row,.mh-cols{grid-template-columns:1fr 44px 1fr}.mh-row .v,.mh-row .i,.mh-cols span:nth-child(n+3){display:none}.mh-day{flex-basis:30%}}
/* tabs, flat tables, notices */
.tabs2{display:flex;gap:22px;border-bottom:2px solid #2a2a2a;margin:8px 0 14px;overflow-x:auto}
.tabs2 a{padding:12px 6px;font-size:.8rem;font-weight:700;color:var(--color);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}.tabs2 a.on{border-bottom-color:var(--color)}.tabs2 a:hover{text-decoration:none}
.filters.two{background:transparent;gap:0;margin-bottom:10px}.filters.two label{flex:1;border-right:1px solid #2a2a2a;padding:14px 16px}.filters.two label:last-child{border:0}.filters.two select{width:100%}
.filters.inner{flex-wrap:wrap}.filters.inner label{padding:8px 18px 8px 4px}
.tbl.flat th{background:transparent;color:#898989;font-size:12px}
.tbl.flat td{border-bottom:1px solid #262626}.tbl.flat tbody tr:nth-child(even) td{background:transparent}
.panel .tbl-wrap{background:transparent;margin-bottom:18px}
.notice{border:1px solid #6b5a00;border-left:3px solid #f1c40f;border-radius:4px;padding:10px 14px;font-weight:700;font-size:.85rem;background:#1a1a1a}
.stand-card{box-shadow:none;padding:0}

.tabs2,.mh-tabs{overflow-y:hidden;border-bottom:0;box-shadow:inset 0 -2px #2a2a2a}
.tabs2 a,.mh-tabs a{margin-bottom:0}
/* round 3: headings use Montserrat like the reference; title size nudged */
h1,h2,.sec-h h2,.pg-title,.hero-card h2{font-family:"Montserrat","Quicksand",sans-serif;font-weight:700}
.hero-title{font-size:4.25vw;padding-top:96px}
@media(max-width:1000px){.hero-title{font-size:2.4rem}}
@media(max-width:700px){
  .rail a,.rail summary{padding:8px 4px;font-size:.62rem;justify-content:center}
  .rail svg{width:24px;height:24px;flex:none}
  .rail details{flex:1}.rail summary{height:100%}
  .wrap{padding:0 16px}
  .topbar{padding:10px 16px}
}

/* links + web stats */
.sub-title{font-size:1.15rem;margin:22px 0 10px}.sub-title.ctr,.ctr{text-align:center;justify-content:center}
.link-panel{padding:8px 16px}
.link-item{display:flex;align-items:flex-start;gap:14px;padding:14px 4px;border-bottom:1px solid #2a2a2a}.link-item:last-child{border:0}
.link-item .star{font-size:1.4rem;line-height:1;color:#efefef}.link-item p{margin:0}.link-item .lt{font-weight:700;margin-bottom:2px}.link-item .lu{word-break:break-all}.link-item .lu a{color:var(--color)}
.ws .panel{margin-bottom:0}.ws{align-items:stretch}.panel+.panel,.grid2+.panel{margin-top:24px}
.wchart{width:100%;height:auto;display:block}
.ws-tot{display:grid;grid-template-columns:1fr 1fr;gap:26px 16px;text-align:center;height:100%;align-content:center;padding:10px}
.ws-tot h3{margin:0 0 4px;font-size:.95rem;color:var(--color)}.ws-tot b{display:block;font-size:2.2rem;font-weight:500;line-height:1.1}.ws-tot span{color:#898989;font-size:.8rem}
.tabs2.ctr{justify-content:center}

/* web stats, matched to reference */
.ws{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:24px;margin-bottom:24px}
.ws .panel{margin:0}.ws-chart{grid-row:1/3;padding:18px 18px 10px}
.ws-chart .sub-title{margin:0 0 4px}
.ws-legend{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.7rem;color:#898989}.ws-legend i{width:34px;height:9px;background:var(--color);display:inline-block}
.ws-card{display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:14px 16px}
.ws-card h3{margin:0;font-size:.95rem;color:var(--color)}.ws-card b{font-size:2rem;font-weight:700;color:var(--color);line-height:1.1;margin-top:auto}.ws-card span{font-size:.9rem;color:#efefef}
@media(max-width:900px){.ws{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ws-chart{grid-column:1/3;grid-row:auto}}

.tops .panel{margin:0;padding:10px 14px 14px}.top-h{margin:0 0 6px;font-size:.85rem;color:var(--color)}
.tbl.toppages{border-collapse:separate;border-spacing:0 4px;font-size:.8rem}
.tbl.toppages th{background:transparent;color:#898989;font-size:10px;font-weight:700;padding:0 8px;border:0;text-transform:uppercase}
.tbl.toppages td{border:0;padding:8px;background:#1a1a1a;white-space:normal}.tbl.toppages tbody tr:nth-child(even) td{background:#1a1a1a}
.tbl.toppages td.pv{background:var(--color);color:#fff;font-weight:700;width:120px;text-align:center;white-space:nowrap}
.tbl.toppages td:first-child{border-radius:3px 0 0 3px}.tbl.toppages td.pv{border-radius:0 3px 3px 0}
.tbl.toppages td a{color:var(--color);font-weight:700}
.tbl.toppages tbody tr td.pv,.tbl.toppages tbody tr:nth-child(even) td.pv{background:var(--color)}

/* photos & videos */
.gallery2{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:6px 0 20px}
.g-tile{position:relative;display:block;border-radius:6px;overflow:hidden;background:#000;aspect-ratio:4/3}
.g-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.g-tile:hover img{transform:scale(1.03)}
.g-tile .play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(198,40,40,.92)}
.g-tile .play:after{content:"";position:absolute;left:22px;top:17px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.lb{border:0;border-radius:10px;padding:0;background:#121212;color:#efefef;max-width:min(92vw,1000px);width:100%;overflow:visible}
.lb::backdrop{background:rgba(0,0,0,.82)}
.lb-body{display:flex;justify-content:center}.lb-body img{max-width:100%;max-height:80vh;border-radius:10px 10px 0 0;display:block}
.lb-body iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px 10px 0 0}
.lb-cap{margin:0;padding:12px 16px;font-size:.9rem}.lb-cap:empty{display:none}
.lb-x{position:absolute;right:-12px;top:-14px;width:34px;height:34px;border-radius:50%;border:0;background:var(--color);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;z-index:2}
@media(max-width:1000px){.gallery2{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.gallery2{grid-template-columns:1fr}}

/* committee, contact, venues, honours */
.cmt{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cmt-card{background:#121212;border-radius:8px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:130px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.cmt-top{display:flex;gap:14px;align-items:flex-start}.cmt-top .star{font-size:1.4rem;line-height:1}.cmt-top h3{margin:0 0 4px;font-size:1rem;color:var(--color)}.cmt-top p{margin:0;font-weight:700}.cmt-top p.small{font-weight:500}
.cmt-card .btn{align-self:flex-end}
.cform{display:flex;flex-direction:column;gap:14px;max-width:860px}.cform label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.85rem}
.cform input,.cform textarea{background:#1a1a1a;color:#efefef;border:1px solid #3a3a3a;border-radius:6px;padding:.65rem .8rem;font:inherit;font-weight:500}
.cform .btn{align-self:flex-start}.cgrid{margin:0;gap:16px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice.err{border-color:#7a2a2a;border-left-color:var(--color);margin-bottom:12px}
.venue-box{display:grid;grid-template-columns:1fr 3fr;gap:24px;align-items:start}.venue-d h2{margin:0 0 12px;font-size:1.1rem}.venue-d h3{margin:0 0 4px;font-size:.9rem;color:var(--color)}
.venue-d address{font-style:normal;line-height:1.6;margin-bottom:10px}.venue-d .bold{font-weight:700}.up{text-transform:uppercase}
.venue-map iframe{width:100%;height:300px;border:0;border-radius:6px;background:#222}.venue-map p{margin:6px 0 0}
.hon-h{display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid #2a2a2a;padding:8px 4px 16px;margin-bottom:16px}.hon-h .cup{font-size:2rem;line-height:1}.hon-h h2{margin:0 0 6px;font-size:1.15rem}.hon-h p{margin:.3rem 0}
.hon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 24px}.hon{display:flex;gap:12px;align-items:flex-start}.hon .star{font-size:1.5rem;line-height:1}.hon h3{margin:0;font-size:.95rem;color:var(--color)}.hon p{margin:2px 0 0;font-size:.85rem}
.tl{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #2a2a2a;padding:14px 4px}.tl:last-child{border:0}.tl .star{font-size:1.5rem;line-height:1}.tl h2{margin:0 0 4px;font-size:1.05rem}.tl p{margin:.3rem 0}
@media(max-width:1000px){.cmt,.hon-grid{grid-template-columns:repeat(2,1fr)}.venue-box{grid-template-columns:1fr}}@media(max-width:560px){.cmt,.hon-grid{grid-template-columns:1fr}}

/* round 2: committee, honours, photos to match reference */
.cmt-card{min-height:170px;padding:22px}.cmt-top h3{font-size:1.05rem}.cmt-top p{font-size:.95rem}.cmt-card .btn.sm{padding:9px 16px;font-size:.82rem}
.hon{border:1px solid #2e2e2e;border-radius:6px;padding:16px;background:transparent}.hon h3{font-size:.95rem}.hon p{font-size:.85rem;margin-top:4px}
.hon-grid{gap:20px}
.hon-h .cup svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}
.hon-h{align-items:center}
.gallery2{gap:24px}.panel .sub-title{margin-top:10px}

/* news article, matched to reference */
.art{margin:24px 0 10px}
.art-top{display:flex;align-items:center;background:#121212;border-radius:6px 6px 0 0;margin-bottom:4px;overflow:hidden}
.art-media{flex:0 0 33%;margin:0;align-self:stretch;display:flex;flex-direction:column;background:#fff}
.art-media img{width:100%;height:auto;display:block;flex:1;object-fit:contain}
.art-media figcaption{background:var(--color);color:#fff;font-size:.78rem;padding:7px 10px}
.art-head{padding:24px 30px;flex:1}
.art-head .sub{margin:0 0 4px;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#fff}
.art-head h1{margin:0 0 14px;font-size:1.9rem;line-height:1.2;color:var(--color)}
.art-head .small{margin:0 0 18px;font-size:.8rem}.art-head .lead{margin:0;font-weight:700}
.art-body{background:#121212;border-radius:0 0 6px 6px;padding:20px 20px 16px}
.art-body p{margin:0 0 1rem}.art-body a{color:var(--color);text-decoration:underline}
.art-body img{max-width:100%;height:auto;border-radius:6px;margin:6px 0}
.art-body ul,.art-body ol{margin:0 0 1rem;padding-left:1.4rem}.art-body table{border-collapse:collapse;margin:0 0 1rem;max-width:100%}.art-body td,.art-body th{border:1px solid #333;padding:6px 10px}
.art-body h2,.art-body h3,.art-body h4{margin:1.2rem 0 .5rem;color:var(--color)}
.art-body .views{margin:1.2rem 0 0;font-size:.8rem;color:#efefef}
@media(max-width:800px){.art-top{flex-direction:column;align-items:stretch}.art-media{flex:none}.art-head{padding:18px}.art-head h1{font-size:1.5rem}}

/* article tables like the reference: full width, separate cells */
.art-body table{width:100%;border-collapse:separate;border-spacing:5px;margin:0 0 1rem}
.art-body td,.art-body th{border:0;background:#1a1a1a;padding:10px 12px;font-size:.85rem;text-align:left;vertical-align:top}
.art-body table table{border-spacing:0}
.art-head .sub{font-size:.95rem}
.art-body li{margin-bottom:.45rem}.art-body ul,.art-body ol{margin-top:1rem}

/* widgets + footer, matched to reference */
.wx{padding:0;text-align:left;justify-content:flex-start;gap:0;min-height:476px}
.wx-h{margin:0;padding:14px;text-align:center;border-bottom:1px solid #2a2a2a;font-size:1rem;color:var(--color);font-weight:700}
.wx-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:12px;flex:1}
.wx-c{text-align:center;font-size:.9rem}
.wx-main{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10px}
.wx-ico{display:block}.wx-ico svg{width:100%;height:auto;display:block;aspect-ratio:1}
.wx .temp{font-size:3.6rem;font-weight:500;color:var(--color);line-height:1;text-align:center;padding-top:6px}.wx .temp sup{font-size:1.5rem;vertical-align:super}
.wx-meta{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;line-height:1.4;margin-top:4px;padding-right:30px}
.wx .fc{margin-top:auto;border-top:1px solid #2a2a2a;padding-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}
.wx .fc div{display:flex;flex-direction:column;align-items:center;gap:6px}.wx .fc b{color:var(--color);font-size:.95rem}.wx .fc strong{font-size:.78rem}.wx .fc span{font-size:.78rem}
.wxi{display:block}
.wg.fb{padding:0;gap:0;justify-content:flex-start;text-align:center}.wg.fb iframe{border:0;width:100%;flex:1;min-height:380px;background:#f0f2f5;display:block}
.wg.follow{gap:10px}.wg.follow .bell{width:46px;height:46px;margin:0 auto;stroke:#fff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wg.follow p{margin:0}
.fnav{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);gap:12px 30px;margin:18px 0 26px;max-width:none}
.fnav a{color:#fff}
.foot{padding:30px 0 24px}.foot h3{margin:0}.foot p{font-size:.78rem;margin:0}.foot p a{color:#fff;text-decoration:underline}
@media(max-width:700px){.fnav{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-flow:row}}
.cform label.chk{flex-direction:row;align-items:center;gap:8px;font-weight:500}.cform label.chk input{width:auto}
.wx .wx-ico{width:auto;height:auto;background:none;border-radius:0;display:block;font-size:inherit}
.wx .wx-ico svg{border-radius:3px}
.fnav{max-width:1350px}
.mh-row .n{grid-column:1/-1;padding:4px 12px 6px;font-size:.75rem;font-weight:500;color:#cfcfcf;background:#161616}
.mh-row .sc.live{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}.mh-row .sc.live i{font-style:normal;font-size:.55rem;background:#d00;color:#fff;border-radius:3px;padding:0 4px;margin-top:2px;letter-spacing:.04em}