:root { --ink:#142729; --paper:#f7f8f4; --line:#c9d2ca; --quiet:#5e706d; --accent:#d76345; --mint:#c8dfd2; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
header, main, footer { max-width:1120px; margin:auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:23px 24px 18px; border-bottom:1px solid var(--ink); }
.brand { color:var(--ink); font:700 20px/.86 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:-.08em; text-decoration:none; text-transform:uppercase; }
.brand span { color:var(--accent); }
.follow { color:var(--ink); font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace; text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:2px; }
.follow:hover { color:var(--accent); border-color:var(--accent); }
main { padding:0 24px 52px; }
.intro { max-width:680px; padding:64px 0 36px; }
.eyebrow, .search-panel label, .stats span, .results-head p, th, footer { font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.02em; }
.eyebrow { margin:0 0 12px; color:var(--quiet); text-transform:uppercase; }
h1 { margin:0; font:600 clamp(42px,7vw,76px)/.93 Georgia,serif; letter-spacing:-.06em; }
h1 em { color:#416f66; font-weight:500; }
.intro > p:last-child { max-width:560px; margin:18px 0 0; color:#405451; font-size:18px; }
.search-panel { background:var(--ink); color:var(--paper); padding:21px; border-left:5px solid var(--accent); }
.search-panel label { display:block; color:var(--mint); text-transform:uppercase; }
.search-row { display:flex; gap:9px; margin-top:9px; }
.search-row input { flex:1; min-width:0; border:0; border-radius:0; padding:15px; color:var(--ink); font:17px ui-sans-serif,system-ui,sans-serif; }
button { cursor:pointer; }
.search-row button, .download { border:1px solid var(--mint); border-radius:0; background:var(--mint); color:var(--ink); padding:0 18px; font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace; }
.search-row .text-button { background:transparent; color:var(--paper); }
.filters { display:flex; align-items:center; gap:10px; margin-top:12px; }
.filters .filter-label { color:#a6bbb1; text-transform:none; }
.filters select { min-width:210px; max-width:100%; border:1px solid #719083; border-radius:0; padding:9px; background:transparent; color:var(--paper); font:13px ui-sans-serif,system-ui,sans-serif; }
.filters option { color:var(--ink); }
.stats { display:grid; grid-template-columns:repeat(3,1fr); margin-top:28px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.stats div { padding:18px 14px; border-right:1px solid var(--line); }
.stats div:first-child { padding-left:0; }.stats div:last-child { border:0; }
.stats span { display:block; color:var(--quiet); text-transform:uppercase; }.stats strong { display:block; margin-top:4px; font:600 25px/1 Georgia,serif; }
.results-head { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:26px 0 12px; }.results-head p { margin:0; color:var(--quiet); }.download { min-height:38px; border-color:var(--ink); background:transparent; }
.table-wrap { overflow-x:auto; border-top:2px solid var(--ink); }table { width:100%; min-width:680px; border-collapse:collapse; }th { padding:11px 8px; color:var(--quiet); text-align:left; text-transform:uppercase; border-bottom:1px solid var(--line); }td { padding:14px 8px; vertical-align:top; border-bottom:1px solid var(--line); font-size:14px; }td:first-child { padding-left:0; width:36%; }td:nth-child(2) { white-space:nowrap; font:13px ui-monospace,SFMono-Regular,Consolas,monospace; }td:nth-child(3) { color:var(--quiet); }td a { color:var(--ink); font-weight:700; text-underline-offset:3px; }.page { white-space:nowrap; }td small { display:block; margin-top:3px; color:var(--quiet); font-weight:400; }
#empty { padding:28px 0; color:var(--quiet); }.about { max-width:760px; margin-top:34px; border-top:1px solid var(--line); padding-top:14px; color:var(--quiet); font-size:14px; }.about summary { cursor:pointer; color:var(--ink); font-weight:700; }.about p { margin:10px 0 0; }
footer { display:flex; flex-wrap:wrap; gap:14px 20px; border-top:1px solid var(--ink); padding:18px 24px; color:var(--quiet); }footer a { color:inherit; text-decoration:none; border-bottom:1px solid var(--line); }footer a:hover { color:var(--ink); }
@media (max-width:720px) { header { padding:18px; }.follow { font-size:10px; }main { padding:0 18px 36px; }.intro { padding:46px 0 28px; }h1 { font-size:49px; }.intro > p:last-child { font-size:16px; }.search-row { flex-wrap:wrap; }.search-row input { flex-basis:100%; }.search-row button { height:44px; }.filters { align-items:flex-start; flex-direction:column; }.filters select { width:100%; }.stats { grid-template-columns:1fr; }.stats div { border-right:0; border-bottom:1px solid var(--line); padding-left:0; }.stats div:last-child { border-bottom:0; }.results-head { align-items:flex-start; flex-direction:column; }.download { width:100%; } }
