@font-face{font-family:Barlow;src:url('./barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('./barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url('./barlow-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--canvas:#f4f7fa;--surface:#fff;--ink:#17232f;--secondary:#526276;--accent:#2855d9;--line:#dce3eb;--notice:#eaf0ff}html[data-theme=dark]{color-scheme:dark;--canvas:#131d29;--surface:#1c2a3a;--ink:#edf3fa;--secondary:#bac7d7;--accent:#a0b7ff;--line:#384c62;--notice:#223554}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:18px/1.5 Barlow,Arial,sans-serif}a{color:var(--accent);text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px;background:var(--surface);padding:12px;z-index:2}.skip:focus{top:4px}header,main,footer{max-width:1200px;margin:auto;padding:0 32px}header{display:flex;align-items:center;gap:36px;min-height:88px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;color:var(--ink);text-decoration:none}header nav{display:flex;gap:24px}header nav a{color:var(--ink);text-decoration:none}header button{margin-left:auto}button{border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:9px 14px;min-height:44px;cursor:pointer}button:disabled{cursor:default;opacity:.45}.intro{padding:38px 0 20px}.intro h1{font-size:clamp(34px,4vw,48px);font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin:0 0 12px}.intro p{margin:0;color:var(--secondary);max-width:70ch}.notice{background:var(--notice);border-left:3px solid var(--accent);padding:14px 18px;font-size:16px;max-width:100%;margin-bottom:26px}.notice strong{font-weight:600}form{display:grid;grid-template-columns:minmax(220px,2fr) 1.2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}label{display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:5px;min-width:0}input,select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:5px;height:46px;width:100%;padding:0 11px;font-size:16px}.primary{height:46px;background:var(--accent);color:var(--surface);border-color:var(--accent);font-weight:600}html[data-theme=dark] .primary{color:#131d29}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;font-size:16px;color:var(--secondary)}.results-bar p{margin:8px 0}.column-labels,.offer{display:grid;grid-template-columns:2.4fr 1.6fr 1fr;gap:24px}.column-labels{padding:12px 18px;color:var(--secondary);font-size:14px;border-bottom:1px solid var(--line)}.offer{padding:22px 18px;border-bottom:1px solid var(--line);background:var(--surface);align-items:center}.offer h2{font-size:20px;line-height:1.2;margin:0 0 7px;font-weight:600}.offer h2 a{color:var(--ink);text-decoration:none}.offer h2 a:hover{text-decoration:underline}.variant,.specs,.store-region{font-size:16px;margin:0;color:var(--secondary)}.specs{display:flex;flex-wrap:wrap;gap:4px 14px}.specs span{white-space:nowrap}.store{justify-self:start}.store a{display:inline-block;font-weight:600}.store-region{font-size:14px;margin-top:4px}.empty{padding:32px 0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:28px 0 42px;font-size:16px}footer{border-top:1px solid var(--line);padding-top:20px;padding-bottom:30px;font-size:14px;color:var(--secondary)}footer p{max-width:90ch;margin:5px 0}#context{font-size:16px;color:var(--secondary)}@media(max-width:1000px){form{grid-template-columns:repeat(4,1fr)}.search{grid-column:span 2}.primary{grid-column:span 2}.column-labels,.offer{grid-template-columns:2fr 1.5fr 1fr;gap:16px}}@media(max-width:600px){header,main,footer{padding-left:18px;padding-right:18px}header{min-height:76px;gap:18px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{font-size:23px}header nav{order:3;flex-basis:100%;gap:24px}header button{font-size:14px}.intro{padding-top:28px}.notice{font-size:15px}form{grid-template-columns:1fr 1fr;gap:12px}.search{grid-column:1/-1}.primary{grid-column:1/-1}.column-labels{display:none}.offer{grid-template-columns:1fr;gap:10px;padding:20px 0;background:transparent}.offer h2{font-size:21px}.store{justify-self:stretch;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.store a{padding:5px 0}.pagination{gap:12px}.results-bar{font-size:15px}.store-region{max-width:40%;text-align:right}}