/* Compact builder, retaining native controls and validation. */
body[data-view="builder"] #app .hub-builder-head{padding:14px 0 10px}
body[data-view="builder"] #app .hub-builder-head h1{font-size:28px;line-height:1.25;margin:0 0 5px}
body[data-view="builder"] #app .hub-builder-head p{font-size:14px;margin:0}
body[data-view="builder"] #app .flow-builder-steps{margin:12px 0 18px;gap:8px}
body[data-view="builder"] #app .flow-builder-steps button{font-size:14px;min-height:48px;padding:9px 12px}
body[data-view="builder"] #app .flow-builder-basics{display:block}
body[data-view="builder"] #app .flow-builder-basics>.panel{padding:22px;max-width:820px}
body[data-view="builder"] #app .flow-builder-basics h2{font-size:21px;line-height:1.3;margin:0 0 16px}
body[data-view="builder"] #app .flow-reporting{margin:18px 0;padding:15px;border-radius:10px}
body[data-view="builder"] #app .flow-reporting legend{font-size:15px;font-weight:700}
body[data-view="builder"] #app .flow-reporting label{padding:10px;gap:9px}
body[data-view="builder"] #app .flow-reporting label small{font-size:13px;line-height:1.4}
body[data-view="builder"] #app .create-extra-options{margin-top:12px;border:1px solid #dfe5ed;border-radius:10px;padding:0 14px}
body[data-view="builder"] #app .create-extra-options>summary{padding:13px 0;cursor:pointer;color:#4e3785;font-weight:700;font-size:14px}
body[data-view="builder"] #app .create-extra-options .quiz-mode{margin-top:0}
body[data-view="builder"] #app .flow-question-editor{padding:20px}
body[data-view="builder"] #app .flow-question-editor .field{margin-bottom:13px}
body[data-view="builder"] #app .flow-question-map h3{font-size:17px}
@media(max-width:760px){body[data-view="builder"] #app .hub-builder-head h1{font-size:25px}body[data-view="builder"] #app .flow-builder-basics>.panel,body[data-view="builder"] #app .flow-question-editor{padding:16px}body[data-view="builder"] #app .flow-builder-steps button{font-size:12px;padding:8px 5px}}
/* Start with two clear choices; keep the full library one click away. */
.simple-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin:12px 0 32px}
.simple-start-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:24px;min-height:210px;border:1px solid #dce2ec;border-radius:14px;background:#fff;color:#26364c;font:inherit;cursor:pointer;box-shadow:0 3px 16px #253b4e0c}
.simple-start-card:hover{border-color:#744abe;box-shadow:0 6px 20px #422e6e19}.simple-start-card:focus-visible{outline:3px solid #7042bf;outline-offset:3px}
.simple-start-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f0eafb;color:#653bb1;font-size:25px}.simple-start-card strong{font-size:20px;line-height:1.3}.simple-start-card>span:not(.simple-start-icon){font-size:14px;line-height:1.5;color:#586a7c}.simple-start-card b{margin-top:auto;color:#58319d;font-size:14px}
.simple-welcome,.simple-help{margin:12px 0}.simple-welcome>summary,.simple-help>summary{cursor:pointer;color:#543796;font-size:14px;font-weight:700;padding:8px 0}.simple-welcome .field,.simple-help .field{margin-top:8px}
@media(max-width:700px){.simple-start-grid{grid-template-columns:1fr;gap:12px}.simple-start-card{min-height:160px;padding:18px}}
.simple-start-card{background:linear-gradient(150deg,#fff 45%,#f5faf8);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.simple-start-card:hover{transform:translateY(-2px)}
.simple-start-icon{background:#e5f3ee;color:#1e6357}
.simple-start-card b{color:#1d6356}
.simple-start-card:focus-visible{outline-color:#1d6356}
@media(prefers-reduced-motion:reduce){.simple-start-card{transition:none}.simple-start-card:hover{transform:none}}
body[data-view="flow-templates"] #app .hub-home-head h1{font-size:32px;line-height:1.2;margin:0 0 6px;letter-spacing:-.02em}
body[data-view="flow-templates"] #app .hub-home-head p{font-size:15px;margin:0}
body[data-view="flow-templates"] #app .hub-goal-picker{padding:22px;margin-top:16px}
body[data-view="flow-templates"] #app .simple-start-grid{margin:0;max-width:none}
@media(max-width:700px){body[data-view="flow-templates"] #app .hub-home-head h1{font-size:26px}body[data-view="flow-templates"] #app .hub-goal-picker{padding:14px}}

/* A consistent, readable scale for survey creation and question editing. */
body[data-view="builder"] #app .hub-builder-head h1,
body[data-view="flow-templates"] #app .hub-home-head h1{font-size:26px;line-height:1.25}
body[data-view="builder"] #app .flow-builder-basics h2,
body[data-view="builder"] #app .hub-draft-question-overview>h2{font-size:19px;line-height:1.35}
body[data-view="builder"] #app .hub-design-questions .hub-preview-content h2{font-size:16px;line-height:1.45}
body[data-view="builder"] #app .flow-question-editor,
body[data-view="builder"] #app .flow-builder-basics{font-size:15px;line-height:1.5}
body[data-view="builder"] #app .flow-question-editor input:not([type="checkbox"]):not([type="radio"]),
body[data-view="builder"] #app .flow-question-editor select,
body[data-view="builder"] #app .flow-question-editor textarea,
body[data-view="builder"] #app .flow-builder-basics input:not([type="checkbox"]):not([type="radio"]),
body[data-view="builder"] #app .flow-builder-basics select,
body[data-view="builder"] #app .flow-builder-basics textarea{font-size:16px!important}
body[data-view="builder"] #app .flow-question-editor .button,
body[data-view="builder"] #app .flow-builder-basics .button{font-size:14px;line-height:1.35}
body[data-view="flow-templates"] #app .simple-start-card strong{font-size:18px}
@media(max-width:760px){
 body[data-view="builder"] #app .hub-builder-head h1,
 body[data-view="flow-templates"] #app .hub-home-head h1{font-size:23px}
}