/* Shell styles for admin-managed campaign quizzes.
   Loaded before the quiz's own <style>, so the quiz can override anything here. */

/* Mont — the campaign heading face, so a quiz page matches the campaign pages
   without pulling in the whole campaign stylesheet. */
@font-face {
  font-family: "Mont";
  src: url("../fonts/Mont-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mont";
  src: url("../fonts/Mont-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mont";
  src: url("../fonts/Mont-Heavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Neutralise full-viewport centring when the quiz runs inside the modal iframe;
   the embed script adds .is-embedded and reports the height to the host page. */
body.is-embedded {
  min-height: 0;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 28px;
}