/* Shared mobile accessibility; preserve the comparison layout. */
html { scroll-padding-bottom: 100px; }
button, input, select, textarea { touch-action: manipulation; }
:focus-visible { outline: 3px solid #9b7535; outline-offset: 3px; }
dialog { overflow-y: auto; overscroll-behavior: contain; max-height: calc(100dvh - 32px); box-sizing: border-box; }
@media (max-width: 680px) {
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  main { min-width: 0; }
  input:not([type=checkbox]):not([type=radio]), select, textarea { font-size: 16px !important; min-height: 44px; max-width: 100%; }
  button, summary { min-height: 44px; }
  .mobile-nav { height: auto !important; min-height: 64px; padding-bottom: env(safe-area-inset-bottom); }
  .mobile-nav button { min-height: 56px; }
  .mobile-nav button span { font-size: 12px !important; }
  .toast { bottom: calc(82px + env(safe-area-inset-bottom)) !important; max-width: calc(100vw - 32px); white-space: normal; line-height: 1.6; }
  .saved-search-dialog { width: calc(100% - 24px); padding: 18px; max-height: calc(100dvh - 40px - env(safe-area-inset-bottom)); }
  .saved-search-dialog button { min-height: 44px; }
  .saved-search-dialog input { min-width: 0; }
  .group label { min-height: 44px; font-size: 14px; }
  .notice, .trust-note small, .sort small, .saved-search-status { font-size: 13px !important; line-height: 1.7; }
  .restored-footer { padding-bottom: 24px; }
  .restored-footer a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Overlays own the screen; navigation and notifications never intercept editing. */
.toast { pointer-events: none; }
.modal { z-index: 140; }
.modal-card, .stay-card {
  box-sizing: border-box;
  max-height: calc(var(--toku-viewport-height, 100dvh) - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-block: 20px;
  -webkit-overflow-scrolling: touch;
}
.modal, .stay-modal {
  top: var(--toku-viewport-top, 0px);
  bottom: auto;
  height: var(--toku-viewport-height, 100dvh);
  padding: 16px;
  box-sizing: border-box;
}
body:has(.modal.open, .stay-modal.open, dialog[open], .filters.open) .mobile-nav,
body:has(.modal.open, .stay-modal.open, dialog[open], .filters.open) .toast {
  display: none !important;
}
@media (max-width: 680px) {
  body.toku-editing .mobile-nav, body.toku-keyboard-open .mobile-nav,
  body.toku-editing .toast, body.toku-keyboard-open .toast { display: none !important; }
  .modal-card, .stay-card { padding: 22px 18px; }
  .modal-card .save-btn, .stay-actions { margin-bottom: env(safe-area-inset-bottom); }
  input, select, textarea, button { scroll-margin-block: 24px; }
  .filters { max-height: var(--toku-viewport-height, 100dvh); padding-bottom: 24px; }
  dialog { max-height: calc(var(--toku-viewport-height, 100dvh) - 32px) !important; }
}