/* Narrow-screen safeguards; retain the established design and logo alignment. */
.brand { flex-shrink: 0; }
.brand img { flex-shrink: 0; }
.filters input,.filters select { min-width: 0; max-width: 100%; }
.email-modal-card { min-width: 0; }
#email-modal { max-width: min(560px, calc(100vw - 32px)); box-sizing: border-box; }
#email-modal code { white-space: normal; overflow-wrap: anywhere; }
.chain-grid { min-width: 0; }
.chain-group summary > span { min-width: 0; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline: 3px solid #146a5c; outline-offset: 3px; }
@media(max-width:520px) {
  .brand { font-size: clamp(17px, 5vw, 22px); gap: 7px; }
  .brand img { width: 30px; height: 30px; }
  .filters { grid-template-columns: minmax(0,1fr); }
  .chain-grid { grid-template-columns: minmax(0,1fr); }
  .chain-group summary { flex-wrap: wrap; gap: 10px; }
  .tablewrap { max-width: 100%; overflow-x: auto; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}