/*
 * Point Pool Faucet — centralized user-facing page width.
 * Load this after app.css and every page-specific stylesheet.
 * It overrides older page-specific .app width caps without changing inner grids/cards.
 */
html body:not(.admin-area)[class^="page-"] .app {
  width: min(1500px, 96vw) !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* Main user-page sections use the same rail as the shared .app container.
   Authentication forms are intentionally excluded to retain their compact width. */
html body:not(.admin-area)[class^="page-"] .app > .page:not(.auth-wrap) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* Legal/content panels occupy the shared page rail, while text remains readable. */
html body:not(.admin-area)[class^="page-"] .app > .page:not(.auth-wrap) > .card.prose-card {
  width: 100% !important;
  max-width: none !important;
}

html body:not(.admin-area)[class^="page-"] .app > .page:not(.auth-wrap) > .card.prose-card > * {
  max-width: 980px;
}

@media (max-width: 720px) {
  html body:not(.admin-area)[class^="page-"] .app {
    width: min(100%, 94vw) !important;
    max-width: 1500px !important;
  }
}