.compatibility-checker-builder { border: 1px solid #dcdcde; border-radius: 12px; padding: clamp(20px, 4vw, 36px); background: #fff; }
.compatibility-checker-heading h2 { margin: 0 0 8px; }
.compatibility-checker-eyebrow { margin: 0 0 6px; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.compatibility-checker-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin-top: 24px; }
.compatibility-checker-field { display: grid; gap: 8px; font-weight: 600; }
.compatibility-checker-field select { width: 100%; min-height: 44px; padding: 8px 10px; }
.compatibility-checker-status { min-height: 24px; margin-top: 16px; }
.compatibility-checker-status[data-kind="success"], .compatibility-checker-status[data-kind="error"] { font-weight: 600; }
.compatibility-checker-summary { margin-top: 24px; padding-top: 20px; border-top: 1px solid #dcdcde; }
.compatibility-checker-affiliate-disclosure { margin: 0 0 16px; font-size: .9rem; line-height: 1.45; }
.compatibility-checker-summary dl { display: grid; gap: 10px; margin: 0; }
.compatibility-checker-summary dl > div { display: grid; grid-template-columns: minmax(90px, 140px) minmax(180px, 1fr) auto; align-items: baseline; gap: 12px; }
.compatibility-checker-summary dt { font-weight: 700; }
.compatibility-checker-summary [data-compatibility-status] { font-weight: 700; }
.compatibility-checker-summary [data-commerce-role] { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.compatibility-checker-summary [data-commerce-role] a { white-space: nowrap; font-weight: 600; }
.compatibility-checker-checks { margin-top: 16px; padding-top: 12px; border-top: 1px solid #dcdcde; }
.compatibility-checker-check { margin: 8px 0; }
@media (max-width: 900px) {
  .compatibility-checker-summary dl > div { grid-template-columns: minmax(90px, 140px) 1fr; }
  .compatibility-checker-summary [data-commerce-role] { grid-column: 2; justify-content: flex-start; }
}
@media (max-width: 600px) {
  .compatibility-checker-summary dl > div { grid-template-columns: 1fr; gap: 2px; }
  .compatibility-checker-summary [data-commerce-role] { grid-column: 1; margin-top: 2px; }
}