.compat-filterbar{grid-template-columns:2fr 1fr 1fr auto}
.compat-search-field{display:block}
.compat-search-field input{width:100%;height:100%}
.compat-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;color:#646970}
.compat-meta p{margin:0}
.compat-meta strong{color:var(--ink);font-size:24px;margin-right:6px}
.compat-reset{border:0;background:transparent;color:#c95000;font-weight:800;cursor:pointer;padding:8px 0}
.compat-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:20px;align-items:start}
.compat-results{background:#fff;border-color:#ddd9d1;box-shadow:0 12px 40px rgba(30,25,18,.06)}
.compat-results .product-row{width:100%;grid-template-columns:minmax(220px,1.5fr) .65fr .65fr auto;border:0;border-bottom:1px solid #e7e2d9;background:#fff;color:var(--ink);text-align:left;cursor:pointer}
.compat-results .product-row:last-child{border-bottom:0}
.compat-results .product-row:hover,.compat-results .product-row.is-active{background:#fff4ea}
.compat-result-model{display:grid;gap:2px;min-width:0}
.compat-result-model small{color:#747a80;font-size:12px}
.compat-result-model strong{overflow-wrap:anywhere}
.compat-result-spec{display:grid;gap:2px}
.compat-result-spec small{color:#747a80;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.compat-result-spec strong{font-size:15px}
.compat-result-status{white-space:nowrap}
.compat-result-status.revision{color:#9a5b18}
.compat-result-status.revision:before{background:#e8a146}
.compat-empty-results{padding:32px}
.compat-empty-results h3{font-size:24px;margin:0 0 10px}
.compat-empty-results p{color:#646970;margin:0 0 20px;max-width:620px}
.compat-more{margin:18px auto 0;color:var(--ink);border-color:#a7a095}
.compat-detail{position:sticky;top:104px;min-height:330px;background:#fff!important;border-color:#ddd9d1!important;box-shadow:0 12px 40px rgba(30,25,18,.06)!important}
.compat-detail h3{font-size:30px;letter-spacing:-.03em;margin:10px 0 2px}
.compat-detail p{color:#646970!important}
.compat-detail-brand{display:block;color:#747a80;margin-bottom:22px}
.compat-detail-status{display:inline-flex;margin-top:4px}
.compat-detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e4ded5;border:1px solid #e4ded5;margin:24px 0}
.compat-detail-specs div{background:#f8f6f1;padding:14px}
.compat-detail-specs small{display:block;color:#747a80;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.compat-detail-specs strong{font-size:15px}
.compat-detail-note{border-left:4px solid var(--orange);background:#fff4ea;padding:16px 18px;color:#4c4f53;margin:20px 0}
.compat-detail-action{width:100%;margin-top:4px}
.compat-detail-source{display:block;color:#8b8f94;margin-top:15px}
.compat-selector{align-items:start}
.compat-selector h2{font-size:clamp(34px,4.5vw,54px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}
.compat-checklist{display:grid;gap:10px;padding:0;margin:28px 0 0;list-style:none;color:#c4cbd2}
.compat-checklist li{position:relative;padding-left:25px}
.compat-checklist li:before{content:'✓';position:absolute;left:0;color:var(--orange);font-weight:900}
.compat-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.compat-form-note{color:#8f99a4;font-size:12px;margin:0}

@media(max-width:980px){
  .compat-filterbar{grid-template-columns:1fr 1fr}
  .compat-layout{grid-template-columns:1fr}
  .compat-detail{position:static;min-height:0}
}

@media(max-width:640px){
  .compat-filterbar{grid-template-columns:1fr}
  .compat-meta{align-items:flex-end}
  .compat-meta p{display:grid}
  .compat-results .product-row{grid-template-columns:minmax(0,1fr) auto;padding:18px}
  .compat-results .compat-result-spec{display:none}
  .compat-results .compat-result-status{display:inline-flex!important}
  .compat-form-grid{grid-template-columns:1fr}
  .compat-detail-specs{grid-template-columns:1fr}
}