/**
 * Standalone pages (login, signup, etc.) — responsive defaults without
 * html.farm-unified-shell so page-specific backgrounds/layouts stay intact.
 */

html {
  overflow-x: hidden;
  max-width: 100%;
}

body {
  overflow-x: hidden;
  max-width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
}

img,
video,
canvas,
picture > img {
  max-width: 100%;
  height: auto;
}

pre {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.overflow-x-auto {
  -webkit-overflow-scrolling: touch;
}

/* Standalone pages (login, signup) — compact type on small screens */
@media (max-width: 1023px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 12.5px;
  }

  body h1 {
    font-size: 1.25rem;
    line-height: 1.3;
  }

  body h2 {
    font-size: 1.125rem;
    line-height: 1.3;
  }

  body h3 {
    font-size: 1rem;
    line-height: 1.35;
  }

  table {
    font-size: 0.75rem;
  }

  table th,
  table td {
    padding: 0.375rem 0.5rem;
  }
}