@font-face{font-family:Fredoka;src:url('./assets/fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--sky:#a8e3f7;--yellow:#ffdf3b;--red:#e9412c;--ink:#101918;--paper:#fffefa;--link:#064ec0;--line:#243c42;--display:Fredoka, sans-serif;color:var(--ink);background:var(--sky);font:16px/1.5 Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0}::selection{background:var(--yellow);color:var(--ink)}a{color:var(--link);text-decoration:none}button,input{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{touch-action:manipulation}a:hover{color:#08367b}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--link);outline-offset:4px}input{caret-color:var(--link)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:20}.skip:focus{top:8px;left:8px}.masthead{max-width:1440px;margin:auto;padding:24px 36px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink)}.wordmark{color:var(--ink);font:650 48px/.95 var(--display);text-decoration:none;position:relative}.wordmark small{display:block;font:600 16px/1.5 Arial,sans-serif;margin-top:7px}nav{display:flex;gap:32px}nav a{color:var(--ink);font-weight:700;text-decoration:none;padding-block:10px}main,footer{max-width:1440px;margin:auto;padding-inline:36px}.hero{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:auto 1fr;column-gap:20px;padding-block:42px 32px;align-items:start}.hero-copy{grid-column:1;grid-row:1;z-index:1}h1,h2,h3{font-family:var(--display);font-weight:650;line-height:1.05;letter-spacing:-.025em;margin:0;text-wrap:balance}h1{font-size:clamp(38px,4.2vw,64px);max-width:720px}h2{font-size:34px}h3{font-size:26px;letter-spacing:-.015em}.lede{font-size:19px;line-height:1.45;max-width:530px;margin:20px 0 24px}.illustration{grid-column:2;grid-row:1/3;align-self:center;margin:0;min-width:0}.illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.illustration figcaption{font-size:12px;text-align:center;line-height:1.4;padding:10px 8px}.search-panel{grid-column:1;grid-row:2;background:var(--yellow);border:2px solid var(--ink);border-radius:16px;padding:22px;align-self:start}label{display:block;font-weight:700;font-size:19px;margin-bottom:10px}.search-controls{display:flex;gap:12px;align-items:start}.input-group{position:relative;flex:1;min-width:0}input{width:100%;min-height:56px;border:2px solid var(--ink);border-radius:7px;background:var(--paper);padding:12px;font:600 23px/1.2 var(--display)}input::placeholder{font-size:19px;color:#53605e}#search-button{min-height:56px;border:2px solid var(--ink);border-radius:7px;background:var(--ink);color:white;font-weight:700;padding:12px 16px;white-space:nowrap}#search-button:hover{background:#263d43}#search-button:disabled{opacity:.55;cursor:wait}#search-button span{padding-left:6px}#model-help{font-size:14px;margin:12px 0 0}.model-guide{font-size:13px;margin-top:10px}.model-guide summary{min-height:28px;text-decoration:none}.model-guide p{max-width:60ch}.suggestions{position:absolute;z-index:5;top:calc(100% + 5px);left:0;right:0;max-height:240px;overflow:auto;background:var(--paper);border:2px solid var(--ink);border-radius:7px;box-shadow:0 8px 18px #142c4533}.suggestions:empty{display:none}.suggestions button{display:block;width:100%;text-align:left;padding:10px 14px;min-height:44px;border:0;background:transparent;font-weight:700}.suggestions button:hover,.suggestions button:focus-visible{background:var(--yellow);outline-offset:-4px}.results-panel{border:2px solid var(--ink);border-radius:14px;background:var(--paper);padding:26px;margin-bottom:64px}.result-heading{margin-bottom:24px}.result-heading h2{display:inline-block}.result-heading p{margin:8px 0 0;font-size:14px}.product{border:1.5px solid var(--ink);border-radius:10px;margin-block:12px;overflow:hidden}.comparison{display:grid;grid-template-columns:1.45fr 1fr .65fr 1.2fr 1fr;align-items:center;gap:18px;padding:22px;list-style:none}.comparison::-webkit-details-marker{display:none}.comparison:hover{background:#f0faff}.identity p{margin:5px 0 0}.product-name{font-size:14px}.sku{font-size:12px}.comparison-fact{font-size:14px}.fact-label{display:block;font-size:12px;margin-bottom:5px}.badge{font-size:12px;font-weight:700;letter-spacing:.015em}.comparison-fact strong{font-size:20px;white-space:nowrap}.comparison-fact small{display:block;font-size:12px;margin-top:6px}.detail-toggle{color:var(--link);text-decoration:none;font-size:14px;font-weight:700}.detail-body{padding:24px;border-top:1px solid var(--line);background:#f4fbfd;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.facts{grid-column:1/-1;display:flex;gap:40px;margin:0 0 12px;padding-bottom:20px;border-bottom:1px solid #a6c4cf}.facts dt{font-size:13px}.facts dd{margin:4px 0 0;font-weight:700}.detail-body h4{font-size:18px;margin:0}.detail-body h4:first-of-type{grid-column:1;grid-row:2}.conditions{grid-column:1;grid-row:3/5;padding-left:20px;margin:0;max-width:65ch}.conditions li+li{margin-top:10px}.detail-body h4:last-of-type{grid-column:2;grid-row:2}.source-list{grid-column:2;grid-row:3;list-style:none;margin:0;padding:0;overflow-wrap:anywhere}.source-list li+li{margin-top:16px}.source-list small{display:block;font-size:12px;margin-top:6px}.merchant{grid-column:2;grid-row:4}.merchant a{display:inline-block;font-weight:700;padding-block:8px}.merchant p{font-size:13px;max-width:65ch}.empty{padding:12px 0}.empty p{max-width:65ch}#catalog-status{font-size:12px;border-top:1px solid #bacbd0;padding-top:16px;margin:22px 0 0}.guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-bottom:64px}.guide>div>p{max-width:39ch}.policies details{border-top:1px solid var(--line)}.policies details:last-child{border-bottom:1px solid var(--line)}.policies summary{padding:18px 0;font-size:18px;font-weight:700}.policies p{max-width:70ch;font-size:15px}.policies details[open]{padding-bottom:16px}footer{border-top:2px solid var(--ink);padding-block:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px}
@media(min-width:1400px){.hero{column-gap:32px}.illustration{margin-inline:-10px}}
@media(max-width:1100px){.search-controls{flex-wrap:wrap}.input-group{flex-basis:100%}#search-button{width:100%}.comparison{grid-template-columns:1.4fr 1fr .7fr;gap:18px}.condition-preview{grid-column:1/3}.detail-toggle{grid-column:3}.hero{grid-template-columns:1.1fr 1fr}.illustration{align-self:center}}
@media(max-width:700px){.masthead{padding:20px;align-items:start;gap:12px}.wordmark{font-size:34px}.wordmark small{font-size:11px}nav{gap:8px;flex-direction:column;align-items:end}nav a{font-size:12px;padding:3px 0}main,footer{padding-inline:20px}.hero{display:flex;flex-direction:column;gap:0;padding-block:28px 24px}h1{font-size:35px;max-width:550px}.lede{font-size:16px;margin:14px 0 0}.illustration{width:100%;max-width:430px;align-self:center;margin:12px 0 16px}.illustration img{max-height:190px}.illustration figcaption{font-size:10px;padding:2px 0}.search-panel{width:100%;padding:18px;border-radius:12px}.search-controls{gap:10px}label{font-size:18px}#model-help{font-size:13px}.results-panel{padding:18px;margin-bottom:38px}h2{font-size:29px}h3{font-size:25px}.comparison{padding:18px;grid-template-columns:1fr 1fr;gap:12px}.identity{grid-column:1/-1}.condition-preview{grid-column:1/-1}.detail-toggle{grid-column:1/-1;min-height:30px}.detail-body{display:block;padding:18px}.facts{display:block;padding-bottom:14px}.facts>div+div{margin-top:12px}.detail-body h4{margin:22px 0 12px}.conditions{margin-bottom:24px}.source-list{margin-bottom:18px}.merchant{border-top:1px solid #bacbd0;padding-top:12px}.guide{display:block;margin-bottom:32px}.guide>div>p{max-width:60ch;margin-bottom:26px}.policies summary{font-size:16px}footer{flex-direction:column;gap:6px}.empty h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}button:active{transform:none}}

/* Clear actions and per-product buying destinations. */
nav a{padding:10px 14px;border:1px solid var(--ink);border-radius:7px}nav a:hover{background:var(--yellow);color:var(--ink)}
.model-guide summary{display:list-item;width:fit-content;padding:7px 10px;border:1px solid var(--ink);border-radius:5px}.model-guide summary:hover{background:#fff3aa}
.product-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;align-items:start}.product-top .merchant{grid-area:auto}.product-top h3{font-size:30px}.merchant h4{margin:0 0 10px;font-size:16px}.merchant p{margin:8px 0 0}.merchant a{display:inline-flex;align-items:center;min-height:44px;background:var(--ink);color:white;padding:12px 16px;border:1px solid var(--ink);border-radius:7px;text-decoration:none}.merchant a:hover{background:#263d43;color:white}
.comparison{grid-template-columns:1fr .7fr 1.4fr auto;border-top:1px solid #bacbd0}.detail-toggle{display:inline-block;padding:10px 14px;border:1px solid var(--link);border-radius:6px;background:white;text-decoration:none;text-align:center;min-height:44px}.comparison:hover .detail-toggle{background:var(--link);color:white}
.source-list a{display:block;padding:10px 12px;border:1px solid #87aabb;border-radius:6px;background:white;min-height:44px;text-decoration:none}.source-list a:hover{background:#dfF3fc;border-color:var(--link)}
.policies summary{padding-inline:12px}.policies summary:hover{background:#cef0fb}
@media(max-width:700px){nav a{padding:7px 9px}.product-top{grid-template-columns:1fr;padding:18px;gap:20px}.product-top .merchant{border:0;padding:0}.product-top h3{font-size:26px}.comparison{grid-template-columns:1fr 1fr}.condition-preview{grid-column:1/-1}.detail-toggle{grid-column:1/-1;justify-self:start}.merchant a{width:100%;justify-content:center}.model-guide summary{padding:7px}}

#search-feedback{margin:12px 0 0;font-size:14px;font-weight:600}.search-panel #catalog-status{border-top:1px solid #9b851e;padding-top:12px;margin-top:16px}.search-panel #catalog-status[role=alert]{font-size:15px;font-weight:700} .hero:has(+.results-panel[hidden]){margin-bottom:32px}

/* Stacked search controls keep suggestions clear of the submit button. */
@media(max-width:1100px){.suggestions{position:static;margin-top:5px;box-shadow:none}}
