/* Free tool · Where Should We Begin? */
.quiz-page {
  --quiz-paper: #fbf7f0;
  --quiz-cream: #fffdf9;
  --quiz-forest: #2d4035;
  --quiz-forest-dark: #1f2d26;
  --quiz-sage: #718878;
  --quiz-clay: #b8795b;
  --quiz-rule: rgba(73, 91, 79, .19);
  min-height: 75vh;
  background: var(--quiz-paper);
  overflow-anchor: none;
}

.quiz-safety-bar {
  min-height: 46px;
  position: sticky;
  top: 76px;
  z-index: 45;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: 1px solid rgba(255, 255, 255, .11);
  background: #25332c;
  color: rgba(255, 255, 255, .82);
}

.quiz-safety-bar button {
  min-height: 46px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: .67rem;
  font-weight: 690;
  letter-spacing: .015em;
}

.quiz-safety-bar button:first-child {
  max-width: 880px;
  padding: .65rem max(20px, calc((100vw - 1180px) / 2));
  text-align: left;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, .28);
  text-underline-offset: .2em;
}

.quiz-safety-bar button:last-child {
  min-width: 150px;
  display: flex;
  gap: .55rem;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, .14);
  background: #6e3b2c;
  color: white;
  padding-inline: 1.1rem;
}

.quiz-safety-bar button:last-child small {
  opacity: .65;
  font-size: .58rem;
  font-weight: 620;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.quiz-safety-bar button:focus-visible,
.quiz-start-button:focus-visible,
.quiz-back-button:focus-visible,
.quiz-next-button:focus-visible,
.quiz-choice:focus-within,
.quiz-cta-button:focus-visible,
.quiz-text-button:focus-visible,
.quiz-safety-exit-button:focus-visible,
.quiz-result-safety-boundary button:focus-visible {
  outline: 3px solid #dba989;
  outline-offset: -3px;
}

.quiz-intro {
  overflow: hidden;
  background:
    radial-gradient(circle at 6% 8%, rgba(184, 121, 91, .14), transparent 29rem),
    radial-gradient(circle at 74% 90%, rgba(113, 136, 120, .18), transparent 34rem),
    var(--quiz-paper);
}

.quiz-intro-grid {
  min-height: calc(100vh - 122px);
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: center;
  padding-block: clamp(4.5rem, 8vw, 7.2rem);
}

.quiz-intro-copy h1 {
  max-width: 790px;
  margin-top: 1rem;
  font-size: clamp(4rem, 7vw, 7rem);
  letter-spacing: -.065em;
  line-height: .87;
}

.quiz-intro-deck {
  max-width: 670px;
  margin: 1.65rem 0 0;
  color: #353d37;
  font-family: var(--serif);
  font-size: clamp(1.35rem, 2.15vw, 1.75rem);
  line-height: 1.38;
}

.quiz-intro-guidance {
  max-width: 640px;
  margin: 1.35rem 0 0;
  color: #656a65;
  font-size: .92rem;
  line-height: 1.72;
}

.quiz-start-button,
.quiz-cta-button,
.quiz-next-button {
  min-height: 54px;
  display: inline-flex;
  gap: .7rem;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: var(--quiz-forest);
  color: white;
  cursor: pointer;
  padding: .9rem 1.35rem;
  font-size: .82rem;
  font-weight: 760;
  transition: background .2s ease, transform .2s ease;
}

.quiz-start-button { margin-top: 1.8rem; }
.quiz-start-button:hover,
.quiz-cta-button:hover,
.quiz-next-button:hover { background: var(--quiz-forest-dark); transform: translateY(-1px); }

.quiz-intro-boundary {
  max-width: 650px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: .85rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--quiz-rule);
  padding-top: 1.2rem;
}

.quiz-intro-boundary > span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(79, 100, 84, .24);
  border-radius: 50%;
  color: var(--quiz-sage);
}

.quiz-intro-boundary p {
  margin: 0;
  color: #5d645e;
  font-size: .75rem;
  line-height: 1.58;
}

