/* Three-years-on case study: chart and table. Chart colours validated for colour-blind separation;
   mustard sits below 3:1 on white, so every bar carries a visible total and the table repeats the figures. */
.cs-figure{margin:0 0 28px;background:var(--surface,#fff);border:1px solid var(--line,#d6e0e5);border-radius:var(--radius-md,10px);padding:20px}
.cs-chart{width:100%;height:auto;display:block;max-width:720px}
.cs-chart .grid{stroke:#e6ecef;stroke-width:1}
.cs-chart .axis{stroke:#8ea3b0;stroke-width:1}
.cs-chart .tick{font:12px Inter,Arial,sans-serif;fill:#5d727f}
.cs-chart .year{font:600 13px Inter,Arial,sans-serif;fill:#142b3a}
.cs-chart .total{font:700 13px Inter,Arial,sans-serif;fill:#142b3a}
.seg-basic{fill:#1f6fb0;background:#1f6fb0}
.seg-reserve{fill:#c99400;background:#c99400}
.seg-water{fill:#3fa7c9;background:#3fa7c9}
.seg-unknown{fill:#b8c4cc;background:#b8c4cc}
.cs-chart rect:hover{opacity:.85}
.cs-figure figcaption{margin-top:12px;font-size:.9rem;color:var(--ink-secondary,#405968)}
.cs-legend{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--ink,#142b3a)}
.cs-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.table-scroll{overflow-x:auto}
.cs-table{border-collapse:collapse;width:100%;min-width:520px;font-variant-numeric:tabular-nums}
.cs-table caption{text-align:left;font-weight:600;margin-bottom:8px}
.cs-table th,.cs-table td{padding:10px 12px;border-bottom:1px solid var(--line,#d6e0e5);text-align:right}
.cs-table th:first-child,.cs-table thead th:first-child{text-align:left}
.cs-table thead th{font-size:.85rem;color:var(--ink-secondary,#405968)}
.cs-years{list-style:none;margin:0;padding:0;display:grid;gap:0;max-width:52rem}
.cs-years li{padding:22px 0;border-top:1px solid var(--line,#d6e0e5)}
.cs-years li:last-child{border-bottom:1px solid var(--line,#d6e0e5)}
.cs-years h3{margin-bottom:6px}
.cs-years p{color:var(--ink-secondary,#405968)}
.page-hero .eyebrow a{color:inherit}