:root{color-scheme:light;--bg:#f7f8fa;--ink:#1d2733;--muted:#637183;--line:#e1e5eb;--orange:#ec6800;--accent:#a44400;--ok:#156b46;--bad:#9f283c}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 system-ui,-apple-system,"Microsoft JhengHei",sans-serif}
.shell{max-width:1120px;margin:22px auto 48px;padding:0 16px}
.hero{background:#fff;border-radius:18px;border-top:5px solid var(--orange);padding:24px 28px;box-shadow:0 10px 30px #2637480a}
.brandline{display:flex;align-items:center;gap:10px;font-weight:750;color:var(--accent);font-size:15px}
.mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#fff0e1;color:var(--orange);font-size:25px}
h1{font-size:clamp(26px,4vw,38px);margin:12px 0 5px;line-height:1.3}
.hero p{margin:0;color:var(--muted)}
.panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px 24px;margin-top:16px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
h2{font-size:22px;margin:0}
button{cursor:pointer;border-radius:10px;min-height:44px;padding:8px 13px;font:inherit;font-weight:700}
button:disabled{opacity:.6;cursor:not-allowed}
.outline{border:1px solid #f0bb8d;color:var(--accent);background:#fff8f0}
.outline:hover:not(:disabled){background:#ffebd5}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f7ac58;outline-offset:2px}
.status{border-radius:10px;background:#f2f4f7;color:var(--muted);margin:16px 0;padding:10px 13px}
.status.ok{background:#eaf7ef;color:var(--ok)}
.status.error{background:#fff0f0;color:var(--bad)}
.status.warn{background:#fff5e8;color:var(--accent)}
.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.filters label{display:grid;align-content:start;gap:6px;font-weight:650;min-width:0}
.filters .full{grid-column:1/-1}
.filters input,.filters select{font:inherit;width:100%;min-width:0;min-height:48px;background:#fff;color:var(--ink);padding:9px 11px;border:1px solid #b8c1cd;border-radius:10px}
.filter-actions{grid-column:1/-1;display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.source{margin-top:16px;color:var(--muted);font-size:15px}
.source strong{color:var(--ink)}
.count{font-size:15px;color:var(--muted)}
.result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.model-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}
.model-head{background:#fafbfc;padding:14px 16px;border-bottom:1px solid var(--line)}
.model-head h3{margin:0;font-size:18px;overflow-wrap:anywhere}
.provider-block{padding:12px 16px}
.provider-block+.provider-block{border-top:1px solid var(--line)}
.provider-title{font-size:15px;font-weight:750;color:var(--accent);margin:0 0 7px}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}
.price-item{border:1px solid #e9edf2;border-radius:9px;padding:9px}
.price-item .grade{display:block;font-size:13px;color:var(--muted)}
.price-item strong{display:block;font-size:19px;white-space:nowrap;font-variant-numeric:tabular-nums}
.price-item.zero strong{color:var(--ok)}
.empty{padding:26px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:11px}
.result-more{margin:16px 0 0;color:var(--accent);font-weight:600}
footer{padding:15px 6px;color:var(--muted);font-size:14px}
footer strong{color:var(--ink)}
footer p{margin:5px 0 10px}
@media(min-width:701px) and (max-width:980px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shell{padding:0 10px;margin-top:10px}.hero{padding:20px 17px}.panel{padding:17px 13px}.filters{grid-template-columns:1fr}.filters .full{grid-column:auto}.filter-actions{align-items:center}.result-list{grid-template-columns:1fr}}
@media(max-width:360px){body{font-size:16px}.section-head button{width:100%}.filter-actions button{flex:1}.provider-block{padding:11px}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-item strong{font-size:17px}}

/* Compact price comparison, scoped to the two trade-in pages only. */
body[data-tradein-compact] .tc-item{margin:10px 0 0;padding:10px 12px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;min-width:0;max-width:100%;overflow:hidden}
body[data-tradein-compact] .tc-item h3,body[data-tradein-compact] .tc-item .model-head h3{font-size:16px;line-height:1.4;margin:0;font-weight:700;overflow-wrap:anywhere}
body[data-tradein-compact] .tc-item .model-head{padding:0;background:none;border:0}
body[data-tradein-compact] .tc-unit{font-size:12px;line-height:1.4;color:#667383;margin:4px 0 6px}
body[data-tradein-compact] .tc-prices{width:100%;max-width:100%;min-width:0;overflow-x:auto;border:1px solid #e1e5eb;border-radius:7px}
body[data-tradein-compact] .tc-matrix{--tc-columns:4;min-width:0}
body[data-tradein-compact] .tc-matrix.tc-wide{min-width:calc(70px + var(--tc-columns)*60px)}
body[data-tradein-compact] .tc-grade-head,body[data-tradein-compact] .tc-provider-row .tc-original-table,body[data-tradein-compact] .tc-item.model-card .tc-provider-row{display:grid;grid-template-columns:minmax(64px,1.3fr) repeat(var(--tc-columns),minmax(0,1fr));align-items:center;column-gap:0}
body[data-tradein-compact] .tc-grade-head{background:#f3f5f7;font-size:12px;line-height:1.3;color:#526171;padding:6px 0;text-align:right}
body[data-tradein-compact] .tc-grade-head span{padding:0 6px}
body[data-tradein-compact] .tc-grade-head .tc-heading-provider{text-align:left}
body[data-tradein-compact] .tc-provider-row{padding:0;margin:0;width:100%;max-width:100%;border:0;border-top:1px solid #e8ebef;border-radius:0;background:#fff;overflow:visible}
body[data-tradein-compact] .tc-provider-row:nth-child(odd){background:#fafbfc}
body[data-tradein-compact] .tc-provider-row .tc-original-table{width:100%;min-width:0;max-width:100%;margin:0;border:0;border-spacing:0;background:transparent}
body[data-tradein-compact] .tc-original-table thead,body[data-tradein-compact] .tc-original-table tbody,body[data-tradein-compact] .tc-original-table tr,body[data-tradein-compact] .tc-provider-row .price-grid,body[data-tradein-compact] .tc-provider-row .price-item{display:contents}
body[data-tradein-compact] .tc-original-table .tc-original-grades,body[data-tradein-compact] .tc-provider-row .grade,body[data-tradein-compact] .tc-sr{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
body[data-tradein-compact] .tc-repeat-model{display:none!important}
body[data-tradein-compact] .tc-provider-row .tc-provider{grid-column:1;grid-row:1;padding:8px 6px;margin:0;border:0;background:none;font-size:13px;line-height:1.3;text-align:left;color:#384755;font-weight:600;min-width:0;overflow-wrap:anywhere}
body[data-tradein-compact] .tc-provider-row .tc-cell,body[data-tradein-compact] #tradeinResults .tc-original-table tbody td.tc-cell{grid-row:1;display:block;min-width:0;width:auto;padding:8px 6px;margin:0;border:0;background:none;text-align:right;font-size:15px;line-height:1.3;font-weight:650;color:#1d2733;font-variant-numeric:tabular-nums;white-space:nowrap}
body[data-tradein-compact] .tc-provider-row .tc-missing{color:#8a949e;font-weight:400}
body[data-tradein-compact] .tc-item .tc-source{font-size:12px;line-height:1.4;margin-top:4px}
body[data-tradein-compact] .tc-source summary{display:inline-flex;align-items:center;min-height:28px;color:#617082;font-size:12px;font-weight:400;cursor:pointer}
body[data-tradein-compact] .tc-source .group-note{font-size:12px;margin:0 0 4px}
body[data-tradein-compact] .tc-scroll-tip{font-size:12px;line-height:1.3;color:#617082;margin:4px 0 0}
body[data-tradein-compact] .result-list{gap:10px;margin-top:10px}
body[data-tradein-compact] .result-list .tc-item{margin-top:0}
body[data-tradein-compact][data-query-kind=tradein] #tradeinPane .field{font-size:16px;gap:4px}
body[data-tradein-compact][data-query-kind=tradein] #tradeinPane .toolbar{margin-top:10px;gap:10px}
body[data-tradein-compact][data-query-kind=tradein] #tradeinMeta{font-size:13px;padding:8px 10px;margin-top:10px;gap:8px}
body[data-tradein-compact][data-query-kind=tradein] #tradeinMeta .source-date strong{font-size:17px}
body[data-tradein-compact] .filters{gap:10px;margin-top:10px;font-size:16px}
body[data-tradein-compact] .filters input,body[data-tradein-compact] .filters select{font-size:16px;min-height:44px;padding:7px 10px}
body[data-tradein-compact] #sourceMeta{font-size:13px;margin-top:10px}
@media(max-width:700px){
  body[data-tradein-compact] .tc-item{padding:8px;margin-top:8px;border-radius:8px}
  body[data-tradein-compact] .tc-provider-row .tc-cell,body[data-tradein-compact] #tradeinResults .tc-original-table tbody td.tc-cell{font-size:14px;padding:8px 4px}
  body[data-tradein-compact] .tc-provider-row .tc-provider{font-size:12px;padding:8px 4px}
  body[data-tradein-compact] .tc-grade-head span{padding:0 4px}
  body[data-tradein-compact] .tc-grade-head,body[data-tradein-compact] .tc-provider-row .tc-original-table,body[data-tradein-compact] .tc-item.model-card .tc-provider-row{grid-template-columns:minmax(56px,1.2fr) repeat(var(--tc-columns),minmax(0,1fr))}
  body[data-tradein-compact] .hero{padding:14px 16px}
  body[data-tradein-compact] .hero h1{font-size:24px}
  body[data-tradein-compact] .hero p{font-size:14px;line-height:1.5}
  body[data-tradein-compact] #queryStatus{font-size:14px;margin:10px 0;padding:8px 10px}
  body[data-tradein-compact] .result-panel{padding:14px 10px}
  body[data-tradein-compact] .panel h2{font-size:20px}
  body[data-tradein-compact][data-query-kind=tradein] #tradeinPane input,body[data-tradein-compact][data-query-kind=tradein] #tradeinPane select{font-size:16px;min-height:44px}
}
@media(min-width:1050px){
  body[data-tradein-compact] #tradeinResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body[data-tradein-compact] #tradeinResults>.status,body[data-tradein-compact] #tradeinResults>.empty{grid-column:1/-1}
  body[data-tradein-compact] #tradeinResults>.tc-item{margin-top:0}
}