/* UzQuiz R24 — unified page content width (desktop cap: 1180px).
   Loaded AFTER the existing theme, admin and R23 styles.
   No backend, typography, color palette, or functional logic is modified. */
:root {
  --container: 1180px;
  --uq-standard-width: 1180px;
}

/* Shared content width on all routes, including the header/footer and admin. */
.container,
.live-host-main.container,
.archive-page-main.container,
.report-page-main.container {
  width: min(var(--uq-standard-width), calc(100% - 40px)) !important;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
}

/* Quiz page has no .container main; bound it to the same outer layout.
   Keep its narrower reading card (930px) for comfortable question display. */
.quiz-main {
  width: min(var(--uq-standard-width), calc(100% - 40px));
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
}
.quiz-page .quiz-shell {
  width: min(930px, 100%) !important;
  max-width: 100%;
}

/* Prevent intrinsic widths (long titles, buttons and tables) from growing grids. */
.container > *,
.admin-layout > *,
.admin-content,
.admin-section,
.admin-panel,
.admin-table-card,
.admin-table-wrap,
.dashboard-hero > *,
.editor-grid > *,
.editor-hero > *,
.landing-hero > *,
.contact-layout > *,
.auth-shell > *,
.quiz-welcome-grid > *,
.live-host-grid > *,
.live-host-hero > *,
.archive-hero > *,
.report-layout > *,
.results-hero > *,
.results-table-card,
.results-table-card .table-wrap {
  min-width: 0;
  max-width: 100%;
}

/* Preserve wide data tables; scroll *within* their cards, never widen page. */
.admin-table-wrap,
.results-table-card .table-wrap,
.archive-table-wrap,
.report-table-wrap,
.table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

/* Breakpoints keep one outer gutter across the public site and admin. */
@media (max-width: 760px) {
  .container,
  .live-host-main.container,
  .archive-page-main.container,
  .report-page-main.container {
    width: calc(100% - 28px) !important;
  }
  .quiz-main { width: calc(100% - 28px); }
}
@media (max-width: 480px) {
  .container,
  .live-host-main.container,
  .archive-page-main.container,
  .report-page-main.container {
    width: calc(100% - 24px) !important;
  }
  .quiz-main { width: calc(100% - 24px); }
}

/* Landing artwork is intentionally oversized; do not let decorative orbs
   extend the document's scrollable width on tablet/phone. */
.landing-page .landing-hero {
  overflow-x: clip;
}
.landing-page .authors-card {
  overflow: clip;
}