:root{
  --bg:#ffffff;
  --fg:#0b0b0c;
  --muted:#5c6166;
  --border:#d9dce0;
  --hover:#efeff2;
  --focus:#bfc3c8;
  --pill-bg:#f6f6f8;
  --pill-active-bg:#e6e7ea;
  --pill-active-border:#cfd2d6;

  --y2019A:#efe9fb; --y2019B:#e6dff7;
  --y2020A:#e7f6f7; --y2020B:#ddf0f1;
  --y2021A:#e7f6ec; --y2021B:#dbf0e1;
  --y2022A:#fff1e4; --y2022B:#ffe7d3;
  --y2023A:#fff7d9; --y2023B:#ffefbf;
  --y2024A:#ffe9f0; --y2024B:#ffdbe6;
  --y2025A:#e8f0ff; --y2025B:#dbe7ff;

  --c-P1:#dbe7f5; --c-P2:#e6f0fb; --c-P3:#e9d8d3;
  --c-CP1:#d6f2e6; --c-CP2:#e0f7ec;

  --c-FP1:#d4e9ec; --c-FP2:#c9e2e6;
  --c-FS1:#f9e0de; --c-FS2:#f5d2cf;
  --c-FM1:#fde5d6; --c-FM2:#fbd8c2;
  --c-D1:#f3dff3;  --c-D2:#ecd2ed;

  --paper-total:#eef1f5;
  --swatch:#80858b33;
  --dot-selected:#444
}

*{box-sizing:border-box}
html,body{
  margin:0;padding:0;background:var(--bg);color:var(--fg);
  font:16px/1.45 "Trebuchet MS",Trebuchet,Tahoma,Arial,sans-serif
}

.site-header{padding:34px 16px 16px;border-bottom:1px solid var(--border);text-align:center}
.site-header h1{margin:0 0 10px;font-weight:700;letter-spacing:-0.01em;font-size:2.2rem}
.subtitle{margin:0;color:var(--muted);font-size:1.2rem}

.page{padding:16px;max-width:1120px;margin:0 auto}

.filters-grid{
  display:grid;
  grid-template-columns:260px 260px 520px 260px;
  gap:16px;
  align-items:start;
  justify-content:center
}

@media (max-width: 1100px){
  .filters-grid{grid-template-columns:1fr 1fr;justify-content:stretch}
  .filter-column.wide{min-width:unset}
}
@media (max-width: 640px){
  .filters-grid{grid-template-columns:1fr;gap:12px}
}

