:root {font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#222723; background:#f7f8f5}
* {box-sizing:border-box}
body {margin:0}
.container {max-width:920px;padding:64px 22px;margin:auto}
.eyebrow {font-size:11px;font-weight:750;letter-spacing:.17em;color:#6e826b}
h1 {font-size:clamp(35px,6vw,64px);letter-spacing:-.055em;margin:10px 0}
.sub {color:#677068;margin-bottom:36px}
.toolbar {display:grid;grid-template-columns:1fr 2fr;gap:8px 14px;margin-bottom:26px}
label {grid-column:span 1;font-size:13px;font-weight:650}
select,input {padding:12px 14px;border:1px solid #d6dbd2;background:white;border-radius:9px;font:inherit;min-width:0}
.results {display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}
.item {background:white;border:1px solid #e3e8e0;border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:126px}
.category {text-transform:uppercase;font-size:10px;letter-spacing:.1em;color:#8a9888;font-weight:750}
.value {overflow-wrap:anywhere;font-weight:650;font-size:16px}
button {align-self:flex-start;cursor:pointer;border:1px solid #ced9c8;background:#eef3eb;color:#2f5734;font-weight:700;border-radius:7px;padding:9px 17px}
button:hover {background:#dcebd9}
button:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid #52865a;outline-offset:2px}
.notice {height:1.5em;color:#31653b;font-size:13px}
footer {border-top:1px solid #dfe5db;padding-top:20px;margin-top:36px;color:#929a91;font-size:12px}
@media(max-width:570px){.container{padding:40px 18px}.toolbar{grid-template-columns:1fr}.toolbar label{margin-top:8px}}

.count{color:#677068;font-size:13px;margin:-8px 0 18px}

.item-label {font-size:12px;color:#69756c;margin-bottom:6px}