/* Navigation stays still while records and reference texts arrive in the background. */
html { scroll-behavior: auto; }
button, a, summary { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.brand-mark img, .auth-brand-mark img { display: block; width: 100%; height: 100%; }
.cover-product-note { max-width: 34em; margin: 0 auto; text-wrap: balance; }
.classic-card { content-visibility: auto; contain-intrinsic-size: auto 900px; }
.history-item { content-visibility: auto; contain-intrinsic-size: auto 104px; }
@media (max-width: 680px) {
  .view { min-height: calc(100svh - 170px); }
  .topbar-actions .icon-button, .topbar-actions .profile-button, .language-menu-trigger { min-width: 44px; min-height: 44px; }
  .history-item { grid-template-columns: minmax(0, 1fr) 44px; }
  .history-item-delete, .case-review-panel .text-button { min-width: 44px; min-height: 44px; }
  input, textarea, select, .search-box input, .history-search input { font-size: 16px; }
  .sidebar > .primary-nav { padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .cover-product-note { font-size: 12px; line-height: 1.8; padding-inline: 14px; }
}
@media (hover: none) {
  .primary-button:hover, .quick-card:hover, .study-entry:hover { transform: none; }
}