/* Small accessibility fixes on top of refinement.css (audit 24. 10. 2026): text contrast >= 4.5:1. */
.status.declined, .declined { color: #4b566a; }
.facts dt, .kv dt, dl dt { color: #4b566a; }
.ftype.alt { color: #ffffff; }
.chip .muted.small { color: #4b566a; }
/* Compare on phones: narrow sticky label column so both offers fit (audit 2). */
@media (max-width: 600px) {
  .cmp-wrap { padding: 8px 8px 12px; }
  table.compare { min-width: 0; width: 100%; table-layout: fixed; font-size: 14px; }
  table.compare tbody th, table.compare thead th:first-child { width: 96px; white-space: normal; position: sticky; left: 0; background: var(--surface, #fff); font-size: 13px; }
  table.compare td, table.compare th { padding-left: 6px; padding-right: 6px; overflow-wrap: anywhere; vertical-align: top; }
  .car.cmp { height: 64px; }
  .cmp-name { font-size: 15px; }
}

/* Official AUTO-IMPEX logo (navy wordmark) needs a light header. */
.top { background: #fff; color: var(--ink); box-shadow: 0 1px 0 #dde2e7, 0 2px 12px rgb(16 26 41 / 6%); }
.brand, .brand:hover { color: var(--ink); align-items: center; }
.brand-logo { display: block; height: 56px; width: auto; }
.brand .sub { color: #4d5866; border-left-color: #d3d9df; font-weight: 600; }
#nav a, #nav button { color: #2b3644; }
#nav a:hover, #nav button:hover { background: #eef1f4; color: var(--ink); }
#nav a[aria-current="page"] { background: #e6eaef; color: var(--ink); }
#nav a:focus-visible, #nav button:focus-visible, .brand:focus-visible { outline: 3px solid #0a5bd8; outline-offset: 2px; }
@media (max-width: 760px) { .brand-logo { height: 44px; } }