/* Shared responsive behavior for privacy, terms, and safety pages. */
.nav-hamburger { width: 44px; height: 44px; align-items: center; justify-content: center; }
.nav-links a:focus-visible, .nav-hamburger:focus-visible, .nav-logo:focus-visible,
footer a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #FFB74D; outline-offset: 3px;
}
.legal-content, .safety-content { overflow-wrap: anywhere; }
.table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-scroll .data-table { min-width: 540px; }
@media (max-width: 768px) {
  nav, nav.menu-open { padding: 0 1rem; background: #3E2723; backdrop-filter: none; }
  .nav-logo { font-size: 1.05rem; white-space: nowrap; }
  .nav-links {
    top: 64px; bottom: 0; height: calc(100vh - 64px); height: calc(100dvh - 64px);
    z-index: 101; background: #3E2723; overflow-y: auto; overscroll-behavior: contain;
    align-items: center; justify-content: flex-start;
  }
  .nav-links a { display: inline-block; padding: 0.5rem; font-size: 1.1rem; }
  body.menu-open { overflow: hidden; }
  .page-header { padding: 104px 1.25rem 42px; }
  .legal-content, .safety-content { padding: 2rem 1.25rem 3rem; }
  .safety-intro, .app-safety { padding: 1.25rem; }
  .built-in-safety { grid-template-columns: minmax(0, 1fr); }
  footer > div { grid-template-columns: minmax(0, 1fr) !important; }
  footer input, footer textarea { min-width: 0; width: 100%; }
}