/* Shared granular questionnaire, isolated from the conversation and legacy form. */
.conversation-content { display:contents; }
/* One scroll surface for the new questionnaire and dialogue. The heading and
   AI composer remain outside it; historical forms keep their existing layout. */
body[data-cupidon-screen='conversation'][data-cupidon-interview='granular'] .conversation-content {
  display:block;
  flex:1 1 0%;
  min-height:0;
  min-width:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scroll-padding-block:16px 100px;
}
body[data-cupidon-screen='conversation'][data-cupidon-interview='granular'] .conversation-content .messages {
  flex:none;
  height:auto;
  overflow:visible;
}
/* In a keyboard-sized viewport the form actions must not cover its inputs. */
body[data-cupidon-screen='conversation'][data-cupidon-interview='granular'][data-cupidon-compact='true'] .interview-actions { position:static; }
.interview-editor { --qe-bg:var(--mc-theme-bg,var(--paper,#fff)); --qe-surface:var(--mc-theme-surface,var(--white,#fff)); --qe-soft:var(--mc-theme-soft,var(--paper,#f7f5f4)); --qe-text:var(--mc-theme-text,var(--ink,#202020)); --qe-muted:var(--mc-theme-muted,var(--muted,#666)); --qe-line:var(--mc-theme-line,var(--line,#ddd)); --qe-accent:var(--mc-theme-link,var(--berry,#8b3150)); display:grid;gap:18px;max-inline-size:760px;min-inline-size:0;margin-inline:auto;padding:18px 14px 0;background:var(--qe-bg);color:var(--qe-text);overflow-wrap:anywhere; }
.interview-editor *, .interview-editor *::before, .interview-editor *::after {box-sizing:border-box;min-inline-size:0;}
.interview-editor [hidden] {display:none!important;}
.interview-editor :is(button,input,textarea,select) {font:inherit;font-size:16px;line-height:1.45;letter-spacing:normal;text-transform:none;max-inline-size:100%;}
.interview-editor :is(button,summary) {min-block-size:44px;}
.interview-editor button {white-space:normal;overflow-wrap:anywhere;cursor:pointer;}
.interview-editor :is(button,input,textarea,summary):focus-visible {outline:3px solid var(--qe-accent);outline-offset:3px;}
.interview-editor :disabled {cursor:default;opacity:.65;}
.interview-editor :is(h3,h4,p) {margin:0;}
.interview-global-progress {display:grid;gap:6px;}
.interview-progress {display:block;inline-size:100%;block-size:6px;border:0;border-radius:99px;overflow:hidden;accent-color:var(--qe-accent);background:var(--qe-line);}
.interview-progress::-webkit-progress-bar {background:var(--qe-line);border-radius:99px;}
.interview-progress::-webkit-progress-value {background:var(--qe-accent);border-radius:99px;}
.interview-progress::-moz-progress-bar {background:var(--qe-accent);border-radius:99px;}
.interview-modules {display:flex;gap:8px;overflow-x:auto;max-inline-size:100%;padding:3px 3px 8px;scroll-padding:3px;}
.interview-module {display:grid;align-content:space-between;gap:8px;flex:0 0 170px;border:1px solid var(--qe-line);border-radius:12px;padding:10px;text-align:start;background:var(--qe-surface);color:var(--qe-muted);font-size:14px!important;}
.interview-module[aria-current=step] {border-color:var(--qe-accent);color:var(--qe-text);background:var(--qe-soft);font-weight:650;}
.interview-scopes {border:1px solid var(--qe-line);border-radius:14px;padding:10px 14px;background:var(--qe-surface);}
.interview-scopes summary {display:list-item;align-content:center;font-weight:600;cursor:pointer;}
.interview-access,.interview-parent-help {display:grid;gap:12px;padding:16px;border:1px solid var(--qe-line);border-radius:14px;background:var(--qe-soft);}
.interview-access h4 {font-size:18px;line-height:1.4;}
.interview-access-row {display:grid;gap:10px;padding-block-start:12px;border-block-start:1px solid var(--qe-line);}
.interview-access-row .button {justify-self:start;min-block-size:44px;padding:11px 14px;}
.interview-question-list {padding:12px 14px;border:1px solid var(--qe-line);border-radius:12px;background:var(--qe-surface);}
.interview-question-list summary {min-block-size:44px;align-content:center;cursor:pointer;font-size:14px;line-height:1.5;}
.interview-question-link {display:block;inline-size:100%;text-align:start;padding:12px 0;border:0;border-block-start:1px solid var(--qe-line);background:transparent;color:var(--qe-text);}
.interview-named-points {display:grid;gap:12px;padding:14px;border:1px solid var(--qe-line);border-radius:12px;background:var(--qe-soft);}
.interview-editor .interview-field input[type=text] {inline-size:100%;min-block-size:48px;padding:12px;border:1px solid var(--qe-line);border-radius:10px;background:var(--qe-surface);color:var(--qe-text);font-size:16px;}
.interview-point-list,.interview-point {display:grid;gap:8px;}
.interview-point {grid-template-columns:minmax(0,1fr) auto;align-items:center;border-block-end:1px solid var(--qe-line);padding-block-end:8px;}
.interview-scopes>.interview-help {margin-block:10px;}
.interview-scope {display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:8px;border-block-start:1px solid var(--qe-line);}
.interview-scope>span {flex:1;}
.interview-scope>button {flex:0 1 140px;}
.interview-module-title {font-size:16px;color:var(--qe-muted);font-weight:500;}
.interview-question {display:grid;gap:16px;min-inline-size:0;}
.interview-answer-body {display:grid;gap:16px;}
.interview-optional,.interview-kept,.interview-reuse {display:grid;gap:12px;padding:14px;border:1px solid var(--qe-line);border-radius:12px;background:var(--qe-soft);}
.interview-kept-answer {display:grid;gap:8px;}
.interview-kept textarea {inline-size:100%;padding:12px;border:1px solid var(--qe-line);border-radius:10px;background:var(--qe-surface);color:var(--qe-text);resize:vertical;}
.interview-title {font-size:clamp(22px,4.8vw,30px);line-height:1.3;font-weight:650;letter-spacing:-.025em;}
.interview-position,.interview-help,.interview-status {font-size:14px;line-height:1.5;color:var(--qe-muted);}
.interview-parameter {padding:12px;border-inline-start:3px solid var(--qe-accent);background:var(--qe-soft);}
.interview-choices {display:grid;gap:8px;}
.interview-choice,.interview-essential {display:flex;align-items:flex-start;gap:12px;min-block-size:48px;padding:12px;border:1px solid var(--qe-line);border-radius:12px;background:var(--qe-surface);line-height:1.45;cursor:pointer;}
.interview-choice:has(input:checked),.interview-essential:has(input:checked) {border-color:var(--qe-accent);background:var(--qe-soft);}
.interview-editor input:is([type=checkbox],[type=radio]) {flex:0 0 20px;inline-size:20px;block-size:20px;margin:2px 0 0;accent-color:var(--qe-accent);}
.interview-field {display:grid;gap:8px;font-size:15px;line-height:1.5;}
.interview-field textarea {display:block;inline-size:100%;min-block-size:108px;padding:14px;border:1px solid var(--qe-line);border-radius:12px;background:var(--qe-surface);color:var(--qe-text);resize:vertical;overflow-wrap:anywhere;}
.interview-field textarea[data-field=condition] {min-block-size:84px;}
.interview-kinds {display:flex;flex-wrap:wrap;gap:8px;}
.interview-kind {border:1px solid var(--qe-line);border-radius:999px;background:var(--qe-surface);color:var(--qe-text);padding:10px 14px;font-size:14px!important;}
.interview-kind[aria-pressed=true] {border-color:var(--qe-accent);background:var(--qe-soft);font-weight:650;}
.interview-importance {display:grid;gap:8px;border:0;padding:0;margin:0;}
.interview-importance legend {padding:0;margin-block-end:10px;line-height:1.45;font-weight:600;}
.interview-error {padding:12px;border-inline-start:3px solid var(--qe-accent);color:var(--qe-text);background:var(--qe-soft);line-height:1.5;}
.interview-actions {position:sticky;inset-block-start:auto;inset-block-end:0;z-index:3;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:6px;padding-block:10px max(10px,env(safe-area-inset-bottom));background:var(--qe-bg);border-block-start:1px solid var(--qe-line);}
.interview-actions>button {min-block-size:48px;padding:10px 8px;border-radius:12px;font-size:14px!important;}
.interview-link {padding:8px 6px;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--qe-accent);text-align:start;font-size:14px!important;}
@media(min-width:600px) {.interview-editor{padding:24px 28px 0;gap:22px;}.interview-question{gap:20px;}.interview-choices{grid-template-columns:repeat(2,minmax(0,1fr));}.interview-field textarea{min-block-size:140px;}.interview-actions>button{font-size:16px!important;}}
@media(prefers-reduced-motion:reduce){.interview-editor *{scroll-behavior:auto;}}

#detailed-answers {display:grid;gap:18px;padding:18px;min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere;}
.interview-declaration {min-inline-size:0;border-block-end:1px solid var(--mc-theme-line,#ddd);padding-block-end:16px;}
.interview-declaration h3 {font-size:18px;line-height:1.4;}
.interview-declaration p {white-space:pre-wrap;overflow-wrap:anywhere;}
.interview-legacy,.interview-ambiguity,.interview-followups,.interview-choice-importance {display:grid;gap:12px;min-inline-size:0;padding:14px;border:1px solid var(--qe-line,var(--mc-theme-line,#ddd));border-radius:12px;background:var(--qe-soft,var(--mc-theme-soft,#f7f5f4));}
.interview-legacy p,.interview-ambiguity p {font-size:15px;line-height:1.55;}
.interview-importance-list {display:grid;gap:14px;min-inline-size:0;}
.interview-exact-importance {display:grid;gap:10px;padding-block:12px;border-block-start:1px solid var(--qe-line);min-inline-size:0;}
.interview-exact-importance select {inline-size:100%;min-block-size:48px;padding:10px;border:1px solid var(--qe-line);border-radius:10px;background:var(--qe-surface);color:var(--qe-text);font-size:16px;}
.interview-choice-importance>.interview-choice {align-items:center;}
.interview-declaration .interview-sense-note {padding:10px;border-inline-start:3px solid var(--mc-theme-link,var(--berry,#8b3150));font-size:14px;}