/*
 * Growth Gap Assessment page chrome (/growth-assessment, /growth-assessment-ar).
 * The app's own styles live inside its Shadow DOM; this file only sizes the
 * host section and clears the fixed site nav. Auto-enqueued on every page by
 * inc/enqueue.php, so every selector is scoped to the assessment.
 */
.mag-ga-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-top: 92px; /* the site nav is position: fixed */
  background: var(--bg, #fafaf7);
  min-height: 80vh;
}
@media (max-width: 768px) {
  .mag-ga-section { padding-top: 72px; }
}
.mag-ga-noscript {
  max-width: 640px;
  margin: 80px auto;
  padding: 0 20px;
  font-size: 18px;
  text-align: center;
}

@media print {
  body.mag-ga-page #nav,
  body.mag-ga-page .nav,
  body.mag-ga-page footer,
  body.mag-ga-page .mag-footer,
  body.mag-ga-page .cursor,
  body.mag-ga-page #cursor { display: none !important; }
  body.mag-ga-page .mag-ga-section { padding-top: 0; }
}