.demo-survey-section{max-width:1000px;margin:24px auto;padding:0 24px;font:16px/1.55 'Instrument Sans',Arial,sans-serif;color:#243544}.demo-survey-card{background:#fff;border:1px solid #d9e1e6;padding:28px;margin-bottom:24px}.demo-survey-card h2{font-size:26px;line-height:1.25;margin:8px 0 14px}.demo-survey-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;color:#5f7a8c}.demo-survey-card form{display:grid;gap:18px}.demo-survey-card label{display:block;font-size:15px;font-weight:600}.demo-survey-card select{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid #ccd6dd;font:400 16px/1.5 Arial,sans-serif;background:#fff;min-height:48px}.demo-survey-card button{justify-self:start;background:#243544;color:#fff;border:0;padding:12px 20px;font:600 12px Arial,sans-serif;letter-spacing:.08em}.demo-survey-card button:disabled{opacity:.65}.demo-survey-note{padding:12px;background:#edf2f5;font-size:13px}.demo-survey-card details{border-top:1px solid #d9e1e6;padding-top:16px;margin-top:22px}.demo-survey-card summary{cursor:pointer;font-weight:600}.demo-survey-card h3{font-size:17px;margin-top:24px}.demo-survey-card li{overflow-wrap:anywhere;margin-bottom:8px}@media(max-width:600px){.demo-survey-section{padding:0 12px;margin:16px auto}.demo-survey-card{padding:18px}.demo-survey-card h2{font-size:23px}}

/* Published surveys use document scrolling so response controls and results remain reachable. */
html:has(body[data-screen="surveys"]){height:auto;overflow-y:auto!important}
body.workflow-page[data-screen="surveys"]{height:auto!important;min-height:100dvh;overflow:visible!important}
body[data-screen="surveys"] #workflow{flex:1 0 auto;min-height:65vh;height:auto;max-height:none;overflow:visible}
body[data-screen="surveys"] .foot{position:static;flex:0 0 auto}

.demo-survey-totals{width:100%;border-collapse:collapse;font-size:14px}.demo-survey-totals th,.demo-survey-totals td{padding:10px 0;border-bottom:1px solid #d9e1e6;text-align:left}.demo-survey-totals th:last-child,.demo-survey-totals td:last-child{text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}