:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#12213a;background:#edf3fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(145deg,#e8f2ff,#f7f9fd 55%,#eaf7ef)}
.page-shell{width:min(1250px,100%);margin:auto;padding:22px clamp(14px,3.5vw,40px) 60px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #cbd8e7}
.brand{color:#173b6b;font-weight:850;font-size:22px;text-decoration:none;letter-spacing:-.04em}
.back-link{color:#244b75;text-decoration:none;font-weight:700}
.back-link:hover{text-decoration:underline}
.stats-app-access{display:flex;justify-content:flex-end;margin-top:12px}
.stats-app-control{position:relative}
.stats-app-control>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.stats-app-control select{min-height:44px;min-width:170px;max-width:100%;padding:10px 14px;border:1px solid #173b6b;border-radius:8px;background:#173b6b;color:#fff;font:inherit;font-size:14px;line-height:1.5;font-weight:750;cursor:pointer}
.stats-app-control select:hover{background:#102c51}
.stats-app-control select:focus-visible{outline:3px solid #17a854;outline-offset:3px}
.stats-app-control option{background:#fff;color:#12213a}
.stats-app-access+main>.heading-row{margin-top:14px}
.heading-row{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:35px 0 22px}
.eyebrow{margin:0 0 8px;color:#147544;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}
h1{margin:0 0 10px;font-size:clamp(32px,4vw,46px);letter-spacing:-.045em}
.intro{color:#4d6078;margin:0;line-height:1.5}
.preview-badge{background:#e6f7ec;color:#126b39;border:1px solid #b7e3c4;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.category-nav a{padding:12px 24px;border:1px solid #bacde2;border-radius:9px;background:#fff;color:#244b75;font-weight:750;text-decoration:none}
.category-nav a:hover{background:#e9f2fc}
.category-nav a[aria-current="page"]{color:#fff;background:#172d4d;border-color:#172d4d}
a:focus-visible,.table-scroll:focus-visible{outline:3px solid #17a854;outline-offset:3px}
.notice{background:#fff7df;border:1px solid #e2c779;border-radius:12px;padding:14px 18px;color:#67501a;line-height:1.5;margin:0 0 22px}
.stats-panel{background:#fff;border:1px solid #cbd8e7;border-radius:14px;overflow:hidden;margin-bottom:24px}
h2{font-size:20px;margin:0;padding:16px 18px;background:#f4f8fd;color:#173b6b}
h3{font-size:20px;margin:0;padding:16px 18px;background:#f4f8fd;color:#173b6b}
.group-heading{background:transparent;padding:0;margin:30px 0 16px;font-size:24px;scroll-margin-top:20px}
.table-scroll{overflow-x:auto;max-width:100%;scrollbar-color:#8fabca #edf3fb}
table{width:100%;min-width:740px;border-collapse:collapse;table-layout:fixed}
th,td{text-align:left;border-bottom:1px solid #dce5ef}
th{background:#172d4d;color:#fff;padding:15px 12px;font-size:14px;font-weight:800;white-space:nowrap}
th:first-child{width:24%}
th:nth-child(2){width:12%}
th:nth-child(3){width:14%}
th:nth-child(4),th:nth-child(5){width:17%}
th:nth-child(6){width:16%}
td{padding:16px 12px;overflow-wrap:anywhere}
.stats-panel:not(.saved-results) th,.stats-panel:not(.saved-results) td{vertical-align:middle}
.stats-panel:not(.saved-results) th:not(:first-child),.stats-panel:not(.saved-results) td:not(:first-child){text-align:center}
.stats-panel:not(.saved-results) td:not(:first-child){font-variant-numeric:tabular-nums}
.stats-panel:not(.saved-results) th+th,.stats-panel:not(.saved-results) td+td{border-left:1px solid #dce5ef}
.stats-panel:not(.saved-results) th+th{border-left-color:#ffffff24}
tbody tr:nth-child(even){background:#f7faff}
tbody tr:last-child td{border-bottom:0}
.empty-state{color:#60748d;font-size:14px}
@media(max-width:760px){
    .page-shell{padding-top:14px}
    .heading-row{flex-direction:column;margin-top:28px;gap:12px}
    .category-nav a{flex:1;text-align:center;padding:12px 10px}
    .notice{padding:12px 14px;font-size:14px}
    .stats-panel{border-radius:10px}
    h2{padding:13px 14px}
    .table-scroll{overflow-x:visible}
    table{min-width:0}
    th,td{padding:11px 4px;overflow-wrap:anywhere;word-break:normal}
    th{font-size:clamp(9px,2.5vw,12px);line-height:1.3;white-space:normal}
    td{font-size:clamp(10px,2.9vw,14px);line-height:1.35}
    th:first-child{width:25%}
    th:nth-child(2){width:13%}
    th:nth-child(3){width:14%}
    th:nth-child(4){width:16%}
    th:nth-child(5){width:17%}
    th:nth-child(6){width:15%}
}