/* Assessment-only mode (functions/_lib/assessment-mode.js). Loaded only on
   learner pages while the mode is on; those pages carry <html data-am="1">. */
:root { --am-ink: #4C1D95; --am-accent: #9B51E0; --am-neutral: #6D5A8E; --am-neutral-bg: #EFEAF7; }

/* "MOJOCOACH™ CERTIFICATION" text wordmark in place of the MojoAcademy logo */
.am-wordmark {
  font-family: var(--font-heading, 'Gotham', 'Montserrat', system-ui, sans-serif);
  font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--am-ink);
  line-height: 1.15; text-decoration: none; display: inline-block; white-space: nowrap;
}
.am-wordmark sup { font-size: 0.45em; letter-spacing: 0; vertical-align: super; margin-left: 1px; }
a.am-wordmark:hover { text-decoration: none; opacity: 0.85; }

/* Page helpers: .am-only shows only in the mode, .am-hide hides in it */
.am-only { display: none !important; }
html[data-am] .am-only { display: revert !important; }
html[data-am] .am-hide { display: none !important; }

/* The floating Feedback tab is not shown to learners in the mode */
html[data-am] #lxs-fb-root { display: none !important; }

/* Small links row (Privacy · Terms · Download my data · Sign out) */
.am-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; font-size: 0.82rem; margin: 28px auto 24px; padding: 0 16px; }
html[data-am] .am-links.am-only { display: flex !important; }
.am-links a, .am-links button { color: #6b6560; text-decoration: none; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.am-links a:hover, .am-links button:hover { text-decoration: underline; }

/* Terms / Privacy panel */
.am-legal-backdrop {
  position: fixed; inset: 0; background: rgba(20, 12, 40, 0.55); z-index: 2147483600;
  display: flex; align-items: center; justify-content: center; padding: 16px;
}
.am-legal {
  background: #fff; color: #2D1B5E; width: min(820px, 100%); max-height: min(88vh, 100%);
  border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: flex; flex-direction: column; overflow: hidden;
  font-family: 'Barlow', system-ui, sans-serif; line-height: 1.6;
}
.am-legal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; border-bottom: 1px solid rgba(45,27,94,0.14); }
.am-legal-head strong { font-size: 1rem; }
.am-legal-close { background: #fff; border: 1px solid rgba(45,27,94,0.25); border-radius: 6px; padding: 6px 14px; font: inherit; font-weight: 600; color: #2D1B5E; cursor: pointer; }
.am-legal-close:hover { background: #F5F3FF; }
.am-legal-body { overflow-y: auto; padding: 8px 24px 28px; }
.am-legal-body h1 { font-size: 1.8rem; margin: 16px 0 6px; line-height: 1.1; }
.am-legal-body h2 { font-size: 1.15rem; margin: 22px 0 8px; }
.am-legal-body h3 { font-size: 1rem; margin: 16px 0 6px; }
.am-legal-body p, .am-legal-body li { font-size: 0.95rem; margin: 0 0 10px; }
.am-legal-body ul, .am-legal-body ol { padding-left: 22px; margin: 0 0 12px; }
.am-legal-body table { border-collapse: collapse; width: 100%; font-size: 0.88rem; margin: 8px 0 16px; }
.am-legal-body th, .am-legal-body td { border: 1px solid rgba(45,27,94,0.14); padding: 6px 8px; text-align: left; vertical-align: top; }
.am-legal-body .eyebrow, .am-legal-body .skip-link { display: none; }
.am-legal-body a { color: #6D28D9; }

/* Privacy and Terms pages on their own: no site header or footer */
html[data-am] .site-nav, html[data-am] body > footer, html[data-am] .accent-bar, html[data-am] main > .eyebrow { display: none !important; }
.am-legal-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px clamp(16px, 5vw, 72px); background: #fff; border-bottom: 1px solid rgba(45,27,94,0.14); }
.am-legal-bar .am-wordmark { font-size: 1rem; }
.am-legal-bar a.am-back { font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #2D1B5E; border: 2px solid #2D1B5E; padding: 7px 16px; text-decoration: none; }

/* Scenario page: header buttons that use the hidden attribute stay hidden
   (the page's .btn-icon style otherwise shows them, e.g. Record). */
html[data-am] .btn-icon[hidden] { display: none !important; }