/* EVx Platform — shared base styles.
   Page layout and typography live inline (generated from the design export);
   this file holds resets, image handling, the quiz controls, and small-screen tuning. */

html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #f7f5ef; }
a { color: #7c5a1e; text-decoration: none; }
a:hover { color: #a87b2f; }
img { max-width: 100%; }
button { font: inherit; }

/* Images that replaced design-tool image slots: fill their sized container. */
.dc-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* Assessment controls */
.q-btn { flex: 1; min-width: 140px; padding: 16px 24px; font-family: Archivo, sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; }
.q-btn-dark { background: #12201a; color: #f7f5ef; border: none; }
.q-btn-dark:hover { background: #24382e; }
.q-btn-light { background: #fffdf8; color: #12201a; border: 1px solid #b7b1a2; }
.q-btn-light:hover { border-color: #12201a; }
.q-cta { background: #c9a55c; color: #12201a; padding: 15px 28px; font-weight: 700; font-size: 15px; display: inline-block; }
.q-cta:hover { background: #dab86e; color: #12201a; }
.q-retake { background: none; border: 1px solid rgba(247,245,239,0.4); color: #f7f5ef; padding: 15px 28px; font-family: Archivo, sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; }
.q-retake:hover { border-color: #c9a55c; }
[hidden] { display: none !important; }

/* Small screens: tighten the 40px gutters the desktop artboards use. */
@media (max-width: 640px) {
  header > div, section, footer { padding-left: 20px !important; padding-right: 20px !important; }
  section > div, footer > div, header > div { padding-left: 0; padding-right: 0; }
  header nav { gap: 16px 20px !important; }
  input[type="email"] { min-width: 0 !important; width: 100%; }
}