/* Detail actions invert in both palettes, with the same response for keyboard focus. */
:is(body,body:has(#theme-toggle-input:checked)) .detail-actions .detail-compare-button {
  background:var(--paper);color:var(--ink);border-color:var(--ink);
  transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease;
}
:is(body,body:has(#theme-toggle-input:checked)) .detail-actions .detail-compare-button:is(:hover,:focus-visible) {
  background:var(--active);color:var(--on-active);border-color:var(--active);
}
.detail-brand-filter {
  display:inline-flex;align-items:flex-start;flex:none;padding:0;
  border:0;background:transparent;color:var(--ink);cursor:pointer;
  transition:opacity 180ms ease,transform 180ms var(--ease);
}
.detail-brand-filter:hover {opacity:.72;transform:translateY(-2px);}
.detail-brand-filter:focus-visible {outline:2px solid var(--ink);outline-offset:5px;}
.detail-brand-filter .brand-logo {margin:2px 0 0;}
.detail-blueprints {grid-column:1/-1;}
.detail-blueprints .blueprint-row {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
.detail-blueprints .blueprint-row>span {min-width:46px;padding:6px 10px;border:1px solid var(--line);text-align:center;font-family:var(--font-data);font-size:20px;}
.detail-blueprints .blueprint-row small {display:block;font:400 12px/1.5 var(--font-body);color:var(--muted);}
@media(prefers-reduced-motion:reduce) {
  :is(body,body:has(#theme-toggle-input:checked)) .detail-actions .detail-compare-button,.detail-brand-filter {transition:none;}
}