:root { color-scheme: light; --ink:#17202a; --muted:#53606c; --paper:#fffdf7; --card:#ffffff; --accent:#125e54; --accent-dark:#0a413a; --line:#cfd8d5; font-family: system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-size:1.1rem; line-height:1.6; }
a { color:var(--accent-dark); text-underline-offset:.2em; }
a:focus-visible, button:focus-visible, input:focus-visible { outline:4px solid #f4b942; outline-offset:3px; }
.skip-link { position:absolute; left:-999px; top:1rem; background:#fff; padding:.75rem; z-index:2; }
.skip-link:focus { left:1rem; }
header { display:flex; justify-content:space-between; align-items:center; gap:1rem; max-width:72rem; margin:auto; padding:1rem 1.25rem; border-bottom:1px solid var(--line); }
.brand { font-weight:800; text-decoration:none; }
nav { display:flex; gap:1rem; }
main { max-width:68rem; margin:auto; padding:clamp(1.5rem,5vw,4rem) 1.25rem; }
.hero { max-width:52rem; }
.eyebrow,.match-type { color:var(--accent); font-weight:750; }
h1 { font-size:clamp(2.2rem,7vw,4.8rem); line-height:1.05; letter-spacing:-.035em; margin:.2em 0; }
h2 { font-size:clamp(1.65rem,4vw,2.4rem); }
label,legend { font-weight:700; }
.search-row { display:flex; gap:.65rem; margin-top:.55rem; }
input[type="search"], input[type="text"] { min-width:0; flex:1; border:2px solid #64736f; border-radius:.55rem; padding:.9rem 1rem; font:inherit; }
fieldset input[type="text"] { display:block; width:100%; max-width:24rem; margin-top:.45rem; }
button { border:0; border-radius:.55rem; padding:.9rem 1.25rem; color:white; background:var(--accent); font:inherit; font-weight:800; cursor:pointer; }
button:hover { background:var(--accent-dark); }
.fine-print,footer { color:var(--muted); font-size:.95rem; }
#status:not(:empty) { margin:2rem 0; padding:1rem; border-left:5px solid var(--accent); background:#eef8f5; }
fieldset { border:1px solid var(--line); border-radius:.65rem; padding:1rem; margin:1rem 0; }
fieldset label { display:block; padding:.55rem; font-weight:500; }
.result-card { margin:1rem 0; padding:1.2rem; border:1px solid var(--line); border-radius:.8rem; background:var(--card); box-shadow:0 2px 10px #17202a0d; }
.disclosure { padding:.5rem; background:#fff4cc; }
.seller-status { color:var(--muted); font-weight:650; }
article { max-width:48rem; }
footer { max-width:68rem; margin:auto; padding:2rem 1.25rem; border-top:1px solid var(--line); }
[hidden] { display:none !important; }
@media (max-width:42rem) { header,.search-row { align-items:stretch; flex-direction:column; } nav { flex-wrap:wrap; } button { width:100%; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; } }