/* A quiet, compact question surface shared by surveys and builder previews. */
.survey-body--focused:has(.survey-clean){background:#f8fafc!important}
.survey-body--focused:has(.survey-clean) .bg-fixed,.survey-body--focused:has(.survey-clean) .bg-glow{display:none}
.survey-body--focused:has(.survey-clean) .container{width:100%;max-width:900px;padding:0 20px;margin:0 auto}
.survey-body--focused .survey-clean{--survey-brand-primary:#6d5dfc;--survey-brand-accent:#6d5dfc;box-sizing:border-box;min-height:100dvh;padding:24px 0;display:block;background:#f8fafc;color:#172033}
.survey-clean *{box-sizing:border-box}
.survey-body--focused .survey-clean .assessment-card{width:100%;max-width:808px;margin:0 auto;padding:18px;border:6px solid #000;border-radius:20px;box-shadow:none;background:transparent!important;color:#172033;font-family:system-ui,sans-serif}
.survey-clean .assessment-brand-head{margin:0 0 12px;padding:0;gap:12px}
.survey-clean .assessment-brand-mark{display:none}
.survey-clean .eyebrow{color:#667085!important;font-size:12px;font-weight:500;letter-spacing:.08em}
.survey-clean .dot{display:none}
.survey-clean .page-title{font:700 26px/1.2 system-ui,sans-serif!important;color:#172033!important;margin:6px 0 0}
.survey-clean .callout{margin:8px 0;padding:0;border:0!important;background:none!important;box-shadow:none;color:#667085!important}
.survey-clean .callout p,.survey-clean .lede{margin:6px 0;font-size:13px;line-height:1.4;color:#667085!important}
.survey-clean .assessment-form{gap:0;margin-top:14px}
.survey-body--focused .survey-clean .assessment-wizard-bar{display:flex;flex-direction:column-reverse;align-items:stretch;gap:8px;border:0;background:transparent!important;box-shadow:none;padding:0;margin:0 0 20px}
.survey-clean .assessment-wizard-bar>div:first-child{display:flex;gap:14px;align-items:center}
.survey-clean .assessment-wizard-bar .eyebrow{font-size:13px;text-transform:none;letter-spacing:0}
.survey-clean .assessment-wizard-bar small{color:#667085;font-size:13px}
.survey-clean .assessment-progress{width:100%;height:5px;border:0;background:#e4e7ec}
.survey-clean .assessment-progress span{background:#6d5dfc!important}
.survey-clean .assessment-section-name,.survey-clean .assessment-step-kicker{font-size:11px;color:#667085;margin:0 0 6px;font-weight:600}
.survey-body--focused .survey-clean .assessment-field{border:0;background:transparent!important;box-shadow:none;padding:0;margin:0}
.survey-body--focused .survey-clean .assessment-label{display:block;font:700 24px/1.25 system-ui,sans-serif!important;color:#172033!important;margin:0 0 24px}
.survey-clean .assessment-help{font-size:14px;line-height:1.4;margin:0 0 14px;color:#667085!important}
.survey-body--focused .survey-clean .public-options{display:grid;grid-template-columns:1fr;gap:7px;margin:0}
.survey-body--focused .survey-clean .public-option{display:flex;justify-content:flex-start;align-items:center;gap:10px;min-height:42px;padding:10px 14px;margin:0;border:1px solid #d4d9e2;border-radius:10px;box-shadow:none;background:transparent!important;color:#172033!important;font-size:14px;font-weight:400;text-align:left}
.survey-clean .public-option span{font-weight:400!important}
.survey-clean input{accent-color:#6d5dfc}
.survey-clean .public-option input{flex:0 0 auto;margin:0;width:16px;height:16px}
.survey-body--focused .survey-clean .public-option:has(input:checked){border-color:#6d5dfc;background:#ede9ff!important;box-shadow:inset 0 0 0 1px #6d5dfc}
.survey-clean .public-option:focus-within{outline:2px solid #6d5dfc;outline-offset:-3px}
.survey-clean .assessment-controls{display:flex;justify-content:space-between;gap:12px;margin:18px 0 8px;padding:0}
.survey-body--focused .survey-clean .btn{min-height:38px;min-width:0;padding:9px 16px;border:1px solid #d4d9e2;border-radius:9px;background:#fff!important;color:#344054!important;box-shadow:none;font-size:13px;font-weight:600;text-decoration:none}
.survey-body--focused .survey-clean .btn-primary{background:#6d5dfc!important;border-color:#6d5dfc;color:#fff!important;margin-left:auto}
.survey-clean .btn:disabled{opacity:.45}
.survey-clean .assessment-exit-link{display:inline-flex;margin:4px 0}
.survey-clean .assessment-instrument-credit{margin-top:12px;padding-top:10px;font-size:11px;color:#667085;border-top:1px solid #e4e7ec}
.survey-clean .assessment-identity-note{padding:8px 0;margin:8px 0;border:0;background:none;box-shadow:none;font-size:12px}
.survey-clean .assessment-identity-note small{font-size:12px}
.survey-clean [hidden]{display:none!important}
.survey-preview-dialog .preview-device{min-height:0;padding:20px;border-width:6px}
.survey-preview-dialog .respondent-mini{max-width:760px;padding:0;margin:0 auto}
.survey-preview-dialog .respondent-mini h2{font-size:26px;line-height:1.2;margin:6px 0 14px}
.survey-preview-dialog .respondent-mini h3{font-size:24px;line-height:1.25;margin:22px 0 24px}
.survey-preview-dialog .respondent-mini p{font-size:14px;line-height:1.4;margin:0 0 14px}
.survey-preview-dialog .respondent-mini .mini-answers{display:grid;gap:7px}
.survey-preview-dialog .respondent-mini .mini-answers>label{min-height:42px;margin:0;padding:10px 14px;border-radius:10px;font-size:14px;line-height:1.4}
.survey-preview-dialog .respondent-mini button{margin-top:18px;padding:9px 16px;font-size:13px}
@media(min-width:700px){
 .survey-body--focused .survey-clean .survey-options-many,.survey-preview-dialog .respondent-mini .survey-options-many{grid-template-columns:repeat(2,minmax(0,1fr))}
 .survey-preview-dialog .preview-device.mobile .survey-options-many{grid-template-columns:1fr}
}
@media(max-height:800px) and (min-width:700px){
 .survey-body--focused .survey-clean{padding:16px 0}
 .survey-clean .assessment-wizard-bar{margin-bottom:14px!important}
 .survey-clean .page-title,.survey-preview-dialog .respondent-mini h2{font-size:23px!important}
 .survey-clean .assessment-label,.survey-preview-dialog .respondent-mini h3{font-size:21px!important}
 .survey-preview-dialog{padding:20px}
 .survey-preview-dialog .respondent-mini h3{margin-top:16px}
}
@media(max-width:699px){
 .survey-body--focused .survey-clean{padding:18px 0}
 .survey-clean .page-title{font-size:23px!important}
 .survey-body--focused .survey-clean .assessment-label{font-size:21px!important}
}
.survey-clean .assessment-brand-head{display:block;text-align:left}
.survey-body--focused .survey-clean .assessment-field{display:block}
.survey-body--focused:has(.survey-clean) .container{box-sizing:border-box}

/* Assessment previews share the survey frame, with optional test setup tucked away. */
.survey-clean .assessment-preview-settings{margin:0 0 12px;font-size:12px;color:#667085}
.survey-clean .assessment-preview-settings summary{cursor:pointer;width:max-content;padding:7px 12px;border:1px solid #d4d9e2;border-radius:9px;background:#fff;color:#344054}
.survey-clean .assessment-test-context{padding:12px;margin:8px 0;border:1px solid #d4d9e2;box-shadow:none;background:transparent}
.survey-body--focused .survey-clean.assessment-preview-shell--modal{height:auto;min-height:0;padding:12px}
.survey-body--focused .survey-clean.assessment-preview-shell--modal .assessment-card{height:auto;min-height:0}
.survey-clean .input,.survey-clean .select{background:#fff!important;color:#172033!important;border:1px solid #d4d9e2!important;border-radius:10px;padding:10px 12px;max-width:100%;box-sizing:border-box}

.assessment-about{font-size:12px;margin:8px 0;color:#667085}
.assessment-about summary{cursor:pointer;width:max-content;padding:7px 12px;border:1px solid #d4d9e2;border-radius:9px;background:#fff;color:#344054}
.survey-body--focused .assessment-clean .assessment-identity-note{display:block;padding:0;margin:6px 0;background:transparent!important;box-shadow:none!important;border:0}
.assessment-clean .assessment-identity-note>span{display:none}
.survey-body--focused .assessment-clean .assessment-identity-note strong{font-size:12px;line-height:1.4}
.survey-body--focused .assessment-clean .assessment-identity-note small{display:block;font-size:12px;line-height:1.4}

/* The embedded assessment owns the frame; its host fits directly around it. */
.survey-body--focused .survey-clean.assessment-preview-shell--modal{padding:0}
.survey-body--focused .survey-clean.assessment-preview-shell--modal .assessment-field{max-height:none;overflow:visible}
.survey-clean.assessment-preview-shell--modal .assessment-brand-head{padding-right:36px}
.survey-body--focused:has(.assessment-preview-shell--modal) .container{padding:0}

/* Keep answer outlines inside their rounded edges even in scrolling previews. */
.survey-clean.assessment-preview-shell--modal .assessment-step:not([hidden]){overflow:visible}

/* Give numeric scales a clear instruction, breathing room, and readable endpoints. */
.survey-clean .public-scale-fieldset{min-width:0;margin:22px 0 8px}
.survey-clean .public-scale-instruction{display:block;width:100%;padding:0 0 16px;text-align:center;font-size:14px;font-weight:600;line-height:1.4;color:#667085}
.survey-clean .public-scale-option{margin:0}
.survey-clean .public-scale-option span{border-color:#d4d9e2;color:#344054}
.survey-clean .public-scale-option:has(input:checked) span{background:#6d5dfc;border-color:#6d5dfc;color:#fff}
.survey-clean .public-scale-option:has(input:focus-visible) span{outline:2px solid #6d5dfc;outline-offset:-4px}
.survey-clean .public-scale-labels,.survey-preview-dialog .mini-scale-labels{align-items:flex-start;gap:16px;margin-top:16px}
.survey-clean .public-scale-labels span,.survey-preview-dialog .mini-scale-labels span{display:inline-block;max-width:46%;padding:7px 12px;border:1px solid #ddd6fe;border-radius:8px;background:#f1edff;color:#5843ae;font-size:12px;font-weight:650;line-height:1.4}
.survey-clean .public-scale-labels span:last-child,.survey-preview-dialog .mini-scale-labels span:last-child{text-align:right}
@media(max-width:500px){.survey-clean .public-scale-labels span,.survey-preview-dialog .mini-scale-labels span{padding:6px 9px}}