:root{--bg:#F3F4F1;--ink:#1E2328;--signal:#F2C230;--steel:#5F6A75;--rule:#D4D7D2;--panel:#FFFFFF;
--cond:"IBM Plex Sans Condensed",Arial Narrow,sans-serif;--sans:"IBM Plex Sans",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#191C1F;--ink:#E8EAE6;--steel:#9AA3AC;--rule:#30353A;--panel:#202428}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 var(--sans)}
a{color:inherit;text-decoration-color:var(--signal);text-decoration-thickness:2px;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}
header.site{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;border-bottom:3px solid var(--ink)}
.brand{font:700 1.5rem var(--cond);text-decoration:none;letter-spacing:-.01em}
.brand b{background:var(--signal);color:#1E2328;padding:0 .3rem;margin-right:.1rem}
nav a{font:500 .95rem var(--cond);margin-left:1.2rem;text-decoration:none;color:var(--steel)}
nav a:hover,nav a[aria-current]{color:var(--ink)}
h1{font:700 clamp(2rem,4.5vw,3rem)/1.05 var(--cond);margin:2.25rem 0 .5rem;letter-spacing:-.02em}
h2{font:700 1.5rem var(--cond);margin:2.5rem 0 .5rem}
.intro{color:var(--steel);max-width:44rem;margin:0 0 1.5rem}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 .75rem}
.filters fieldset{border:0;padding:0;margin:0 1.5rem .5rem 0;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.filters legend{font:600 .85rem var(--cond);color:var(--steel);float:left;margin-right:.5rem}
.filters button{font:500 .9rem var(--cond);padding:.35rem .8rem;border:1.5px solid var(--rule);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:3px}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.count{font:.9rem var(--cond);color:var(--steel);margin:.25rem 0 1rem}
.tablewrap{overflow-x:auto;background:var(--panel);border:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;min-width:760px;font-size:.95rem}
th{font:600 .85rem var(--cond);color:var(--steel);text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--ink);white-space:nowrap}
td{padding:.85rem 1rem;border-bottom:1px solid var(--rule);vertical-align:top}
td.model{font:700 1.05rem var(--cond)}
td.model small{display:block;font:400 .85rem var(--sans);color:var(--steel)}
.status{display:inline-block;font:600 .8rem var(--cond);padding:.15rem .5rem;border-radius:2px;white-space:nowrap;border-left:4px solid}
.s-available{border-color:#2F9E5B}.s-preorder{border-color:var(--signal)}.s-pilot{border-color:#3A7BD5}.s-internal{border-color:var(--steel)}
.note{font-size:.88rem;color:var(--steel)}
.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem 2rem;margin:1rem 0;max-width:60rem}
.legend p{margin:.35rem 0 0;color:var(--steel);font-size:.92rem}
.prose{max-width:42rem}
footer{margin-top:4rem;padding:1.5rem 0 3rem;border-top:1px solid var(--rule);font-size:.9rem;color:var(--steel)}