/* ===== page-split.css ===== */
/* Focused page layouts for the multi-page Factburst site. */

body[data-layout="landing"] #personal-dashboard,
body[data-layout="directory"] #personal-dashboard {
  display: none !important;
}

.page-intro {
  padding: 72px 0 26px;
}

.page-intro-copy {
  max-width: 760px;
}

.page-intro h1 {
  margin: 8px 0 14px;
  font-size: clamp(42px, 7vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.page-intro .hero-text {
  max-width: 680px;
  margin: 18px 0 0;
  padding: 0;
  background: transparent;
}

body[data-layout="landing"] .hero {
  padding-bottom: 42px;
}

body[data-layout="landing"] #latest,
body[data-layout="landing"] #more-quizzes {
  padding-top: 34px;
  padding-bottom: 34px;
}

.home-more-actions,
.page-section-actions {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.directory-main,
.leaderboard-main {
  min-height: calc(100vh - 150px);
}

.directory-main .section:first-of-type,
.leaderboard-main .section:first-of-type {
  padding-top: 28px;
}

.leaderboard-intro-note {
  max-width: 760px;
  margin-bottom: 24px;
}

body[data-layout="leaderboard"] .leaderboard-card {
  max-width: 920px;
}


/* ===== PHP environment status page ===== */
.php-status-page { margin: 40px; }
.php-status-card { max-width: 700px; padding: 24px; border-radius: 12px; background: #1f2937; }
.php-status-ok { color: #86efac; }
.php-status-error { color: #fca5a5; white-space: pre-wrap; }


/* ===== PHP maintenance page ===== */
.maintenance-page {
  min-height: 100vh;
  width: 100%;
  display: grid;
  place-items: center;
  align-items: center;
  justify-content: center;
  padding: 32px 18px;
}
.maintenance-card {
  width: min(680px, 100%);
  padding: clamp(30px, 6vw, 56px);
  text-align: center;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(14, 30, 93, 0.96), rgba(9, 18, 65, 0.95));
  box-shadow: var(--shadow);
}
.maintenance-mark {
  width: 58px;
  height: 58px;
  margin: 0 auto 24px;
  display: grid;
  place-items: center;
  border-radius: 0;
  color: #03112a;
  background: transparent !important;
  font-size: 28px;
  font-weight: 900;
}
.maintenance-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: transparent !important;
}
.maintenance-card h1 { margin: 0; font-size: clamp(34px, 6vw, 54px); letter-spacing: -0.04em; }
.maintenance-card p { margin: 16px auto 0; max-width: 540px; color: var(--muted); line-height: 1.65; }
.maintenance-card .button { margin-top: 26px; }

/* Legal page content */
.legal-page .legal-card { margin-top: 18px; }
.legal-page .legal-card h2 { color: var(--text); }
.legal-page .legal-card p { color: var(--muted); line-height: 1.75; }
.legal-page .legal-card a { color: var(--cyan); font-weight: 750; }

/* Legal / FAQ */
.page-section > .quiz-grid {
  margin-top: 32px;
}

.page-section > .quiz-grid .quiz-card {
  min-height: 180px;
}

.page-section > .quiz-grid .quiz-card h2 {
  margin: 0 0 10px;
  color: #f5f8ff;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -.025em;
}

/* Legal page metadata */
.legal-updated {
  margin: 10px 0 30px;
  color: var(--muted);
  font-size: 12px;
}