.filter-column{position:relative;border:1px solid var(--border);border-radius:12px;padding:24px 12px 12px;background:#fff}
.filter-column.wide{min-width:520px}
.filter-column legend{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:#fff;padding:0 10px;color:var(--muted);
  text-align:center;display:block;font-weight:700
}

.totals-under-maths{margin-top:16px}

.list-controls{display:flex;gap:8px;margin:6px 0 10px;justify-content:center}
.list-controls button{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer}
.list-controls button:hover{background:var(--hover)}
.list-controls button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

.toggle-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.toggle-list li{width:100%}

.toggle-pill{
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background:var(--pill-bg);
  color:var(--fg);
  cursor:pointer;
  text-align:center;
  appearance:none;
  font-weight:700;
  font-size:16px;
  min-height:40px;
  position:relative
}
.toggle-pill:hover{background:var(--hover)}
.toggle-pill::before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--swatch)
}
.toggle-pill[aria-pressed="true"]{border-color:#888}
.toggle-pill[aria-pressed="true"]::before{background:var(--dot-selected)}

.toggle-pill.year-2019[aria-pressed="true"]{background:linear-gradient(135deg,var(--y2019A),var(--y2019B))}
.toggle-pill.year-2020[aria-pressed="true"]{background:linear-gradient(135deg,var(--y2020A),var(--y2020B))}
.toggle-pill.year-2021[aria-pressed="true"]{background:linear-gradient(135deg,var(--y2021A),var(--y2021B))}
.toggle-pill.year-2022[aria-pressed="true"]{background:linear-gradient(135deg,var(--y2022A),var(--y2022B))}
.toggle-pill.year-2023[aria-pressed="true"]{background:linear-gradient(135deg,var(--y2023A),var(--y2023B))}
.toggle-pill.year-2024[aria-pressed="true"]{background:linear-gradient(135deg,var(--y2024A),var(--y2024B))}
.toggle-pill.year-2025[aria-pressed="true"]{background:linear-gradient(135deg,var(--y2025A),var(--y2025B))}

.pill-P1::before{background:#37659f66}
.pill-P2::before{background:#37659f44}
.pill-P3::before{background:#62384255}
.pill-CP1::before{background:#0b916766}
.pill-CP2::before{background:#0b916744}
.pill-FP1::before{background:#2b6a7b66}
.pill-FP2::before{background:#2b6a7b44}
.pill-FS1::before{background:#c7453d66}
.pill-FS2::before{background:#c7453d44}
.pill-FM1::before{background:#f4671766}
.pill-FM2::before{background:#f4671744}
.pill-D1::before{background:#8c1a8e66}
.pill-D2::before{background:#8c1a8e44}

.pill-P1[aria-pressed="true"]{background:var(--c-P1)}
.pill-P2[aria-pressed="true"]{background:var(--c-P2)}
.pill-P3[aria-pressed="true"]{background:var(--c-P3)}
.pill-CP1[aria-pressed="true"]{background:var(--c-CP1)}
.pill-CP2[aria-pressed="true"]{background:var(--c-CP2)}
.pill-FP1[aria-pressed="true"]{background:var(--c-FP1)}
.pill-FP2[aria-pressed="true"]{background:var(--c-FP2)}
.pill-FS1[aria-pressed="true"]{background:var(--c-FS1)}
.pill-FS2[aria-pressed="true"]{background:var(--c-FS2)}
.pill-FM1[aria-pressed="true"]{background:var(--c-FM1)}
.pill-FM2[aria-pressed="true"]{background:var(--c-FM2)}
.pill-D1[aria-pressed="true"]{background:var(--c-D1)}
.pill-D2[aria-pressed="true"]{background:var(--c-D2)}

.further-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
[data-role="fmaths-core-container"]{margin-bottom:12px}

.totals-col .totals-group{margin-bottom:12px}

/* RESTORED split-pill styling for FM Totals */
.split-pill{display:flex;padding:0;overflow:hidden;position:relative}
.split-pill .half{flex:1;padding:10px 0}
.split-pill .left{text-align:center;background:var(--left,#eee)}
.split-pill .right{text-align:center;background:var(--right,#f7f7f7)}
.split-pill::before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(90deg,var(--left,#bbb),var(--right,#ddd))
}
.split-pill[aria-pressed="true"]{border-color:#888}
.split-pill[aria-pressed="true"]::before{background:var(--dot-selected)}

.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;margin:18px auto 0;max-width:1040px}
.table-scroller{width:100%;overflow:auto;position:relative}

.table-scroller::after,
.table-scroller::before{
  content:"";
  position:absolute;
  top:0;bottom:0;width:22px;pointer-events:none;z-index:2
}
.table-scroller::after{
  right:0;
  background:linear-gradient(to left, rgba(255,255,255,.92), rgba(255,255,255,0))
}
.table-scroller::before{
  left:0;
  background:linear-gradient(to right, rgba(255,255,255,.92), rgba(255,255,255,0))
}
.table-scroller[data-can-scroll-right="false"]::after{opacity:0}
.table-scroller[data-can-scroll-left="false"]::before{opacity:0}

.scroll-hint{
  position:absolute;
  bottom:8px; right:10px;
  background:#ffffffcc;
  border:1px solid var(--border);
  border-radius:999px;
  padding:6px 10px;
  font-size:.9rem;
  color:#333;
  z-index:3;
  backdrop-filter:saturate(1.1) blur(2px)
}
.scroll-hint.hidden{display:none}

.totals-note{
  max-width:1040px;
  margin:12px auto 0;
  padding:6px 10px;
  background:#fafafa;
  border:1px solid var(--border);
  border-radius:6px;
  font-size:1rem;
  color:var(--muted);
  text-align:center;
  font-style:italic;
}

@media (max-width:640px){
  #boundaries-table thead th{font-size:14px;padding:8px}
  #boundaries-table tbody td,#boundaries-table tbody th{font-size:14px;padding:8px}
}

table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:650px}
thead th{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--border);padding:10px 12px;text-align:center;font-weight:700}
th.sticky-col{left:0;position:sticky;z-index:3}

tbody td,tbody th{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:center}

tr.year-2019 th.scope-row{background:linear-gradient(135deg,var(--y2019A),var(--y2019B))}
tr.year-2020 th.scope-row{background:linear-gradient(135deg,var(--y2020A),var(--y2020B))}
tr.year-2021 th.scope-row{background:linear-gradient(135deg,var(--y2021A),var(--y2021B))}
tr.year-2022 th.scope-row{background:linear-gradient(135deg,var(--y2022A),var(--y2022B))}
tr.year-2023 th.scope-row{background:linear-gradient(135deg,var(--y2023A),var(--y2023B))}
tr.year-2024 th.scope-row{background:linear-gradient(135deg,var(--y2024A),var(--y2024B))}
tr.year-2025 th.scope-row{background:linear-gradient(135deg,var(--y2025A),var(--y2025B))}

td.paper-cell{background:#fff}
td.paper-P1{background:var(--c-P1)}
td.paper-P2{background:var(--c-P2)}
td.paper-P3{background:var(--c-P3)}
td.paper-CP1{background:var(--c-CP1)}
td.paper-CP2{background:var(--c-CP2)}
td.paper-FP1{background:var(--c-FP1)}
td.paper-FP2{background:var(--c-FP2)}
td.paper-FS1{background:var(--c-FS1)}
td.paper-FS2{background:var(--c-FS2)}
td.paper-FM1{background:var(--c-FM1)}
td.paper-FM2{background:var(--c-FM2)}
td.paper-D1{background:var(--c-D1)}
td.paper-D2{background:var(--c-D2)}
td.paper-total{background:var(--paper-total)}
td.paper-total-split{background:var(--paper-total)}

tr.total-row td{font-weight:700}