/*! GENERATED by tools/scope-css.php from eehp-quiz-brand.css — do not edit. */
/*!
 * EEHP Pages — quiz brand skin (client review 2026-09-22).
 *
 * "Improve the design so it doesn't look like a boilerplate, AI-generated
 * template. It should look custom and on brand."
 *
 * The delivered quiz wore the results pages' purple/black palette. This layer
 * restyles it in the EEHP brand the rest of the home page uses — navy
 * (#00205C), signature green (#479243), cream (#f7f5f0), Apparel Black
 * headlines and Satoshi body — while leaving homepage.css and the quiz script
 * untouched. Loaded after homepage.scoped.css on the home template only; the
 * scoped copy is generated by tools/scope-css.php.
 *
 * Structure: a navy stage (the section) holding one white "protocol card",
 * with a navy header band, a green progress rail, tactile option tiles with
 * brand line icons, and pill buttons.
 */

/* ---- Design tokens for the stage and the card ------------------------ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section{
  --eehp-navy: #00205C;
  --eehp-navy-deep: #001744;
  --eehp-green: #479243;
  --eehp-green-deep: #2f6b2c;
  --eehp-green-soft: #ecf6eb;
  --eehp-green-glow: rgba(71, 146, 67, 0.28);
  --eehp-cream: #f7f5f0;
  --eehp-line: #dbe2ee;
  --eehp-line-strong: #b9c5da;
  --eehp-ink-soft: #3d4f44;
  --eehp-ink-mute: #6b7a72;
}

/* The inline quiz's dark var remap made the whole section purple; re-map the
   same custom properties to the brand palette so every var() below the remap
   resolves to navy/green/white instead. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal{
  --bg: #00205C;
  --bg-soft: #f7f5f0;
  --ink: #00205C;
  --ink-soft: #3d4f44;
  --ink-mute: #6b7a72;
  --line: #dbe2ee;
  --line-strong: #b9c5da;
  --accent: #479243;
  --accent-deep: #2f6b2c;
  --accent-soft: #ecf6eb;
  --green: #479243;
  --green-deep: #2f6b2c;
  --warn: #c93232;
}

/* ---- Stage ------------------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section{
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 2px, transparent 2px 14px),
    radial-gradient(ellipse at 85% 0%, rgba(71, 146, 67, 0.28) 0%, transparent 55%),
    linear-gradient(170deg, #001744 0%, #00205C 55%, #062a6e 100%);
  padding-block: clamp(3rem, 6vw, 5rem);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__inner{ max-width: 860px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__eyebrow{
  font-family: "Satoshi Bold", "Satoshi", sans-serif;
  font-size: .72rem;
  letter-spacing: .2em;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: .45rem 1rem;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__eyebrow svg{ color: #8fd98a; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__title{
  font-family: "Apparel Black", serif;
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1.1;
  text-transform: none;
  color: #fff;
  letter-spacing: -0.01em;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__title em{ color: #8fd98a; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section__lede{
  font-family: "Satoshi Regular", "Satoshi", sans-serif;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.6;
  margin-bottom: 2rem;
}

/* ---- Progress rail ----------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper{ max-width: 860px; margin-bottom: 1rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper__track{ height: 8px; background: rgba(255, 255, 255, 0.14); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper__fill{ background: linear-gradient(90deg, #479243, #8fd98a); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-stepper__label{ color: rgba(255, 255, 255, 0.72); font-size: .85rem; }

/* ---- The protocol card -------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card{
  background: #fff;
  border: 0;
  border-radius: 22px;
  box-shadow:
    0 30px 70px -30px rgba(0, 0, 0, 0.55),
    0 2px 6px rgba(0, 0, 0, 0.12);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card::before{ display: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__head{
  background: var(--eehp-navy);
  border-bottom: 0;
  padding: 1rem 1.6rem;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__edition{
  font-family: "Satoshi Bold", "Satoshi", sans-serif;
  color: rgba(255, 255, 255, 0.82);
  letter-spacing: .16em;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__edition::before{
  background: #8fd98a;
  box-shadow: 0 0 0 3px rgba(143, 217, 138, 0.25);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-progress span{ background: rgba(255, 255, 255, 0.22); height: 5px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-progress span.is-active{ background: #8fd98a; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-progress span.is-done{ background: #479243; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__body{
  padding: clamp(1.6rem, 3.5vw, 2.4rem);
  color: var(--eehp-navy);
  font-family: "Satoshi Regular", "Satoshi", sans-serif;
}

/* ---- Screen typography -------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen{ gap: 1.5rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__chapter{
  font-family: "Satoshi Bold", "Satoshi", sans-serif;
  color: var(--eehp-ink-mute);
  letter-spacing: .16em;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__chapter strong{
  background: var(--eehp-green-soft);
  border: 1px solid #bfe0bd;
  color: var(--eehp-green-deep);
  font-weight: 700;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__title{
  font-family: "Apparel Black", serif;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  line-height: 1.12;
  letter-spacing: -0.012em;
  color: var(--eehp-navy);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__title em{ color: var(--eehp-green); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__sub{
  font-family: "Satoshi Regular", "Satoshi", sans-serif;
  color: var(--eehp-ink-soft);
  font-size: 1.02rem;
  line-height: 1.55;
}

/* ---- Option tiles -------------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options{ gap: .75rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--check{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 560px) { body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--check{ grid-template-columns: 1fr; } }

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option{
  background: #fff;
  border: 1.5px solid var(--eehp-line);
  border-radius: 14px;
  padding: 1rem 1.05rem;
  min-height: 64px;
  color: var(--eehp-navy);
  font-family: "Satoshi Medium", "Satoshi", sans-serif;
  gap: .8rem;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .15s ease;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option::after{ display: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option:hover{
  border-color: var(--eehp-navy);
  background: #fbfbf8;
  box-shadow: 0 10px 22px -14px rgba(0, 32, 92, 0.35);
  transform: translateY(-2px);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active{
  border-color: var(--eehp-green);
  background: var(--eehp-green-soft);
  box-shadow: 0 0 0 3px rgba(71, 146, 67, 0.18), 0 10px 22px -14px rgba(71, 146, 67, 0.45);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label{ min-width: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label strong{
  font-family: "Satoshi Bold", "Satoshi", sans-serif;
  font-weight: 700;
  font-size: .98rem;
  line-height: 1.3;
  color: var(--eehp-navy);
  white-space: normal;
  overflow-wrap: anywhere;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label small{ color: var(--eehp-ink-mute); }

/* brand line icon in front of each concern (injected by the quiz script) */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__icon{
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--eehp-cream);
  color: var(--eehp-navy);
  transition: background .18s ease, color .18s ease;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__icon svg{ width: 22px; height: 22px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active .q-option__icon{ background: var(--eehp-green); color: #fff; }

/* the check / radio marker moves to the right edge */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option .marker{
  order: 3;
  margin-left: auto;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1.8px solid var(--eehp-line-strong);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option .marker--check{ border-radius: 7px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option:hover .marker{ border-color: var(--eehp-green); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active .marker{ background: var(--eehp-green); border-color: var(--eehp-green); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active .marker::after{ background: #fff; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option.is-active .marker--check::after{ border-color: #fff; background: transparent; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label{ order: 2; }

/* single-choice rows (horse count) read as chunky pills */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row{ grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .7rem; }
@media (max-width: 560px) { body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row .q-option{ justify-content: center; text-align: center; padding: 1.1rem .5rem 1rem; min-height: 92px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row .q-option .marker{ display: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row .q-option__label{ align-items: center; gap: .1rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row .q-option__label strong{ font-size: 1.7rem; line-height: 1; font-family: "Apparel Black", serif; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row .q-option__label small{ font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--eehp-ink-mute); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--row .q-option.is-active .q-option__label small{ color: var(--eehp-green-deep); }

/* ---- Inputs and rows ----------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-input, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row{
  background: #fff;
  border-color: var(--eehp-line);
  color: var(--eehp-navy);
  border-radius: 12px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-input:focus{
  border-color: var(--eehp-green);
  box-shadow: 0 0 0 4px rgba(71, 146, 67, 0.16);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row:focus-within, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row:focus-within, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row--accent{
  border-color: var(--eehp-green);
  background: var(--eehp-green-soft);
  box-shadow: none;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row__label, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-name-row__label{ color: var(--eehp-navy); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-banner{
  background: var(--eehp-green-soft);
  border-left-color: var(--eehp-green);
  color: var(--eehp-navy);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-banner strong{ color: var(--eehp-green-deep); }

/* ---- Action row ------------------------------------------------------------ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions{ border-top: 1px solid var(--eehp-line); padding-top: 1.4rem; gap: .75rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back{
  border: 1.5px solid var(--eehp-line-strong);
  border-radius: 999px;
  color: var(--eehp-navy);
  background: #fff;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back:hover:not(:disabled){ background: var(--eehp-cream); border-color: var(--eehp-navy); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .q-actions__continue, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--ochre, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--primary{
  background: var(--eehp-green);
  color: #fff;
  border-color: var(--eehp-green);
  border-radius: 999px;
  font-family: "Satoshi Bold", "Satoshi", sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  box-shadow: 0 14px 28px -14px var(--eehp-green-glow);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .q-actions__continue:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--ochre:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--primary:hover{
  background: var(--eehp-green-deep);
  border-color: var(--eehp-green-deep);
  color: #fff;
  opacity: 1;
  transform: translateY(-1px);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--primary, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section a.btn--primary, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--ochre, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--primary:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--ochre:hover{ color: #fff; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-section .btn--ghost{
  color: var(--eehp-navy);
  border-color: var(--eehp-line-strong);
  border-radius: 999px;
  background: #fff;
}

/* ---- Email gate + loading -------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__lead, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__legal, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__check{ color: var(--eehp-ink-soft); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__lead em{ color: var(--eehp-green-deep); font-style: normal; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__title{ font-family: "Apparel Black", serif; color: var(--eehp-navy); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__title em{ color: var(--eehp-green); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__bar{ background: var(--eehp-line); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__bar i{ background: var(--eehp-green); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__steps span{ color: var(--eehp-ink-mute); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-loading__steps span.done{ color: var(--eehp-green-deep); }

/* ---- In-page reveal (fallback when no results page is configured) --------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__chapter{ background: var(--eehp-green-soft); border-color: #bfe0bd; color: var(--eehp-green-deep); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__chapter::before{ color: var(--eehp-green-deep); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__title{ font-family: "Apparel Black", serif; color: var(--eehp-navy); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__title em{ color: var(--eehp-green); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__card{
  background: #fff;
  border: 1px solid var(--eehp-line);
  border-radius: 16px;
  color: var(--eehp-navy);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-reveal__offer{ background: var(--eehp-green-soft); border-color: #bfe0bd; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__row, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .bundle-items__subtotal{ border-color: var(--eehp-line); color: var(--eehp-navy); }

/* ---- Discount modal --------------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__card{
  background: #fff;
  color: var(--eehp-navy, #00205C);
  border: 0;
  border-radius: 22px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__title{ font-family: "Apparel Black", serif; color: #00205C; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__title em{ color: #479243; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__sub, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__foot{ color: #3d4f44; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__code{ background: #f7f5f0; border: 1.5px dashed #479243; color: #00205C; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__copy{ background: #00205C; color: #fff; border-radius: 999px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal .btn--primary{ background: #479243; color: #fff; border-color: #479243; border-radius: 999px; }


/* =====================================================================
 * Polish pass (2026-09-24) — header rail, tile typography, show-safe
 * tiles, horse cards, email gate, action row.
 * ===================================================================== */

/* ---- Card header: step label + progress rail live inside the card ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card--polished{ border-radius: 22px; overflow: hidden; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__head{ justify-content: space-between; padding: 1rem 1.6rem; gap: 1rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card--polished .quiz-progress{ display: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__step{
  margin: 0;
  font-family: "Satoshi Bold", "Satoshi", sans-serif;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  text-align: right;
  white-space: nowrap;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__rail{
  max-width: none;
  margin: 0;
  padding: 0;
  background: var(--eehp-navy);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__rail .quiz-stepper__track{
  height: 6px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.16);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__rail .quiz-stepper__fill{ border-radius: 0 999px 999px 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__rail[hidden]{ display: none; }

/* ---- Tile typography: kit-proof ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label strong, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label small, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__body strong, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__body small, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row__label, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__age-label{
  text-transform: none;
  letter-spacing: 0;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label small{
  font-family: "Satoshi Regular", "Satoshi", sans-serif;
  font-size: .84rem;
  line-height: 1.4;
  margin-top: .15rem;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__icon{ width: 44px; height: 44px; border-radius: 13px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__icon svg{ width: 24px; height: 24px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option:hover .q-option__icon{ background: #eef2f8; }

/* ---- Show-safe: two tall tiles with a large icon ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option{
  flex-direction: column;
  align-items: flex-start;
  gap: .9rem;
  padding: 1.35rem 1.3rem 1.3rem;
  min-height: 150px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option .q-option__icon{ width: 52px; height: 52px; border-radius: 16px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option .q-option__icon svg{ width: 28px; height: 28px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option .marker{ position: absolute; top: 1rem; right: 1rem; margin: 0; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option__label strong{ font-family: "Apparel Black", serif; font-size: 1.35rem; }

/* ---- Per-horse breakdown rows ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row{
  padding: .9rem 1rem;
  grid-template-columns: minmax(0, 1fr) 104px;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-count-row__input{ text-align: center; font-family: "Apparel Black", serif; font-size: 1.1rem; }

/* ---- Names and ages: light horse cards ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card{
  background: var(--eehp-cream);
  border: 1.5px solid var(--eehp-line);
  border-radius: 16px;
  padding: 1.2rem 1.25rem;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card:focus-within{ border-color: var(--eehp-green); box-shadow: 0 0 0 3px rgba(71, 146, 67, 0.14); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__num{
  color: var(--eehp-green-deep);
  font-size: .78rem;
  letter-spacing: .14em;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__name{ background: #fff; border: 1.5px solid var(--eehp-line); border-radius: 10px; padding: .8rem .95rem; font-size: 1rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-horse-card__age-label{ color: var(--eehp-ink-mute); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill{
  background: #fff;
  border: 1.5px solid var(--eehp-line);
  border-radius: 10px;
  color: var(--eehp-navy);
  padding: .6rem .75rem;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill:hover{ border-color: var(--eehp-green); background: #fff; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill.is-active{ border-color: var(--eehp-green); background: var(--eehp-green-soft); box-shadow: 0 0 0 3px rgba(71, 146, 67, 0.14); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__dot{ background: #fff; border-color: var(--eehp-line-strong); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill.is-active .q-age-pill__dot{ background: var(--eehp-green); border-color: var(--eehp-green); box-shadow: inset 0 0 0 2.5px #fff; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__body strong{ color: var(--eehp-navy); font-family: "Satoshi Bold", "Satoshi", sans-serif; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__body small{ color: var(--eehp-ink-mute); }

/* ---- Email gate ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email{ gap: 1.1rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__lead{ font-size: 1rem; color: var(--eehp-ink-soft); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__field .q-input{ padding: 1.05rem 1.2rem; font-size: 1.05rem; border-radius: 12px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__check{ color: var(--eehp-navy); font-size: .95rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__check input[type="checkbox"]{ accent-color: var(--eehp-green); width: 18px; height: 18px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-email__legal{ color: var(--eehp-ink-mute); font-size: .78rem; line-height: 1.5; }

/* ---- Action row: Back left, Continue right-aligned, not edge to edge ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions{ justify-content: space-between; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__continue{ flex: 0 1 380px; margin-left: auto; padding: 1rem 1.6rem; font-size: 1.02rem; }
@media (max-width: 560px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions{ flex-wrap: wrap; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__back{ order: 2; width: 100%; justify-content: center; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-actions__continue{ order: 1; flex: 1 1 100%; margin-left: 0; }
}

/* ---- Card body rhythm ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen{ gap: 1.35rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__title{ margin-top: -.15rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .quiz-card__body{ padding: clamp(1.6rem, 3.5vw, 2.4rem) clamp(1.6rem, 3.5vw, 2.4rem) clamp(1.5rem, 3vw, 2rem); }

/* ---- Offer popup: calmer title, no emoji, code as the hero ---- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__card{ padding: 2.4rem 2rem 1.6rem; max-width: 480px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__emoji{ display: none; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__title{
  font-family: "Apparel Black", serif;
  font-size: clamp(1.5rem, 2.4vw, 1.85rem);
  line-height: 1.15;
  text-transform: none;
  letter-spacing: -0.01em;
  color: #00205C;
  margin-bottom: .75rem;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__sub{ font-size: .98rem; line-height: 1.55; color: #3d4f44; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__code-row{
  border: 2px dashed #479243;
  background: #ecf6eb;
  border-radius: 14px;
  padding: .55rem;
  gap: .5rem;
  flex-wrap: wrap;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__code{
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 1.2rem;
  letter-spacing: .12em;
  padding: .9rem 1rem;
  border: 0;
  background: #fff;
  color: #00205C;
  border-radius: 10px;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__copy{ background: #00205C; color: #fff; border: 0; border-radius: 999px; padding: .85rem 1.2rem; font-weight: 700; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__copy:hover{ background: #001744; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__copy.is-copied{ background: #479243; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal .btn--primary{ width: 100%; justify-content: center; padding: 1rem 1.4rem; font-size: 1.02rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__foot{ font-size: .78rem; color: #6b7a72; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .discount-modal__close{ color: #6b7a72; }

/* Phone width: the two show-safe tiles go back to a compact row layout so both
   fit above the buttons without a second scroll. */
@media (max-width: 560px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option{
    flex-direction: row;
    align-items: center;
    gap: .9rem;
    min-height: 0;
    padding: 1rem 1rem 1rem 1rem;
  }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option .q-option__icon{ width: 44px; height: 44px; border-radius: 13px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option .q-option__icon svg{ width: 24px; height: 24px; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option .marker{ position: static; margin-left: auto; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--binary .q-option__label strong{ font-size: 1.15rem; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option{ min-height: 60px; padding: .9rem 1rem; }
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-screen__title{ font-size: 1.55rem; }
}

/* The Elementor kit sets white-space:nowrap on <button>; the option tiles are
   buttons, so their notes could not wrap and stretched the grid past the card
   on phones. Allow wrapping everywhere and size the single column as
   minmax(0,1fr) so a long label can never widen the track. */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-option__label small, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-age-pill__body small{ white-space: normal; }
@media (max-width: 560px) {
  body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--check, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .q-options--col{ grid-template-columns: minmax(0, 1fr); }
}