.quiz-intro-boundary strong { color: #334039; }
.quiz-intro-disclaimer { margin: 1rem 0 0; color: #79776f; font-size: .67rem; }

.quiz-intro-folio {
  min-height: 610px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  background:
    linear-gradient(112deg, transparent 0 72%, rgba(255, 255, 255, .035) 72% 72.3%, transparent 72.3%),
    var(--quiz-forest-dark);
  box-shadow: 0 38px 90px rgba(41, 52, 44, .16);
  color: white;
  padding: clamp(1.5rem, 3vw, 2.4rem);
}

.quiz-intro-folio::before {
  width: 210px;
  height: 210px;
  position: absolute;
  right: -88px;
  top: 42px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  content: "";
}

.quiz-folio-heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, .17);
  padding-bottom: 1.4rem;
  color: rgba(255, 255, 255, .65);
  font-size: .65rem;
  font-weight: 730;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.quiz-intro-folio ol { margin: 1.1rem 0 0; padding: 0; list-style: none; }
.quiz-intro-folio li {
  min-height: 70px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.quiz-intro-folio li span { color: #d9a68d; font-size: .62rem; font-weight: 760; letter-spacing: .08em; }
.quiz-intro-folio li p { margin: 0; color: rgba(255, 255, 255, .87); font-family: var(--serif); font-size: 1.35rem; }

.quiz-folio-result {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  margin-top: auto;
  padding-top: 1.8rem;
}
.quiz-folio-result > span { color: #d9a68d; font-size: 1.3rem; }
.quiz-folio-result p { max-width: 330px; margin: 0; color: rgba(255, 255, 255, .7); font-size: .82rem; line-height: 1.6; }

.quiz-question-screen { background: #eee4d8; padding-block: clamp(2.2rem, 5vw, 4.5rem); }
.quiz-question-shell {
  min-height: 690px;
  display: grid;
  grid-template-columns: minmax(240px, .43fr) minmax(0, 1.57fr);
  overflow: hidden;
  border: 1px solid rgba(55, 71, 61, .18);
  background: var(--quiz-cream);
  box-shadow: 0 34px 90px rgba(55, 46, 39, .09);
}

.quiz-progress-panel {
  display: flex;
  flex-direction: column;
  background: var(--quiz-forest-dark);
  color: white;
  padding: clamp(1.7rem, 3.5vw, 3rem);
}
.quiz-progress-panel .eyebrow { color: #d9a68d; }
.quiz-progress-copy { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2.2rem; color: rgba(255, 255, 255, .66); font-size: .68rem; }
.quiz-progress-track { height: 3px; overflow: hidden; margin-top: .65rem; background: rgba(255, 255, 255, .13); }
.quiz-progress-track > span { height: 100%; display: block; background: #d9a68d; transition: width .28s ease; }
.quiz-progress-panel ol { display: flex; align-items: center; margin: 2.5rem 0 0; padding: 0; list-style: none; }
.quiz-progress-panel li { min-width: 0; flex: 1; display: flex; align-items: center; color: rgba(255, 255, 255, .28); }
.quiz-progress-panel li span { width: 26px; height: 26px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .55rem; }
.quiz-progress-panel li i { width: 100%; height: 1px; background: currentColor; }
.quiz-progress-panel li:last-child i { display: none; }
.quiz-progress-panel li.is-current { color: #fffdf9; }
.quiz-progress-panel li.is-complete { color: #d9a68d; }
.quiz-progress-panel > p:last-child { max-width: 240px; margin: auto 0 0; color: rgba(255, 255, 255, .55); font-size: .72rem; line-height: 1.62; }

.quiz-question-card { display: flex; flex-direction: column; padding: clamp(2rem, 5vw, 4.7rem); }
.quiz-question-card > header { max-width: 790px; }
.quiz-question-card h2 { margin-top: .75rem; font-size: clamp(2.7rem, 4.7vw, 4.8rem); letter-spacing: -.055em; line-height: .93; }
.quiz-question-card fieldset { min-width: 0; margin: 2rem 0 0; border: 0; padding: 0; }
.quiz-choice-list { display: grid; gap: .6rem; }
.quiz-choice {
  min-height: 66px;
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 28px;
  gap: .85rem;
  align-items: center;
  border: 1px solid rgba(79, 100, 84, .2);
  border-radius: 2px;
  background: #fffdf9;
  cursor: pointer;
  padding: .78rem 1rem;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.quiz-choice:hover { border-color: rgba(79, 100, 84, .5); transform: translateX(2px); }
.quiz-choice.is-selected { border-color: var(--quiz-forest); background: #eef1ea; box-shadow: inset 3px 0 0 var(--quiz-forest); }
.quiz-choice-safety { border-color: rgba(110, 59, 44, .25); }
.quiz-choice-safety.is-selected { border-color: #6e3b2c; background: #f5e6dd; box-shadow: inset 3px 0 0 #6e3b2c; }
.quiz-choice input { width: 1px; height: 1px; position: absolute; opacity: 0; }
.quiz-choice-letter { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(79, 100, 84, .22); border-radius: 50%; color: var(--quiz-sage); font-family: var(--serif); font-size: .78rem; }
.quiz-choice.is-selected .quiz-choice-letter { border-color: var(--quiz-forest); background: var(--quiz-forest); color: white; }
.quiz-choice-copy { color: #3e453f; font-size: .82rem; line-height: 1.48; }
.quiz-choice-mark { color: rgba(79, 100, 84, .4); font-size: .85rem; text-align: center; }
.quiz-choice.is-selected .quiz-choice-mark { color: var(--quiz-forest); }
.quiz-question-card > footer { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-top: auto; border-top: 1px solid var(--quiz-rule); padding-top: 1.5rem; }
.quiz-back-button,
.quiz-text-button {
  min-height: 44px;
  border: 0;
  background: transparent;
  color: #566159;
  cursor: pointer;
  padding: .6rem .2rem;
  font-size: .75rem;
  font-weight: 720;
  text-decoration: underline;
  text-decoration-color: rgba(79, 100, 84, .35);
  text-underline-offset: .22em;
}
.quiz-next-button:disabled { cursor: not-allowed; opacity: .38; transform: none; }

.quiz-result-page { --quiz-lane-accent: #8e9e8c; background: var(--quiz-cream); }
.quiz-lane-cr { --quiz-lane-accent: #bd7c5e; }
.quiz-lane-tr { --quiz-lane-accent: #7c8c96; }
.quiz-lane-er { --quiz-lane-accent: #a88676; }
.quiz-lane-ose { --quiz-lane-accent: #a66b55; }
.quiz-lane-mm { --quiz-lane-accent: #7f957f; }
.quiz-result-hero { background: var(--quiz-forest-dark); color: white; padding-block: clamp(4.7rem, 9vw, 8rem); }
.quiz-result-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(270px, .55fr); gap: clamp(3rem, 7vw, 7rem); align-items: end; }
.quiz-result-hero .eyebrow { color: #d9a68d; }
.quiz-result-hero h1 { max-width: 920px; margin-top: 1rem; color: white; font-size: clamp(4rem, 7.3vw, 7.2rem); letter-spacing: -.066em; line-height: .86; }
.quiz-result-opening { max-width: 790px; margin: 1.8rem 0 0; color: rgba(255, 255, 255, .73); font-size: 1rem; line-height: 1.78; }
.quiz-result-orientation { border-top: 2px solid var(--quiz-lane-accent); padding-top: 1.2rem; }
.quiz-result-orientation > span { color: var(--quiz-lane-accent); font-size: 1.5rem; }
.quiz-result-orientation p { margin: 1rem 0; color: rgba(255, 255, 255, .74); font-family: var(--serif); font-size: 1.25rem; line-height: 1.45; }
.quiz-result-orientation strong,
.quiz-result-orientation small { display: block; color: rgba(255, 255, 255, .66); font-size: .63rem; letter-spacing: .08em; text-transform: uppercase; }
.quiz-result-orientation small { margin-top: .4rem; opacity: .65; }

.quiz-result-body { max-width: 1080px; padding-block: clamp(4rem, 8vw, 7rem); }
.quiz-blended-note { border-left: 3px solid var(--quiz-lane-accent); background: #f1e8de; padding: 1.4rem 1.6rem; }
.quiz-blended-note p { max-width: 800px; margin: .45rem 0 0; font-size: .82rem; line-height: 1.58; }
.quiz-blended-note strong { color: #304138; }
.quiz-action-fit { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); margin: clamp(3rem, 6vw, 5rem) 0; border-block: 1px solid var(--quiz-rule); padding-block: 1.8rem; }
.quiz-action-fit > span { width: 86px; height: 86px; display: grid; place-items: center; border-radius: 50%; background: var(--quiz-forest); color: white; font-size: .61rem; font-weight: 780; letter-spacing: .09em; text-align: center; text-transform: uppercase; }
.quiz-action-fit h2 { font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1; }
.quiz-action-fit p { max-width: 720px; margin: .75rem 0 0; color: #606760; line-height: 1.65; }
.quiz-action-fit a { display: inline-flex; gap: .4rem; margin-top: 1rem; color: var(--quiz-forest); font-size: .72rem; font-weight: 750; text-decoration: underline; text-underline-offset: .2em; }

.quiz-result-section { scroll-margin-top: 140px; margin-block: clamp(4.5rem, 8vw, 7rem); }
.quiz-result-section > h2,
.quiz-result-support-section > h2 { max-width: 850px; margin-top: .8rem; font-size: clamp(2.9rem, 5vw, 4.8rem); letter-spacing: -.055em; line-height: .93; }
.quiz-result-support-section > p { max-width: 760px; color: #656a65; line-height: 1.7; }
.quiz-truth-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 2rem; border-block: 1px solid var(--quiz-rule); }
.quiz-truth-grid article { min-width: 0; padding: 1.6rem 1.6rem 1.6rem 0; }
.quiz-truth-grid article + article { border-left: 1px solid var(--quiz-rule); padding-left: 1.6rem; }
.quiz-truth-grid span { color: var(--quiz-lane-accent); font-family: var(--serif); font-size: 1.3rem; }
.quiz-truth-grid p { margin: 1rem 0 0; color: #4f5650; font-size: .85rem; line-height: 1.72; }

.quiz-practice { scroll-margin-top: 140px; margin-block: clamp(4.5rem, 8vw, 7rem); background: var(--quiz-forest-dark); color: white; padding: clamp(2rem, 5.5vw, 4.7rem); }
.quiz-practice .eyebrow { color: #d9a68d; }
.quiz-practice header h2 { max-width: 850px; margin-top: .85rem; color: white; font-size: clamp(3.1rem, 5.8vw, 5.5rem); letter-spacing: -.06em; line-height: .9; }
.quiz-practice header > p:not(.eyebrow) { max-width: 720px; margin: 1.25rem 0 0; color: rgba(255, 255, 255, .65); line-height: 1.65; }
.quiz-practice-steps { margin: 2.4rem 0 0; padding: 0; list-style: none; }
.quiz-practice-steps li { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 1.2rem; border-top: 1px solid rgba(255, 255, 255, .14); padding: 1.2rem 0; }
.quiz-practice-steps li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .14); }
.quiz-practice-steps span { color: #d9a68d; font-size: .65rem; font-weight: 760; letter-spacing: .08em; }
.quiz-practice-steps p { max-width: 780px; margin: 0; color: rgba(255, 255, 255, .78); font-size: .86rem; line-height: 1.65; }

.quiz-script-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.quiz-script-grid blockquote { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--quiz-rule); border-radius: 2px; background: #f1e8de; padding: clamp(1.4rem, 3vw, 2rem); color: #2e3831; font-family: var(--serif); font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.45; }
.quiz-script-grid blockquote:last-child:nth-child(odd) { grid-column: 1 / -1; }
.quiz-script-grid blockquote p { margin: 0; color: inherit; }
.quiz-script-copy { align-self: flex-start; min-height: 44px; margin-top: 1.2rem; border: 0; border-bottom: 1px solid rgba(79, 100, 84, .38); background: transparent; color: var(--quiz-forest); cursor: pointer; padding: .55rem 0 .35rem; font: 760 .67rem/1.2 var(--sans); letter-spacing: .03em; }
.quiz-script-copy:hover { border-bottom-color: var(--quiz-forest); color: var(--quiz-forest-dark); }
.quiz-script-copy:focus-visible { outline: 2px solid var(--quiz-forest); outline-offset: 4px; }
.quiz-copy-status { min-height: 1.2rem; margin: .75rem 0 0; color: #646a64; font-size: .68rem; line-height: 1.5; }

.quiz-check-list,
.quiz-numbered-list { max-width: 900px; display: grid; gap: 0; margin: 1.7rem 0 0; padding: 0; list-style: none; counter-reset: quiz-list; }
.quiz-check-list li,
.quiz-numbered-list li { position: relative; border-top: 1px solid var(--quiz-rule); padding: 1rem .4rem 1rem 2.5rem; color: #4e554f; font-size: .85rem; line-height: 1.62; }
.quiz-check-list li:last-child,
.quiz-numbered-list li:last-child { border-bottom: 1px solid var(--quiz-rule); }
.quiz-check-list li::before { position: absolute; left: .25rem; color: var(--quiz-lane-accent); content: "✓"; font-weight: 800; }
.quiz-numbered-list li { counter-increment: quiz-list; }
.quiz-numbered-list li::before { position: absolute; left: .2rem; color: var(--quiz-lane-accent); content: counter(quiz-list, decimal-leading-zero); font-size: .65rem; font-weight: 780; letter-spacing: .06em; }

.quiz-circle-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.quiz-circle-grid article { border: 1px solid var(--quiz-rule); background: #f7f1e9; padding: 1.4rem; }
.quiz-circle-grid article > span { color: var(--quiz-lane-accent); font-size: .65rem; font-weight: 780; }
.quiz-circle-grid h3 { margin-top: 1rem; font-size: 2rem; }
.quiz-circle-grid ul { display: grid; gap: .7rem; margin: 1rem 0 0; padding-left: 1rem; }
.quiz-circle-grid li { color: #535a54; font-size: .78rem; line-height: 1.52; }
.quiz-circle-grid-dark article { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .055); }
.quiz-circle-grid-dark h3 { color: white; }
.quiz-circle-grid-dark li { color: rgba(255, 255, 255, .7); }

.quiz-worsens { border-top: 1px solid var(--quiz-rule); padding-top: 2rem; }
.quiz-worsens ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2.5rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.quiz-worsens li { position: relative; border-top: 1px solid var(--quiz-rule); padding: 1rem 0 1rem 1.5rem; color: #5b605b; font-size: .82rem; line-height: 1.55; }
.quiz-worsens li::before { position: absolute; left: 0; color: #a66b55; content: "×"; font-weight: 800; }

.quiz-private-path { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; margin-block: clamp(4.5rem, 8vw, 7rem); background: #ead8c9; padding: clamp(2rem, 5vw, 4rem); }
.quiz-private-path-emphasized { box-shadow: inset 4px 0 0 #a66b55; }
.quiz-private-path h2 { max-width: 650px; margin-top: .7rem; font-size: clamp(2.8rem, 4.8vw, 4.4rem); line-height: .93; }
.quiz-private-path > div > p:last-child { max-width: 680px; margin-top: 1rem; color: #5e5e58; line-height: 1.7; }
.quiz-private-path blockquote { border-radius: 0; background: var(--quiz-forest-dark); padding: clamp(1.5rem, 3vw, 2.2rem); color: white; font-size: clamp(1.25rem, 2.3vw, 1.75rem); line-height: 1.4; }
.quiz-private-path blockquote p { margin: 0; color: inherit; }

.quiz-result-safety-boundary { border: 1px solid rgba(110, 59, 44, .24); background: #f5e6dd; padding: 1.4rem 1.6rem; }
.quiz-result-safety-boundary > p:not(.eyebrow) { max-width: 800px; margin: .5rem 0 0; color: #62463b; font-size: .82rem; line-height: 1.65; }
.quiz-result-safety-boundary button { min-height: 44px; margin-top: .75rem; border: 0; background: transparent; color: #6e3b2c; cursor: pointer; padding: 0; font-weight: 750; text-decoration: underline; text-underline-offset: .22em; }
.quiz-result-disclaimer { margin: 2rem 0 0; border-left: 2px solid var(--quiz-rule); padding-left: 1rem; color: #77766f; font-size: .7rem; line-height: 1.6; }

.quiz-save-result { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; margin-block: clamp(4rem, 7vw, 6rem); border-block: 1px solid var(--quiz-rule); padding-block: 1.7rem; }
.quiz-save-result h2 { margin-top: .5rem; font-size: clamp(2rem, 3vw, 2.8rem); }
.quiz-save-result p:not(.eyebrow) { max-width: 690px; margin: .7rem 0 0; color: #666b66; font-size: .8rem; line-height: 1.62; }
.quiz-save-result > div:last-child { display: flex; gap: .8rem; align-items: center; }

.quiz-result-feedback { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; margin-bottom: clamp(4rem, 7vw, 6rem); border: 1px solid var(--quiz-rule); background: #f4ede4; padding: clamp(1.5rem, 3.5vw, 2.4rem); }
.quiz-result-feedback h2 { max-width: 680px; margin-top: .55rem; font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1; }
.quiz-result-feedback > div:first-child > p:last-child { margin: .75rem 0 0; color: #6b6d67; font-size: .72rem; line-height: 1.55; }
.quiz-feedback-actions { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: flex-end; }
.quiz-feedback-actions button { min-height: 44px; border: 1px solid rgba(79, 100, 84, .35); background: #fffdf9; color: var(--quiz-forest); cursor: pointer; padding: .7rem 1rem; font-weight: 750; }
.quiz-feedback-actions button:hover { border-color: var(--quiz-forest); background: #edf0ea; }
.quiz-feedback-actions button:focus-visible { outline: 2px solid var(--quiz-forest); outline-offset: 3px; }
.quiz-feedback-thanks { margin: 0; color: var(--quiz-forest); font-family: var(--serif); font-size: 1.3rem; }

.quiz-weekly-cta { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(310px, .88fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; background: var(--quiz-forest); color: white; padding: clamp(2.1rem, 5vw, 4.3rem); }
.quiz-weekly-cta .eyebrow { color: #e0b195; }
.quiz-weekly-cta h2 { max-width: 720px; margin-top: .8rem; color: white; font-size: clamp(3rem, 5.2vw, 4.8rem); line-height: .91; }
.quiz-weekly-cta > div:first-child > p:not(.eyebrow) { max-width: 690px; margin: 1.2rem 0 0; color: rgba(255, 255, 255, .72); line-height: 1.7; }
.quiz-weekly-cta > div:first-child > p.quiz-cta-adaptation { border-left: 2px solid rgba(224, 177, 149, .7); padding-left: .9rem; color: rgba(255, 255, 255, .88); font-size: .74rem; line-height: 1.58; }
.quiz-weekly-cta > div:first-child > small { max-width: 650px; display: block; margin-top: 1rem; color: rgba(255, 255, 255, .55); font-size: .7rem; line-height: 1.55; }
.quiz-cta-button { justify-self: end; background: #fffdf9; color: var(--quiz-forest); }
.quiz-cta-button:hover { background: #f2e8dc; color: var(--quiz-forest-dark); }
.quiz-result-email { min-width: 0; }
.quiz-result-email:focus { outline: 2px solid rgba(255, 255, 255, .78); outline-offset: 5px; }
.quiz-result-email .resource-request-form,
.quiz-result-email .resource-request-success { margin: 0; background: #fffdf9; color: var(--ink); }
.quiz-result-email > p:last-child { margin: .7rem 0 0; color: rgba(255, 255, 255, .58); font-size: .66rem; line-height: 1.5; }

.quiz-safety-screen { background: #f7efe7; }
.quiz-safety-grid { min-height: 650px; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; padding-block: clamp(4rem, 8vw, 7rem); }
.quiz-safety-copy h1 { max-width: 850px; margin-top: 1rem; font-size: clamp(3.7rem, 6.7vw, 6.6rem); letter-spacing: -.06em; line-height: .9; }
.quiz-safety-lede { max-width: 760px; margin: 1.5rem 0 0; color: #523f37; font-family: var(--serif); font-size: clamp(1.3rem, 2.2vw, 1.7rem); line-height: 1.43; }
.quiz-safety-copy > p:not(.eyebrow,.quiz-safety-lede) { max-width: 730px; color: #615d57; line-height: 1.7; }
.quiz-safety-copy a { color: #6e3b2c; font-weight: 760; text-decoration: underline; }
.quiz-quick-exit-card { border: 1px solid rgba(110, 59, 44, .3); background: #fffdf9; box-shadow: 0 28px 70px rgba(78, 49, 38, .09); padding: clamp(1.6rem, 3vw, 2.4rem); }
.quiz-quick-exit-card h2 { margin-top: .7rem; font-size: 3rem; }
.quiz-quick-exit-card > p:not(.eyebrow) { color: #5e5853; font-size: .8rem; line-height: 1.6; }
.quiz-safety-exit-button { width: 100%; min-height: 52px; border: 0; background: #6e3b2c; color: white; cursor: pointer; font-weight: 780; }
.quiz-history-warning { border-top: 1px solid rgba(110, 59, 44, .16); padding-top: 1rem; font-size: .67rem!important; }
.quiz-safety-resources { background: var(--quiz-forest-dark); color: white; padding-block: clamp(4.5rem, 8vw, 7rem); }
.quiz-safety-resources header { display: grid; grid-template-columns: .45fr 1fr; gap: 1.5rem 3rem; align-items: end; }
.quiz-safety-resources header .eyebrow { color: #d9a68d; }
.quiz-safety-resources header h2 { max-width: 800px; color: white; font-size: clamp(3.3rem, 5.5vw, 5.4rem); line-height: .91; }
.quiz-safety-resources header > p:last-child { grid-column: 2; max-width: 680px; margin: 0; color: rgba(255, 255, 255, .62); line-height: 1.65; }
.quiz-safety-resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 3rem; border-block: 1px solid rgba(255, 255, 255, .16); }
.quiz-safety-resource-grid article { padding: 2rem 2rem 2rem 0; }
.quiz-safety-resource-grid article + article { border-left: 1px solid rgba(255, 255, 255, .16); padding-left: 2rem; }
.quiz-safety-resource-grid article > span { color: #d9a68d; font-size: .65rem; }
.quiz-safety-resource-grid h3 { margin-top: 1rem; color: white; font-size: clamp(2rem, 3.5vw, 3rem); }
.quiz-safety-resource-grid p { color: rgba(255, 255, 255, .62); line-height: 1.65; }
.quiz-safety-links { display: grid; margin-top: 1.2rem; }
.quiz-safety-links a { min-height: 44px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, .14); color: white; font-size: .76rem; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .3); text-underline-offset: .2em; }
.quiz-safety-boundary { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 2rem; }
.quiz-safety-boundary p { max-width: 730px; color: rgba(255, 255, 255, .5); font-size: .68rem; line-height: 1.55; }
.quiz-safety-boundary button { min-height: 44px; border: 0; background: transparent; color: white; cursor: pointer; font-size: .7rem; text-decoration: underline; text-underline-offset: .2em; }
.quiz-noscript { margin: 0; background: #f5e6dd; padding: 1rem; color: #6e3b2c; text-align: center; }

@media (max-width: 980px) {
  .quiz-intro-grid,
  .quiz-result-hero-grid,
  .quiz-private-path,
  .quiz-weekly-cta,
  .quiz-safety-grid { grid-template-columns: 1fr; }
  .quiz-intro-folio { width: min(100%, 630px); min-height: 540px; }
  .quiz-question-shell { grid-template-columns: 210px minmax(0, 1fr); }
  .quiz-progress-panel ol { display: grid; gap: .55rem; }
  .quiz-progress-panel li i { display: none; }
  .quiz-progress-panel > p:last-child { margin-top: auto; }
  .quiz-result-orientation { max-width: 530px; }
  .quiz-cta-button { justify-self: start; }
  .quiz-safety-resources header { grid-template-columns: 1fr; }
  .quiz-safety-resources header > p:last-child { grid-column: 1; }
}

@media (max-width: 760px) {
  .quiz-safety-bar { top: 64px; }
  .quiz-safety-bar button:first-child { overflow: hidden; padding-inline: 14px; white-space: nowrap; text-overflow: ellipsis; }
  .quiz-safety-bar button:last-child { min-width: 116px; padding-inline: .7rem; }
  .quiz-safety-bar button:last-child small { display: none; }
  .quiz-intro-grid { min-height: auto; grid-template-columns: 1fr; padding-block: 4rem; }
  .quiz-intro-copy h1 { font-size: clamp(3.75rem, 17vw, 5.2rem); }
  .quiz-intro-folio { min-height: 500px; }
  .quiz-question-screen { padding: 0; }
  .quiz-question-shell { width: 100%; min-height: calc(100vh - 110px); display: flex; flex-direction: column; border: 0; }
  .quiz-progress-panel { display: block; padding: 1rem 20px; }
  .quiz-progress-copy { margin-top: 1rem; }
  .quiz-progress-panel ol,
  .quiz-progress-panel > p:last-child { display: none; }
  .quiz-question-card { min-height: 650px; padding: 2rem 20px; }
  .quiz-question-card h2 { font-size: clamp(2.6rem, 12vw, 3.6rem); }
  .quiz-choice { grid-template-columns: 30px minmax(0, 1fr) 20px; gap: .65rem; padding: .72rem; }
  .quiz-choice-copy { font-size: .78rem; }
  .quiz-result-hero h1 { font-size: clamp(3.5rem, 16vw, 5.1rem); }
  .quiz-result-body { width: min(calc(100% - 32px), 1080px); }
  .quiz-action-fit { grid-template-columns: 76px minmax(0, 1fr); }
  .quiz-action-fit > span { width: 68px; height: 68px; font-size: .52rem; }
  .quiz-truth-grid,
  .quiz-script-grid,
  .quiz-circle-grid,
  .quiz-worsens ul,
  .quiz-safety-resource-grid { grid-template-columns: 1fr; }
  .quiz-truth-grid article { padding: 1.4rem 0; }
  .quiz-truth-grid article + article { border-top: 1px solid var(--quiz-rule); border-left: 0; padding-left: 0; }
  .quiz-script-grid blockquote:last-child:nth-child(odd) { grid-column: 1; }
  .quiz-private-path { gap: 1.5rem; }
  .quiz-save-result { grid-template-columns: 1fr; gap: 1rem; }
  .quiz-save-result > div:last-child { align-items: flex-start; flex-direction: column; }
  .quiz-result-feedback { grid-template-columns: 1fr; gap: 1.2rem; }
  .quiz-feedback-actions { justify-content: flex-start; }
  .quiz-weekly-cta { padding: 2rem 1.3rem; }
  .quiz-weekly-cta h2 { font-size: clamp(2.8rem, 13vw, 4rem); }
  .quiz-cta-button { width: 100%; }
  .quiz-safety-resource-grid article { padding: 1.8rem 0; }
  .quiz-safety-resource-grid article + article { border-top: 1px solid rgba(255, 255, 255, .16); border-left: 0; padding-left: 0; }
  .quiz-safety-boundary { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 440px) {
  .quiz-safety-bar button:first-child { max-width: calc(100vw - 104px); font-size: .61rem; }
  .quiz-safety-bar button:last-child { min-width: 104px; font-size: .62rem; }
  .quiz-intro-grid { width: min(calc(100% - 28px), 1180px); }
  .quiz-intro-folio { min-height: 475px; padding: 1.2rem; }
  .quiz-intro-folio li { min-height: 62px; }
  .quiz-question-card { min-height: 690px; }
  .quiz-question-card > footer { align-items: stretch; flex-direction: column-reverse; }
  .quiz-next-button { width: 100%; }
  .quiz-back-button { align-self: flex-start; }
  .quiz-action-fit { grid-template-columns: 1fr; }
  .quiz-practice { margin-inline: -16px; padding-inline: 1.25rem; }
  .quiz-practice-steps li { grid-template-columns: 36px minmax(0, 1fr); gap: .65rem; }
  .quiz-private-path,
  .quiz-weekly-cta { margin-inline: -16px; }
  .quiz-safety-copy h1 { font-size: clamp(3.35rem, 16vw, 4.5rem); }
}

@media (prefers-reduced-motion: reduce) {
  .quiz-page *,
  .quiz-page *::before,
  .quiz-page *::after { scroll-behavior: auto!important; transition-duration: .01ms!important; }
}

@media print {
  .quiz-page .quiz-safety-bar,
  .quiz-page .quiz-save-result,
  .quiz-page .quiz-result-feedback,
  .quiz-page .quiz-weekly-cta,
  .quiz-page .quiz-script-copy,
  .quiz-page .quiz-copy-status,
  .quiz-page .quiz-result-safety-boundary button,
  .site-header,
  .site-footer { display: none!important; }
  .quiz-result-hero { background: white!important; color: #1f2421!important; padding-block: 1rem!important; }
  .quiz-result-hero h1,
  .quiz-result-hero p,
  .quiz-result-orientation p,
  .quiz-result-orientation strong,
  .quiz-result-orientation small { color: #1f2421!important; }
  .quiz-result-body { width: 100%!important; max-width: none!important; padding-block: 0!important; }
  .quiz-result-section,
  .quiz-practice,
  .quiz-private-path { break-inside: avoid; margin-block: 1.4rem!important; }
  .quiz-practice { background: white!important; color: #1f2421!important; border: 1px solid #aaa; }
  .quiz-practice h2,
  .quiz-practice p,
  .quiz-practice li,
  .quiz-practice-steps p,
  .quiz-circle-grid-dark h3,
  .quiz-circle-grid-dark li { color: #1f2421!important; }
}