/* Only the deepsea questionnaire surface; ordinary quiz/result cards are unchanged. */
.deepsea-questionnaire-dialog .deepsea-surface-nav[hidden] { display:none; }
.deepsea-questionnaire-dialog .deepsea-surface-body { background:var(--hz-warm-white,#f7f5ef); }
.deepsea-surface-dialog #quizView.persona-quiz-active { padding:0; background:transparent; }
#quizView.persona-quiz-active > :not(.persona-quiz-panel) { display:none; }
#quizView .persona-quiz-panel { --quiz-ink:var(--hz-accent-ink,#173C3C); --quiz-teal:var(--hz-accent,#57B7B7); --quiz-soft:var(--hz-accent-soft,#E6F3F1); color:var(--quiz-ink); padding:20px 28px 22px; }
.persona-quiz-panel * { box-sizing:border-box; }
.persona-quiz-header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.persona-quiz-counter { margin:0; font-size:13px; color:#476561; line-height:1.5; }
.persona-quiz-header .deepsea-surface-close { position:static; float:none; margin:0; width:44px; height:44px; display:grid; place-items:center; color:var(--quiz-ink); background:var(--quiz-soft); border-color:#b5d7d3; }
.persona-quiz-stages { display:flex; list-style:none; gap:10px; padding:0; margin:10px 0 9px; font-size:12px; color:#637973; }
.persona-quiz-stages li { flex:1; min-width:0; text-align:center; }
.persona-quiz-stages .is-current { font-weight:700; color:var(--quiz-ink); }
.persona-quiz-stages .is-complete::before { content:'✓ '; }
.persona-quiz-progress { height:4px; border-radius:8px; overflow:hidden; background:#dce8e4; }
.persona-quiz-progress span { display:block; height:100%; width:var(--quiz-progress,0%); background:var(--quiz-teal); transition:width .16s ease; }
.persona-quiz-note { margin:12px 0 20px; color:#536c66; font-size:12px; line-height:1.6; }
.persona-quiz-question { margin:0 0 20px; color:var(--quiz-ink); font-size:24px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.persona-quiz-options { border:0; margin:0; padding:0; display:grid; gap:10px; min-width:0; }
.persona-quiz-option { margin:0; position:relative; display:flex; align-items:center; gap:12px; min-height:56px; padding:14px; border:1px solid #cadeda; border-radius:12px; background:#fffefa; cursor:pointer; color:var(--quiz-ink); }
.persona-quiz-option input { position:absolute; opacity:0; width:1px; height:1px; }
.persona-quiz-option.is-selected { background:var(--quiz-soft); border-color:var(--quiz-teal); box-shadow:inset 0 0 0 1px var(--quiz-teal); }
.persona-option-letter { display:grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border:1px solid #c3d9d5; border-radius:50%; color:#476963; font-size:13px; font-weight:600; }
.is-selected .persona-option-letter { color:var(--quiz-ink); background:var(--quiz-teal); border-color:var(--quiz-teal); }
.persona-option-copy { flex:1; min-width:0; overflow-wrap:anywhere; font-size:15px; line-height:1.6; }
.persona-option-check { visibility:hidden; width:18px; flex:0 0 18px; color:var(--quiz-ink); font-size:18px; font-weight:800; }
.is-selected .persona-option-check { visibility:visible; }
.persona-quiz-option:has(input:focus-visible),.persona-quiz-panel button:focus-visible,.persona-quiz-question:focus-visible { outline:3px solid #347E79; outline-offset:3px; }
.persona-quiz-options:disabled .persona-quiz-option { cursor:default; }
.persona-quiz-status { min-height:24px; margin:14px 0 4px; line-height:1.65; color:#476561; font-size:13px; }
.persona-quiz-panel[data-state='submitting'] .persona-quiz-status::before { content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin-right:8px; border:2px solid #bfdad6; border-top-color:var(--quiz-ink); border-radius:50%; animation:persona-submit-spin .8s linear infinite; }
.persona-quiz-panel .is-error { color:#a34343; }
.persona-quiz-status:empty { display:none; }
.persona-quiz-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:20px; }
.persona-quiz-actions button { min-height:44px; padding:10px 16px; color:var(--quiz-ink); border:1px solid #bfd8d3; background:var(--quiz-soft); border-radius:12px; font-size:14px; cursor:pointer; }
.persona-quiz-actions button[disabled] { color:#748780; background:#eff1ed; border-color:#d7ded8; cursor:default; }
.persona-quiz-actions [data-quiz-next],.persona-quiz-actions [data-quiz-retry] { background:var(--quiz-teal); border-color:var(--quiz-teal); font-weight:650; }
.persona-quiz-actions [hidden] { display:none; }
@keyframes persona-submit-spin { to { transform:rotate(360deg); } }
@media(max-width:600px) { #quizView .persona-quiz-panel { padding:12px 16px 18px; } .persona-quiz-question { font-size:20px; margin-bottom:16px; } .persona-quiz-note { margin:10px 0 16px; } .persona-quiz-option { gap:10px; padding:12px; } }
@media(prefers-reduced-motion:reduce) { .persona-quiz-progress span { transition:none; } .persona-quiz-panel[data-state='submitting'] .persona-quiz-status::before { animation:none; } }

.persona-quiz-exit { margin-top:16px; padding-top:16px; border-top:1px solid #dfc2b4; }
.persona-quiz-exit[hidden] { display:none; }
.persona-quiz-exit h3 { margin:0; font-size:16px; color:var(--quiz-ink); }
.persona-quiz-exit p { font-size:13px; line-height:1.65; color:#a34343; }