@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto+Mono:wght@300;400;700&display=swap');
:root {
  --background:#fdfaf4;
  --ink:#1b1b1b;
  --secondary:#555;
  --rule:#d4d1ca;
  --font-prose:"Playfair Display",Georgia,serif;
  --font-label:"Roboto Mono",monospace;
  color-scheme:light;
  color:var(--ink);
  background:var(--background);
  font-family:var(--font-prose);
  font-synthesis:none;
}
* {box-sizing:border-box}
[hidden] {display:none!important}
body {margin:0;font-size:18px;line-height:1.7}
main {max-width:1400px;margin:auto;padding:54px 36px 32px}
header {margin-bottom:40px}
h1 {font:700 54px/1.15 var(--font-prose);letter-spacing:-1px;margin:0 0 12px}
.subtitle {font:400 32px/1.25 var(--font-prose);margin:0 0 24px}
nav {display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:24px}
a {color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
nav a {font:700 14px/1.7 var(--font-label);padding:4px 0}
button,input {font:inherit;color:inherit}
button {cursor:pointer}
:focus-visible {outline:2px solid var(--ink);outline-offset:5px}
.primary-controls {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:650px;font:400 15px/1.65 var(--font-label)}
.select-field {display:grid;grid-template-rows:1fr auto;gap:9px;min-width:0}
.site-dropdown {position:relative;min-width:0;font:300 13px/1.65 var(--font-label)}
.primary-controls .site-dropdown {font-size:15px}
.dropdown-trigger {display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:44px;padding:8px 12px;text-align:left;font:inherit;color:var(--ink);background:var(--background);border:1px solid #aaa;border-radius:0}
.dropdown-trigger>span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropdown-trigger svg {flex:0 0 12px;transition:transform .15s ease}
.dropdown-trigger[aria-expanded=true] svg {transform:rotate(180deg)}
.dropdown-trigger:hover {border-color:var(--ink)}
.dropdown-menu {position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;list-style:none;margin:0;padding:4px 0;max-height:280px;overflow-y:auto;background:var(--background);border:1px solid var(--ink);font:inherit;text-align:left}
.dropdown-menu li {display:flex;justify-content:space-between;gap:12px;padding:9px 12px;line-height:1.5;cursor:pointer}
.dropdown-menu li[data-active=true] {background:#eeeae2}
.dropdown-check {flex:0 0 1em}
.filters {display:grid;grid-template-columns:210px 250px 260px;gap:14px;margin-top:24px;max-width:100%}
.filters input {width:100%;height:44px;max-width:100%;border:1px solid #aaa;border-radius:0;padding:8px 12px;background:transparent;font:300 13px/1.7 var(--font-label)}
.provenance-filters {display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:18px;font:300 12px/1.7 var(--font-label)}
.provenance-filters label {display:flex;align-items:center;gap:8px;cursor:pointer}
.provenance-filters input {accent-color:var(--ink);margin:0}
.download {margin-left:auto;font:400 12px/1.7 var(--font-label)}
.status {margin:22px 0 12px;font:300 12px/1.7 var(--font-label);color:var(--secondary)}
.table-wrap {overflow-x:auto}
table {width:100%;border-collapse:collapse;font:300 13px/1.6 var(--font-label);text-align:left;white-space:nowrap}
thead {border-block:1px solid var(--ink)}
th {padding:13px 14px;font-weight:400;vertical-align:middle;text-align:left}
th:first-child,td:first-child {padding-left:0}
th:last-child,td:last-child {padding-right:0}
.sort-button {display:grid;grid-template-columns:1fr auto;gap:7px;width:100%;padding:0;border:0;background:none;font:inherit;text-align:right}
th:first-child .sort-button {text-align:left;width:auto}
.sort-arrow {color:#85827d}
th[aria-sort=ascending] .sort-arrow,th[aria-sort=descending] .sort-arrow {color:var(--ink)}
td {padding:14px;border-bottom:1px solid var(--rule)}
tbody tr:hover {background:#eeeae266}
.model {font-weight:400}
.model a {text-decoration:none}
.model a:hover {text-decoration:underline}
.family {font-size:11px;color:var(--secondary)}
.report-type,.date {color:var(--secondary);font-size:11px}
.metric {text-align:right;font-variant-numeric:tabular-nums}
.score {display:inline-block}
.score.best {text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.scroll-hint {display:none}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px) {
  main {padding:32px 20px 24px}
  h1 {font-size:38px;letter-spacing:-.6px}
  .subtitle {font-size:27px}
  header {margin-bottom:30px}
  .primary-controls {gap:18px;font-size:13px}
  .primary-controls .site-dropdown {font-size:13px}
  .filters {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .search-field {grid-column:1 / -1}
  .provenance-filters {font-size:11px;gap:12px}
  .download {margin-left:0}
  th,td {padding:13px 10px}
  .scroll-hint {display:block;margin:0 0 10px;color:var(--secondary);font:300 11px/1.7 var(--font-label)}
}
@media(prefers-reduced-motion:reduce) {.dropdown-trigger svg {transition:none}}