/* Page-scoped spacing: keep hero and quiz card close together */
    body.quiz-page .section-hero { padding-bottom: 1.5rem !important; }
    body.quiz-page .content-section { padding-top: 1.5rem !important; }
    #quiz-begin { display: block; margin: 0 auto; }
    /* CSP-safe replacements for former inline styles */
    .quiz-hero { background: linear-gradient(180deg, #f0ddd0 0%, var(--porch-cream, #FAF5ED) 100%); }
    .quiz-start { text-align: center; }
    .quiz-intro-text { font-size: 1.05rem; line-height: 1.8; color: var(--text-medium, #6B6157); margin-bottom: 1.75rem; }
    .is-hidden { display: none; }
    .result-header-center { text-align: center; }
    .quiz-wrap { max-width: 680px; margin: 0 auto; }
    .quiz-card {
      background: var(--white, #fff);
      border: 1px solid rgba(184,149,90,0.2);
      border-radius: 8px;
      padding: 2.5rem;
      margin-top: 2rem;
    }
    .quiz-progress {
      font-family: var(--sans);
      font-size: 0.78rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--porch-terracotta, #C4835A);
      margin-bottom: 1rem;
    }
    .quiz-question {
      font-family: var(--serif);
      font-size: 1.5rem;
      color: var(--ink, #3A3530);
      margin-bottom: 1.75rem;
      line-height: 1.35;
    }
    .quiz-options { display: grid; gap: 0.75rem; }
    .quiz-option {
      text-align: left;
      font-family: var(--sans);
      font-size: 1rem;
      line-height: 1.5;
      color: var(--ink, #3A3530);
      background: var(--porch-cream, #FAF5ED);
      border: 1px solid rgba(184,149,90,0.25);
      border-radius: 6px;
      padding: 1rem 1.25rem;
      cursor: pointer;
      transition: border-color 0.2s ease, background 0.2s ease;
    }
    .quiz-option:hover { border-color: var(--porch-gold, #B8955A); background: #fff; }
    /* Results */
    .quiz-result { display: none; }
    .quiz-result.active { display: block; }
    .result-name {
      font-family: var(--serif);
      font-size: 2rem;
      color: var(--ink, #3A3530);
      line-height: 1.25;
      margin-bottom: 0.5rem;
    }
    .result-tagline {
      font-family: var(--serif);
      font-style: italic;
      font-size: 1.15rem;
      color: var(--porch-terracotta, #C4835A);
      margin-bottom: 1.5rem;
    }
    .result-section { margin-top: 1.75rem; }
    .result-section h3 {
      font-family: var(--sans);
      font-size: 0.8rem;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--porch-gold, #B8955A);
      margin-bottom: 0.6rem;
    }
    .result-section p { font-size: 1.02rem; line-height: 1.8; color: var(--ink, #3A3530); }
    .result-section ul { margin: 0; padding-left: 1.2rem; }
    .result-section li { font-size: 1.02rem; line-height: 1.8; color: var(--ink, #3A3530); margin-bottom: 0.4rem; }
    .result-cta {
      margin-top: 2.25rem;
      padding-top: 1.75rem;
      border-top: 1px solid rgba(184,149,90,0.25);
      text-align: center;
    }
    .result-cta p { font-family: var(--serif); font-style: italic; font-size: 1.1rem; color: var(--ink, #3A3530); margin-bottom: 1.25rem; }
    .quiz-restart {
      display: block;
      margin: 1.5rem auto 0;
      background: none;
      border: none;
      font-family: var(--sans);
      font-size: 0.9rem;
      color: var(--porch-terracotta, #C4835A);
      text-decoration: underline;
      cursor: pointer;
    }