/* ============ NEIGHBORHOOD WELLNESS QUIZ ============ */
.quiz-block { background:var(--card); border:1px solid var(--rule); border-radius:12px;
  overflow:hidden; box-shadow:0 4px 24px rgba(15,29,47,0.07); margin-top:14px; }
.quiz-intro { padding:0; }
.quiz-hero { background:linear-gradient(165deg,var(--navy) 0%, #1B2D4A 65%, #1F3A2E 100%);
  color:white; padding:30px 32px 28px; position:relative; overflow:hidden; }
.quiz-hero::before { content:""; position:absolute; inset:0; opacity:0.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1' stroke-opacity='0.05'%3E%3Cpath d='M-20 90 Q120 30 260 100 T540 90'/%3E%3Cpath d='M-20 170 Q120 110 260 180 T540 170'/%3E%3Cpath d='M-20 250 Q120 190 260 260 T540 250'/%3E%3C/g%3E%3C/svg%3E"); }
.quiz-hero > * { position:relative; z-index:1; }
.quiz-eyebrow { font-family:var(--display); font-size:10px; font-weight:800; letter-spacing:2px;
  color:#C9963B; text-transform:uppercase; }
.quiz-title { font-family:var(--display); font-size:26px; font-weight:800; line-height:1.15;
  margin:10px 0 8px; }
.quiz-sub { font-size:14px; color:rgba(255,255,255,0.82); line-height:1.55; }
.quiz-body { padding:22px 28px 26px; }
.quiz-body p { font-size:14px; color:var(--ink-light); margin:0 0 16px; }
.quiz-meta { display:flex; gap:18px; font-size:12px; color:var(--muted); margin-bottom:18px; }
.quiz-meta b { color:var(--ink); }
.quiz-btn { font-family:var(--display); font-weight:700; font-size:14.5px; border:none; cursor:pointer;
  padding:13px 24px; border-radius:8px; background:var(--green); color:white; width:100%; }
.quiz-btn:hover { background:#2E7D5C; }
.quiz-btn.secondary { background:transparent; color:var(--green); border:1px solid var(--rule); }

.quiz-q-screen { display:none; padding:0; }
.quiz-progress { height:5px; background:var(--rule); }
.quiz-progress-fill { height:100%; background:var(--green); transition:width 0.35s ease; }
.quiz-q-body { padding:26px 28px 28px; }
.quiz-q-counter { font-family:var(--display); font-size:11px; font-weight:800; letter-spacing:1px;
  color:var(--muted); text-transform:uppercase; }
.quiz-q-pillar { display:inline-block; font-family:var(--display); font-size:9px; font-weight:800;
  letter-spacing:0.8px; padding:3px 8px; border-radius:4px; margin-left:8px;
  background:rgba(31,92,62,0.1); color:var(--green); }
.quiz-q-text { font-family:var(--display); font-size:20px; font-weight:700; line-height:1.32;
  margin:12px 0 18px; color:var(--ink); }
.quiz-q-text .local { color:#2E7D5C; }
.quiz-options { display:flex; flex-direction:column; gap:9px; }
.quiz-opt { text-align:left; background:var(--card); border:1.5px solid var(--rule);
  border-radius:9px; padding:13px 16px; font-size:14px; font-family:var(--body); color:var(--ink);
  cursor:pointer; transition:all 0.12s; line-height:1.4; }
.quiz-opt:hover { border-color:var(--green); background:#F4F8F5; }
.quiz-back { margin-top:16px; background:none; border:none; color:var(--muted); font-size:12px;
  cursor:pointer; font-weight:600; padding:0; }

.quiz-result { display:none; }
.quiz-result-hero { background:linear-gradient(165deg,var(--navy) 0%, #1B2D4A 60%, #1F3A2E 100%);
  color:white; padding:30px 32px 26px; text-align:center; position:relative; overflow:hidden; }
.quiz-result-hero::before { content:""; position:absolute; inset:0; opacity:0.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1' stroke-opacity='0.05'%3E%3Cpath d='M-20 90 Q120 30 260 100 T540 90'/%3E%3Cpath d='M-20 180 Q120 120 260 190 T540 180'/%3E%3Cpath d='M-20 270 Q120 210 260 280 T540 270'/%3E%3C/g%3E%3C/svg%3E"); }
.quiz-result-hero > * { position:relative; z-index:1; }
.quiz-arche-tag { font-family:var(--display); font-size:10px; font-weight:800; letter-spacing:2px;
  color:#C9963B; text-transform:uppercase; }
.quiz-arche { font-family:var(--display); font-size:30px; font-weight:900; line-height:1.05;
  margin:8px 0 10px; }
.quiz-verdict { font-size:14px; color:rgba(255,255,255,0.82); line-height:1.55;
  max-width:440px; margin:0 auto; }
.quiz-compare { display:flex; gap:0; padding:22px 32px; border-bottom:1px solid var(--rule); }
.quiz-compare-half { flex:1; text-align:center; }
.quiz-compare-half + .quiz-compare-half { border-left:1px solid var(--rule); }
.quiz-compare-label { font-size:11px; color:var(--muted); font-weight:600; text-transform:uppercase;
  letter-spacing:0.5px; }
.quiz-compare-num { font-family:var(--display); font-size:42px; font-weight:900; line-height:1; margin:6px 0 2px; }
.quiz-compare-num.zip { color:var(--navy); }
.quiz-compare-num.you { color:var(--green); }
.quiz-compare-sub { font-size:11px; color:var(--muted); }
.quiz-gap { padding:18px 32px; background:#F4F8F5; font-size:14px; color:var(--ink-light);
  line-height:1.6; border-bottom:1px solid var(--rule); }
.quiz-gap b { color:var(--ink); }
.quiz-nudges { padding:22px 28px; }
.quiz-nudges h3 { font-family:var(--display); font-size:12px; font-weight:800; text-transform:uppercase;
  letter-spacing:0.8px; color:var(--muted); margin:0 0 12px; }
.quiz-nudge { display:flex; gap:12px; padding:11px 0; border-top:1px solid var(--rule); font-size:13.5px;
  color:var(--ink-light); line-height:1.5; }
.quiz-nudge:first-of-type { border-top:none; }
.quiz-nudge-mark { width:22px; height:22px; border-radius:6px; flex-shrink:0; background:rgba(31,92,62,0.1);
  color:var(--green); font-weight:800; font-size:13px; display:flex; align-items:center;
  justify-content:center; font-family:var(--display); margin-top:1px; }
.quiz-nudge b { color:var(--ink); }
.quiz-cta { padding:0 28px 26px; }
.quiz-cta p { font-size:12px; color:var(--muted); text-align:center; margin:12px 0 0; }

@media (max-width:560px) {
  .quiz-hero, .quiz-result-hero { padding:24px 22px 22px; }
  .quiz-body, .quiz-q-body, .quiz-nudges { padding:20px 22px 22px; }
  .quiz-compare { padding:18px 22px; }
  .quiz-gap { padding:16px 22px; }
  .quiz-cta { padding:0 22px 22px; }
  .quiz-title { font-size:22px; }
  .quiz-arche { font-size:24px; }
  .quiz-compare-num { font-size:34px; }
}

/* ============ TRIVIA MODE (Neighborhood IQ) ============ */
.quiz-opt.answered { cursor:default; }
.quiz-opt.answered:hover { border-color:var(--rule); background:var(--card); }
.quiz-opt.correct { border-color:#2E7D5C; background:#E7F1EA; color:#1F5C3E; font-weight:600; }
.quiz-opt.wrong { border-color:#C0603F; background:#F8EAE4; color:#9E4528; }
.q-st { color:var(--muted); font-size:12px; font-weight:500; display:block; margin-top:2px; }
.quiz-opt.correct .q-st, .quiz-opt.wrong .q-st { color:inherit; opacity:.78; }
.quiz-reveal { margin-top:14px; padding:14px 16px; border-radius:9px; background:#F6F2E9;
  border:1px solid #E8E0CE; animation:quizRevealIn .22s ease; }
.quiz-reveal.right { background:#E7F1EA; border-color:#CDE3D4; }
.quiz-reveal.miss { background:#FBF0EA; border-color:#EDD9CD; }
@keyframes quizRevealIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
.quiz-reveal-mark { font-family:var(--display); font-weight:800; font-size:12px; letter-spacing:.6px;
  text-transform:uppercase; margin-bottom:5px; }
.quiz-reveal.right .quiz-reveal-mark { color:#2E7D5C; }
.quiz-reveal.miss .quiz-reveal-mark { color:#C0603F; }
.quiz-reveal-body { font-size:14px; color:var(--ink); line-height:1.5; }
.quiz-reveal-body b { color:var(--ink); }
.quiz-next { margin-top:13px; font-family:var(--display); font-weight:700; font-size:14px; border:none;
  cursor:pointer; padding:11px 20px; border-radius:8px; background:var(--green); color:#fff; width:100%; }
.quiz-next:hover { background:#2E7D5C; }
.quiz-btn:disabled { opacity:.6; cursor:default; }
.quiz-nudge-mark.ok { background:#E7F1EA; color:#2E7D5C; }
.quiz-nudge-mark.no { background:#FBF0EA; color:#C0603F; }