:root {
  --ink:#233a35; --muted:#4f6259; --accent:#245549; --accent-dark:#173b32;
  --surface:#fffef9; --canvas:#f7f6f1; --line:#d9dfd5; --soft:#e8eee4;
  --warm:#a64b34; --warm-soft:#f2e1d5; --error:#a13b2c;
  --display:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  color:var(--ink); background:var(--canvas); font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;
  font-synthesis:none; text-rendering:optimizeLegibility;
}
* { box-sizing:border-box; }
[hidden] { display:none!important; }
body { margin:0; min-height:100dvh; }
button,input,textarea { font:inherit; color:inherit; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
a { color:var(--accent-dark); text-underline-offset:3px; overflow-wrap:anywhere; }
a:hover { text-decoration-thickness:2px; }
:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
button,.button { min-height:48px; padding:12px 23px; border:1px solid var(--accent-dark); border-radius:9px; background:var(--accent); color:white; font-size:15px; font-weight:650; display:inline-flex; align-items:center; justify-content:center; gap:18px; text-decoration:none; cursor:pointer; box-shadow:0 3px 0 #12382d,0 7px 18px #24554917; transition:background 120ms,box-shadow 120ms; }
button:hover,.button:hover { background:var(--accent-dark); }
button.secondary,.button.secondary { border-color:#b9b2c8; background:var(--surface); color:var(--ink); box-shadow:0 2px 0 #e4dfe9; }
button.secondary:hover,.button.secondary:hover { border-color:var(--accent); background:var(--soft); }
.text-button { background:none; color:var(--muted); border-color:transparent; padding:8px 0; min-height:44px; font-size:14px; font-weight:500; text-decoration:underline; box-shadow:none; }
.text-button:hover { background:none; color:var(--ink); }
h1,h2,h3,p { margin:0; }
h1,h2,legend { overflow-wrap:anywhere; text-wrap:pretty; }
h1 { font:400 52px/1.08 var(--display); letter-spacing:-1.8px; }
h1 em { color:var(--accent); font-weight:400; }
h2 { font-size:19px; font-weight:650; letter-spacing:-.3px; line-height:1.35; }
p { line-height:1.6; }
.masthead { min-height:80px; padding:16px 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); background:var(--surface); }
.brand { color:var(--ink); font-size:24px; font-weight:750; letter-spacing:-1px; text-decoration:none; white-space:nowrap; display:flex; align-items:center; gap:11px; }
.brand-name { font-weight:750; }
.brand-name b { font-weight:420; }
/* The owner's brand icon next to the app name (T95). */
.brand-logo { display:block; flex:0 0 auto; width:52px; height:52px; object-fit:contain; }
nav { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:550; flex-shrink:0; }
nav a { color:var(--muted); text-decoration:none; padding:10px 0; white-space:nowrap; }
nav a:hover { color:var(--accent); }
.skip { position:fixed; top:-80px; left:16px; padding:12px; background:white; z-index:20; }
.skip:focus { top:8px; }
main:focus { outline:none; }
.workspace { max-width:1280px; padding:40px 40px 48px; margin:auto; }
.instrument-heading { border-bottom:1px solid var(--line); padding-bottom:28px; margin-bottom:28px; }
.instrument-heading h1 { font-size:62px; }
.instrument-heading .eyebrow { color:var(--warm); }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 26px; }
.section-heading p { color:var(--muted); margin-top:8px; font-size:15px; max-width:70ch; }
.eyebrow { font-size:12px; font-weight:650; letter-spacing:.09em; text-transform:uppercase; color:var(--accent-dark); margin-bottom:10px; }
.section-heading .eyebrow { margin-top:0; margin-bottom:8px; font-size:12px; }
.breadcrumb { color:var(--muted); font-size:14px; margin-bottom:20px; }
.breadcrumb a { color:var(--muted); }
.panel { background:var(--surface); border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:0 5px 18px #19243b04; }
.panel-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 24px; border-bottom:1px solid var(--line); }
.panel-heading h2 { font-size:16px; }
.panel-heading>span { font-size:14px; color:var(--muted); }
.count { border-radius:6px; min-width:28px; text-align:center; padding:3px 8px; background:var(--canvas); font-variant-numeric:tabular-nums; }
.instrument-row { display:flex; align-items:center; gap:20px; padding:24px; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line); transition:background 100ms; }
.instrument-row:last-child { border-bottom:0; }
.instrument-row:hover { background:#eef3e7; }
.document-icon { width:48px; height:56px; display:grid; place-items:center; border:1px solid #cad8c4; border-radius:9px; background:var(--soft); color:var(--accent); font-size:31px; flex-shrink:0; }
.instrument-row[data-state=draft] .document-icon { background:var(--warm-soft); border-color:#e3c9ba; color:var(--warm); }
.instrument-title { flex:1; min-width:0; }
.instrument-title h2 { font:400 27px/1.2 var(--display); letter-spacing:-.5px; margin-bottom:7px; }
.instrument-title p { font-size:14px; color:var(--muted); margin-bottom:6px; }
.instrument-title>span { font-size:13px; color:var(--muted); }
.badge { display:inline-flex; align-items:center; justify-content:center; background:var(--soft); border:1px solid #ccd9c5; color:var(--accent-dark); padding:6px 11px; border-radius:30px; font-size:12px; font-weight:600; white-space:nowrap; }
.row-arrow { font-size:22px; color:var(--muted); }
.workspace-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; color:var(--muted); font-size:13px; }
.empty { padding:56px 24px; text-align:center; }
.empty p { margin:12px 0 18px; color:var(--muted); }
.login-page { background:var(--canvas); }
.login-page #main { min-height:calc(100dvh - 81px); display:flex; align-items:center; justify-content:center; padding:40px 32px; }
.login-layout { width:100%; max-width:1110px; display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:90px; }
.login-intro { position:relative; }
.login-intro h1 { font-size:66px; line-height:1.03; letter-spacing:-2px; }
.login-intro .intro { max-width:34ch; margin-top:22px; font-size:18px; }
.login-intro .eyebrow { color:var(--warm); margin-bottom:22px; }
.login-graphic { display:block; width:290px; height:auto; margin:12px 0 -24px 34px; }
.login-panel { width:100%; max-width:460px; background:var(--surface); border:1px solid #cdd8c6; border-radius:18px; box-shadow:0 18px 50px #233a350b,0 3px 0 #e0e6d8; padding:38px; border-top:4px solid var(--accent); }
.login-panel h2 { font:400 38px/1.12 var(--display); letter-spacing:-.8px; margin-bottom:28px; }
.intro { font-size:19px; color:var(--muted); line-height:1.65; }
.login-panel .intro { font-size:16px; margin:14px 0 26px; }
.login-panel label { margin-top:0; }
.login-panel .help { margin:10px 0 22px; }
.full-width { width:100%; }
.login-note { padding-top:22px; border-top:1px solid var(--line); margin-top:26px; }
.login-note strong { font-size:14px; }
.login-note p { color:var(--muted); font-size:14px; margin-top:6px; }
label { display:block; font-size:14px; font-weight:600; margin:16px 0 7px; }
input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea { width:100%; border:1px solid #aeb8c7; border-radius:7px; background:white; padding:11px 13px; min-height:46px; }
input::placeholder,textarea::placeholder { color:#647084; opacity:1; }
textarea { resize:vertical; line-height:1.55; }
select { width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); font:inherit; }
input[type=checkbox],input[type=radio] { width:20px; height:20px; margin:0; accent-color:var(--accent); flex-shrink:0; }
.help { font-size:14px; color:var(--muted); line-height:1.6; margin:12px 0; }
.code,code { font-family:ui-monospace,monospace; font-size:13px; overflow-wrap:anywhere; }
.editor-workspace { max-width:1340px; }
.editor-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; align-items:start; }
.editor-outline { position:sticky; top:24px; background:#233d34; color:#f7f5f0; border:1px solid #233d34; border-radius:12px; padding:22px 12px; }
.editor-outline>.eyebrow { color:#e6bca6; padding-left:10px; }
.outline-item { display:flex; align-items:baseline; gap:14px; text-decoration:none; color:#f7f5f0; padding:13px 10px; border-radius:7px; font-size:14px; }
.outline-item:hover { background:#365448; }
.outline-item>span { color:#d6e5c8; font:12px ui-monospace,monospace; }
.outline-item small { display:block; color:#ccd8cd; margin-top:4px; font-size:12px; }
.outline-note { margin:20px 10px 4px; color:#ccd8cd; font-size:13px; border-top:1px solid #4b6659; padding-top:16px; }
.editor-fields { min-width:0; }
/* B2 list/panel authoring retains the B1 tokens and typography. */
.b2-editor-layout { display:grid; grid-template-columns:300px minmax(0,1fr); gap:28px; align-items:start; }
.b2-editor-layout .editor-fields { display:block; padding:0; }
.question-list { min-width:0; }
.question-list ol { list-style:none; margin:0; padding:0; }
.question-list li { border-bottom:1px solid var(--line); padding:14px 16px; }
.question-list li.selected { background:var(--soft); box-shadow:inset 3px 0 var(--accent); }
.question-list li>a { display:flex; gap:6px; color:var(--ink); text-decoration:none; }
.question-list strong { display:block; font-size:14px; line-height:1.45; font-weight:600; overflow-wrap:anywhere; }
.question-list small { display:block; color:var(--muted); font-size:12px; margin-top:5px; }
.order-actions { display:flex; gap:6px; justify-content:flex-end; margin-top:8px; }
.order-actions button { min-width:44px; min-height:44px; padding:5px 12px; box-shadow:none; }
button:disabled { opacity:.45; cursor:not-allowed; }
.add-question { padding:0 16px 20px; }
.add-question button { width:100%; margin-top:14px; }
.check-line { display:flex; gap:10px; align-items:center; min-height:48px; }
.instrument-settings summary { font:400 24px/1.3 var(--display); cursor:pointer; }
.instrument-settings[open] summary { margin-bottom:20px; }
.option-fields { border:1px solid var(--line); border-radius:10px; padding:12px 16px 18px; margin:18px 0; }
.option-fields legend { font:600 14px system-ui,sans-serif; }
.duplicate-question { border-top:1px solid var(--line); margin-top:24px; padding-top:8px; }
.duplicate-question span { display:block; margin-top:0; }
.saved-notice,.preview-banner { background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:12px 16px; color:var(--accent-dark); margin-bottom:24px; font-size:14px; }
.version-actions { padding:24px; }
.version-actions>p { margin-bottom:16px; color:var(--muted); }
.version-actions nav { display:flex; flex-wrap:wrap; gap:18px; margin-top:20px; }
.language-links { display:flex; gap:18px; margin:12px 0; }
.language-links [aria-current] { font-weight:700; text-decoration-thickness:2px; }
input[readonly] { background:var(--canvas)!important; }
@media (max-width:900px) { .b2-editor-layout { grid-template-columns:1fr; } .question-list ol { max-height:360px; overflow:auto; } }
@media (max-width:480px) { .b2-editor-layout { gap:18px; } .b2-editor-layout .card { padding:18px 14px; } }
.card { border:1px solid var(--line); border-radius:12px; background:var(--surface); padding:20px 24px 24px; min-width:0; margin:0 0 20px; }
legend { font:400 25px/1.2 var(--display); letter-spacing:-.4px; padding:0 8px; }
.question-index { color:var(--accent-dark); font:13px ui-monospace,monospace; margin-right:8px; }
.field-status { color:var(--muted); font-size:12px; font-weight:450; padding-left:12px; }
.field-pair { display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:20px; }
.two-cols { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.editor-bottom { display:flex; align-items:center; gap:24px; justify-content:space-between; }
.editor-bottom .help { max-width:62ch; }
.review-list { list-style:decimal-leading-zero; padding:4px 48px 12px; margin:0; }
.review-list>li { border-bottom:1px solid var(--line); padding:20px 4px 20px 8px; }
.review-list>li:last-child { border:0; }
.review-list>li::marker { color:var(--muted); font-size:13px; }
.review-list p { font-size:14px; color:var(--muted); margin-top:6px; }
.review-list ul { padding-left:18px; margin-top:10px; font-size:14px; }
.panel-footer { border-top:1px solid var(--line); padding:20px 24px; display:flex; justify-content:space-between; gap:24px; align-items:center; }
.panel-footer p { font-size:14px; color:var(--muted); max-width:60ch; }
.share { padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:30px; }
.share h2 { font-size:18px; }
.share p { margin:6px 0 12px; color:var(--muted); font-size:14px; }
.public-link { font:13px/1.6 ui-monospace,monospace; overflow-wrap:anywhere; }
.share>div { min-width:0; }
.share>.button { flex-shrink:0; }
.responses-heading { margin-bottom:18px; }
.responses-heading h2 { font-size:23px; }
.responses-heading p { font-size:13px; margin-top:4px; }
.actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:20px; }
.stats>div { background:white; border:1px solid var(--line); border-radius:10px; padding:18px 22px; }
.stats span { display:block; color:var(--muted); font-size:14px; }
.stats strong { display:block; font-size:32px; line-height:1.2; margin-top:8px; font-weight:600; font-variant-numeric:tabular-nums; }
.table-wrap { overflow-x:auto; }
table { border-collapse:collapse; width:100%; font-size:14px; text-align:left; font-variant-numeric:tabular-nums; }
caption { padding:14px 20px; text-align:left; color:var(--muted); font-size:13px; }
th,td { padding:16px 20px; border-top:1px solid var(--line); white-space:nowrap; }
th { background:#f8f9fb; color:var(--muted); font-size:12px; font-weight:600; }
td code { font-size:12px; }
.empty-cell { padding:32px 20px; color:var(--muted); text-align:center; }
.reading { max-width:880px; margin:auto; padding:44px 32px; }
.reading h1 { margin-bottom:20px; }
.reading .intro { margin-bottom:30px; }
.reading .card p { margin-top:12px; }
.about-page h2 { font-size:19px; }
.error-page { padding-top:72px; }
.error-page .actions { margin-top:24px; }
.error { border:1px solid #dfb3b3; color:var(--error); background:#fff8f8; padding:14px; border-radius:7px; margin:20px 0; font-size:15px; }
.respondent-page { background:var(--canvas); font-size:18px; display:flex; flex-direction:column; }
.respondent-page .masthead { border-color:#e5e9ef; padding:16px 40px; min-height:76px; flex-shrink:0; }
.respondent-page .brand { font-size:23px; }
.respondent-page #main { flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:40px 32px; }
.respondent-stage { width:100%; max-width:760px; margin:auto; animation:scene-in 160ms ease-out; }
.respondent-stage h1 { font:400 clamp(42px,4.8vw,68px)/1.06 var(--display); letter-spacing:-2px; }
.respondent-stage .intro { margin-top:20px; font-size:21px; }
.respondent-stage .eyebrow { margin-bottom:20px; font-size:13px; }
.survey-facts { display:flex; flex-wrap:wrap; gap:12px 28px; color:var(--muted); font-size:15px; margin:24px 0; }
.survey-facts span+span { border-left:1px solid #c5cdd8; padding-left:28px; }
.consent { border-block:1px solid var(--line); padding:20px 0; margin:24px 0 16px; }
.consent h2 { font-size:16px; margin-bottom:8px; }
.consent p { font-size:16px; color:var(--muted); line-height:1.65; }
.consent p+p { margin-top:8px; }
.consent-check { display:flex; align-items:center; gap:14px; font-size:16px; min-height:52px; margin:0 0 20px; font-weight:500; }
.consent-check input { width:22px; height:22px; }
.welcome-stage .actions { gap:28px; }
.respondent-stage button,.respondent-stage .button { min-height:54px; font-size:17px; padding:13px 26px; border-radius:8px; }
.quiet-link { font-size:15px; color:var(--muted); }
.welcome-stage>.help { margin-top:24px; max-width:72ch; }
.step-meta { display:flex; justify-content:space-between; gap:24px; align-items:baseline; font-size:14px; color:var(--muted); margin-bottom:12px; }
.step-meta>span { max-width:65%; overflow-wrap:anywhere; }
.step-meta>strong { font-size:14px; font-weight:550; color:var(--accent-dark); white-space:nowrap; }
progress { appearance:none; display:block; width:100%; height:5px; border:0; background:#e5e9f0; border-radius:4px; overflow:hidden; margin-bottom:44px; }
progress::-webkit-progress-bar { background:#dfe6d8; }
progress::-webkit-progress-value { background:var(--accent); }
progress::-moz-progress-bar { background:var(--accent); }
.question { border:0; padding:0; margin:0; min-width:0; }
.question legend { font:400 clamp(34px,4vw,52px)/1.14 var(--display); letter-spacing:-1.4px; padding:0; margin-bottom:18px; }
.question-help { font-size:17px; color:var(--muted); margin-bottom:28px; }
.choices { display:grid; gap:12px; }
.option { display:flex; align-items:center; gap:18px; width:100%; padding:18px 22px; min-height:68px; border:1px solid #b8c2d1; background:var(--surface); border-radius:11px; margin:0; font-size:21px; font-weight:450; cursor:pointer; transition:background 100ms,border-color 100ms; }
.option:hover { background:var(--soft); border-color:var(--accent); }
.option:has(input:checked) { background:var(--soft); border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }
.option input { width:21px; height:21px; }
.scale { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.scale .option { flex-direction:column; justify-content:center; gap:12px; min-height:112px; padding:18px 10px; font-size:28px; }
.scale-anchors { display:flex; justify-content:space-between; gap:24px; font-size:15px; color:var(--muted); margin-top:12px; }
.scale-anchors>span { max-width:47%; }
.scale-anchors>span:last-child { text-align:right; }
.question textarea { min-height:168px; padding:18px; font-size:19px; background:#fafbfe; }
.question-actions { margin-top:32px; }
.question-actions .previous { margin-right:auto; }
.keyboard-hint { font-size:14px; color:var(--muted); margin-top:18px; line-height:1.8; }
kbd { display:inline-flex; align-items:center; justify-content:center; font:12px/1.2 system-ui,sans-serif; border:1px solid #bec7d4; border-bottom-width:2px; border-radius:4px; padding:3px 6px; min-width:23px; color:var(--ink); background:#fafbfe; }
.save-state { font-size:14px; color:var(--muted); margin-top:16px; min-height:23px; }
.thanks-stage { text-align:center; max-width:720px; }
.finish-mark { width:82px; height:82px; border-radius:24px; background:var(--accent); color:var(--canvas); display:grid; place-items:center; margin:0 auto 32px; box-shadow:0 4px 0 #12382d,0 12px 30px #2455491a; }
.completion-lines { display:flex; justify-content:center; gap:6px; margin:0 auto 24px; }
.completion-lines i { display:block; width:32px; height:3px; border-radius:2px; background:#d8c1b1; }
.completion-lines i:last-child { background:var(--warm); }
.thanks-stage .eyebrow { margin-bottom:16px; }
.thanks-stage>.intro { color:var(--ink); margin-bottom:16px; font-size:24px; }
.thanks-stage>.help { margin-top:24px; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@keyframes scene-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.welcome-stage { max-width:1200px; }
.welcome-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.95fr); gap:64px; align-items:center; }
.welcome-copy { min-width:0; }
.welcome-copy h1 { font-size:64px; line-height:1.04; }
.welcome-copy .eyebrow { color:var(--warm); margin-bottom:18px; }
.welcome-copy .intro { font-size:20px; line-height:1.55; margin-top:20px; }
.welcome-copy .survey-facts { margin:18px 0; font-size:14px; }
.welcome-copy .consent { margin:20px 0 16px; padding:18px 0; border-color:#cbd5c5; }
.welcome-copy .consent p { font-size:15px; line-height:1.6; }
.welcome-copy .help { margin-top:22px; }
.welcome-art { border:1px solid #dfc6b6; border-radius:22px; background:#f0e1d6; padding:24px 20px 22px; box-shadow:0 8px 0 #e4d5ca; }
.art-heading { display:flex; justify-content:space-between; gap:16px; padding:0 8px 12px; border-bottom:1px solid #d1b9a8; color:#684a3b; font:12px ui-monospace,monospace; }
.welcome-art img { display:block; width:100%; height:auto; margin:10px 0 14px; }
.art-footer { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; font-size:12px; color:#684a3b; border-top:1px solid #d1b9a8; padding-top:16px; }
.art-footer span+span:before { content:'·'; padding-right:12px; }
.question-stage { max-width:820px; }
.step-meta>strong { background:var(--soft); padding:5px 11px; border-radius:30px; }
.question-stage progress { height:4px; }
.option:has(input:checked) { box-shadow:inset 0 0 0 1px var(--accent),0 3px 0 #dce7d4; }
.thanks-stage { position:relative; padding:28px 0; }
.thanks-stage>.intro { font-family:var(--display); font-size:30px; }
@media(min-width:801px) and (max-width:1100px) {
  .welcome-layout { gap:32px; grid-template-columns:minmax(0,1.3fr) minmax(240px,.9fr); }
  .welcome-copy h1 { font-size:54px; }
  .login-layout { gap:42px; }
  .login-intro h1 { font-size:56px; }
}
@media(max-width:800px) {
  .masthead { padding:12px 24px; gap:16px; }
  .workspace { padding:28px 24px 40px; }
  .section-heading { align-items:flex-start; gap:18px; }
  .section-heading h1 { font-size:42px; }
  .editor-layout { grid-template-columns:175px minmax(0,1fr); gap:18px; }
  .editor-outline { padding:16px 8px; }
  .field-pair { grid-template-columns:1fr; gap:0; }
  .share { align-items:flex-start; }
  .stats>div { padding:16px; }
  .respondent-page .masthead { padding:16px 28px; }
  .respondent-page #main { padding:36px 28px; }
  .welcome-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .welcome-art { display:none; }
  .welcome-copy { max-width:660px; margin:auto; }
  .login-layout { gap:32px; }
  .login-intro h1 { font-size:50px; }
  .login-graphic { width:230px; margin-left:0; }
}
@media(max-width:600px) {
  .masthead { padding:12px 20px; min-height:66px; }
  .brand { font-size:22px; }
  .workspace-page .masthead .brand { font-size:20px; }
  .workspace-page .masthead .brand-logo { width:44px; height:44px; }
  nav { gap:14px; font-size:13px; }
  .workspace { padding:24px 20px 36px; }
  .section-heading { flex-wrap:wrap; margin-bottom:22px; }
  .section-heading p { font-size:14px; }
  .section-heading>.button,.section-heading>button { width:100%; }
  .panel-heading { padding:16px; }
  .instrument-row { flex-wrap:wrap; gap:12px; padding:18px 16px; }
  .document-icon { display:none; }
  .instrument-title { flex-basis:calc(100% - 40px); }
  .instrument-title h2 { font-size:24px; }
  .instrument-row .badge { margin-left:0; order:2; }
  .row-arrow { margin-left:auto; }
  .workspace-bottom { align-items:flex-start; flex-direction:column; gap:4px; font-size:13px; }
  .login-page #main { padding:28px 22px 40px; min-height:calc(100dvh - 67px); }
  .login-layout { display:block; }
  .login-intro h1 { font-size:43px; letter-spacing:-1.3px; }
  .login-intro .eyebrow { margin-bottom:14px; font-size:11px; }
  .login-intro .intro { font-size:16px; margin:14px 0 26px; }
  .login-graphic { display:none; }
  .login-panel { max-width:none; padding:26px 24px; }
  .login-panel h2 { font-size:31px; margin-bottom:22px; }
  .login-panel .eyebrow { font-size:11px; }
  .editor-layout { display:block; }
  .editor-outline { display:flex; flex-wrap:wrap; position:static; gap:5px; padding:12px; margin-bottom:24px; }
  .editor-outline>.eyebrow,.outline-note,.outline-item small { display:none; }
  .outline-item { font-size:12px; padding:8px; gap:7px; min-height:44px; }
  .card { padding:16px 18px 20px; margin-bottom:22px; }
  legend { font-size:22px; }
  .field-status { font-size:11px; padding-left:6px; }
  .two-cols { grid-template-columns:1fr; gap:0; }
  .editor-bottom { gap:16px; align-items:flex-start; }
  .editor-bottom .help { margin:0; }
  .share { flex-direction:column; padding:20px; gap:18px; }
  .share>.button { width:100%; }
  .responses-heading .actions { width:100%; }
  .responses-heading .actions .button { flex:1; font-size:13px; padding:10px 12px; }
  .stats { gap:8px; }
  .stats>div { padding:12px; }
  .stats span { font-size:12px; min-height:36px; }
  .stats strong { font-size:28px; }
  .panel-footer { padding:18px; flex-direction:column; align-items:stretch; }
  .panel-footer form>button { width:100%; }
  .review-list { padding:0 22px 0 38px; }
  .reading { padding:30px 20px; }
  .respondent-page .masthead { min-height:66px; padding:14px 24px; }
  .respondent-page .masthead nav a { padding:6px 0; }
  .respondent-page #main { padding:32px 24px; min-height:0; }
  .respondent-stage h1 { font-size:44px; letter-spacing:-1.4px; }
  .respondent-stage .intro { font-size:18px; margin-top:16px; }
  .respondent-stage .eyebrow { font-size:12px; margin-bottom:16px; }
  .survey-facts { font-size:14px; gap:8px; flex-direction:column; margin:20px 0; }
  .welcome-copy h1 { font-size:44px; line-height:1.05; }
  .welcome-copy .intro { font-size:18px; margin-top:16px; }
  .welcome-copy .survey-facts { flex-direction:row; font-size:13px; gap:8px 18px; margin:18px 0; }
  .welcome-copy .consent { padding:16px 0; margin-top:18px; }
  .survey-facts span+span { border:0; padding:0; }
  .consent { padding:16px 0; margin-top:20px; }
  .consent p { font-size:15px; line-height:1.6; }
  .consent-check { font-size:15px; align-items:flex-start; margin-bottom:18px; }
  .consent-check input { margin-top:2px; }
  .welcome-stage .actions { gap:24px; }
  .step-meta { font-size:13px; gap:18px; }
  .step-meta>span { max-width:54%; }
  .step-meta>strong { font-size:12px; }
  progress { margin-bottom:32px; }
  .question legend { font-size:35px; letter-spacing:-.9px; }
  .question-help { font-size:16px; margin-bottom:24px; }
  .option { min-height:64px; padding:16px 18px; gap:14px; font-size:19px; }
  .scale { gap:8px; }
  .scale .option { min-height:94px; padding:14px 6px; font-size:24px; }
  .scale-anchors { font-size:13px; }
  .respondent-stage button,.respondent-stage .button { padding:12px 18px; font-size:16px; min-height:52px; }
  .question-actions { gap:10px; margin-top:28px; }
  .question-actions .previous { margin-right:0; }
  .question-actions button[value=confirm] { flex:1; }
  .keyboard-hint { font-size:13px; }
  .save-state { font-size:13px; }
  .thanks-stage h1 { font-size:47px; }
  .thanks-stage>.intro { font-size:21px; }
}
/* One green product family; surface variants never change the primary color. */
.theme-sage { --canvas:#edf2e5; }
.theme-sand { --canvas:#f3e6d8; }
.workspace-context { color:var(--muted); font-size:13px; }
.has-sidebar .masthead { position:sticky; top:0; z-index:5; }
.author-sidebar { position:fixed; top:80px; bottom:0; left:0; width:214px; padding:32px 18px 24px; display:flex; flex-direction:column; background:#233d34; color:#f7f6f1; z-index:4; }
.sidebar-section { color:#c5d3bd; font-size:11px; text-transform:uppercase; letter-spacing:.12em; margin:0 12px 20px; }
.author-sidebar nav { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; align-items:stretch; font-size:14px; }
.author-sidebar nav a { display:flex; align-items:center; gap:11px; color:#e4eade; padding:12px 10px; border:1px solid transparent; border-radius:8px; text-decoration:none; }
.author-sidebar nav a[aria-current=page] { background:#3b5847; border-color:#59715b; color:#fffef9; }
.author-sidebar nav a:hover { background:#3b5847; }
.author-sidebar nav a>span[aria-hidden] { font-size:18px; }
.author-sidebar .nav-label { font-size:inherit; }
.sidebar-note { margin-top:auto; padding:24px 10px 0; border-top:1px solid #4b6659; color:#c5d3bd; font-size:12px; }
.sidebar-note strong { color:#f7f6f1; font-size:13px; }
.sidebar-note p { margin-top:8px; }
.has-sidebar #main { margin-left:214px; }
.has-sidebar .workspace { max-width:1400px; padding:32px 36px 44px; }
.instrument-hero { background:#173b32; color:#fffef9; border:0; border-radius:18px; padding:30px 34px; margin-bottom:26px; box-shadow:0 5px 0 #d9e1d2; }
.instrument-hero h1 { font-size:56px; }
.instrument-hero .eyebrow { color:#e6bca6; }
.instrument-hero p { color:#d4dfd2; }
.hero-tools { display:flex; align-items:center; gap:28px; }
.instrument-hero .button { background:#fffef9; border-color:#fffef9; color:#173b32; box-shadow:0 3px 0 #a8bfaa; white-space:nowrap; }
.instrument-hero .button:hover { background:#edf2e5; }
.hero-counter { border-left:1px solid #4a6759; padding-left:24px; min-width:100px; }
.hero-counter strong { display:block; font:44px/1 var(--display); }
.hero-counter span { font-size:12px; color:#d4dfd2; }
.instrument-meta { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr); gap:32px; align-items:start; margin:0 0 26px; }
.instrument-description>label:first-child { margin-top:0; }
.instrument-description #title { font:26px/1.2 var(--display); background:transparent; border:0; border-bottom:1px solid #b4c0ae; border-radius:0; padding:7px 0; min-height:42px; }
.instrument-description textarea { font-size:14px; min-height:56px; padding:9px 12px; }
.theme-picker { border:0; padding:0; margin:0; min-width:0; }
.theme-picker legend { font:600 13px/1.5 system-ui,sans-serif; letter-spacing:0; padding:0; margin:0 0 6px; }
.theme-picker>p { color:var(--muted); font-size:12px; margin-bottom:12px; }
.theme-chips { display:flex; flex-wrap:wrap; gap:8px; }
.theme-chip { display:flex; align-items:center; gap:6px; border:1px solid #b8c6b0; background:#fffef9; padding:10px 9px; min-height:44px; border-radius:7px; margin:0; font-size:12px; font-weight:500; cursor:pointer; }
.theme-chip:has(input:checked) { border-color:#245549; box-shadow:inset 0 0 0 1px #245549; background:#edf2e5; }
.theme-chip input { width:15px; height:15px; }
.swatch { display:block; width:14px; height:14px; border:1px solid #a9b5a0; border-radius:50%; }
.swatch-paper { background:#f7f6f1; }.swatch-sage { background:#dce8cb; }.swatch-sand { background:#ead6bd; }
.editor-layout { grid-template-columns:200px minmax(0,1fr); gap:20px; align-items:stretch; border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow:hidden; }
.editor-outline { position:static; top:auto; border-radius:0; background:#e9eee3; color:var(--ink); border:0; border-right:1px solid var(--line); padding:22px 12px; }
.editor-outline>.eyebrow { color:var(--muted); display:flex; justify-content:space-between; padding:0 8px; font-size:11px; }
.editor-outline .outline-item { color:var(--ink); padding:14px 9px; margin-bottom:6px; border:1px solid transparent; line-height:1.5; }
.editor-outline .outline-item[aria-current=page] { background:var(--surface); border-color:#b8c7ac; box-shadow:0 2px 0 #d6dfcd; }
.editor-outline .outline-item:hover { background:#f7f8f1; }
.editor-outline .outline-item>span { color:var(--muted); flex:0 0 18px; white-space:nowrap; }
.editor-outline .outline-item small { color:var(--muted); margin-top:7px; }
.outline-note { color:var(--muted); font-size:12px; border-color:#c8d1c0; }
.editor-fields { min-width:0; padding:24px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:22px; align-items:start; }
.editor-fields:has(.live-preview[hidden]) { grid-template-columns:1fr; }
.editor-panels { min-width:0; }
.editor-panels .card { border:0; border-radius:0; padding:0; margin:0; background:transparent; }
.editor-panels legend { font-size:25px; padding:0; margin-bottom:4px; }
.editor-panels .field-pair { grid-template-columns:1fr; gap:0; }
.editor-panels .field-status { display:block; padding-left:28px; font:12px/1.5 system-ui,sans-serif; margin-top:4px; }
.editor-panels textarea { font-size:13px; }
.editor-panels .help { font-size:12px; }
.editor-bottom { grid-column:1/-1; border-top:1px solid var(--line); padding-top:12px; }
.editor-bottom .help { margin:0; font-size:12px; }
.live-preview { --preview-paper:#f7f6f1; background:var(--preview-paper); border:1px solid #c7d3bd; border-radius:12px; padding:22px; min-width:0; min-height:330px; }
.live-preview[data-theme=sage] { --preview-paper:#edf2e5; }
.live-preview[data-theme=sand] { --preview-paper:#f3e6d8; }
.preview-heading { display:flex; justify-content:space-between; gap:16px; color:#4f6259; font-size:10px; letter-spacing:.03em; }
.live-preview h2 { font:400 29px/1.2 var(--display); color:#233a35; margin:32px 0 20px; letter-spacing:-.6px; }
.preview-option { display:flex; gap:12px; align-items:center; min-height:42px; background:#fffef9; border:1px solid #bdcbb1; border-radius:7px; padding:10px 12px; margin-bottom:9px; color:#233a35; font-size:13px; overflow-wrap:anywhere; }
.preview-option:before { content:''; width:14px; height:14px; flex-shrink:0; border:1px solid #94a18b; border-radius:50%; }
.preview-scale { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
.preview-score { display:grid; place-items:center; border:1px solid #bdcbb1; border-radius:6px; background:#fffef9; min-height:44px; font-size:18px; }
.preview-text { border:1px solid #bdcbb1; border-radius:7px; background:#fffef9; color:#4f6259; padding:16px; min-height:104px; font-size:13px; }
#preview-note { font-size:12px; color:#4f6259; margin-top:14px; overflow-wrap:anywhere; }
.respondent-page #main { padding:32px 24px; }
.respondent-page.theme-paper,.respondent-page.theme-sage,.respondent-page.theme-sand { background:#eef1e9; }
.question-stage,.thanks-stage,.welcome-stage { background:var(--canvas); border:1px solid #ced7c5; border-radius:22px; box-shadow:0 16px 48px #233d340c,0 3px 0 #e3e8d9; }
.question-stage { max-width:760px; padding:36px 40px; }
.question-stage progress { margin-bottom:28px; }
.question legend { font-size:46px; }
.thanks-stage { max-width:680px; padding:40px; }
.completion-progress { max-width:300px; margin:0 auto 30px; text-align:right; color:var(--muted); font-size:12px; }
.completion-progress progress { margin-top:8px; margin-bottom:0; height:4px; }
.welcome-stage { max-width:1200px; padding:32px; }
.welcome-layout { gap:40px; grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr); }
.welcome-copy h1 { font-size:58px; }
.welcome-art { background:#edf0e3; border-color:#c8d2bc; box-shadow:0 5px 0 #dce4d0; }
.art-heading,.art-footer { color:#4d6251; border-color:#becbb1; }
.finish-mark { background:#245549; box-shadow:0 4px 0 #173b32,0 12px 30px #2455491a; }
@media(max-width:1200px) {
  .has-sidebar .workspace { padding:28px 24px 36px; }
  .editor-layout { grid-template-columns:180px minmax(0,1fr); }
  .editor-fields { grid-template-columns:1fr; padding:22px; }
  .live-preview { min-height:0; }
  .hero-tools { gap:18px; }.hero-counter { padding-left:18px; min-width:80px; }
}
@media(max-width:800px) {
  .author-sidebar { width:180px; padding:24px 12px; }
  .has-sidebar #main { margin-left:180px; }
  .instrument-hero { flex-wrap:wrap; padding:26px; }
  .instrument-hero h1 { font-size:46px; }
  .hero-tools { width:100%; justify-content:space-between; }
  .instrument-meta { grid-template-columns:1fr; gap:20px; }
  .welcome-layout { grid-template-columns:minmax(0,1fr); gap:0; }
  .welcome-copy h1 { font-size:48px; }
}
@media(max-width:600px) {
  .workspace-context { display:none; }
  .has-sidebar .masthead { position:static; }
  .author-sidebar { position:static; width:auto; padding:10px 14px; border-radius:0; }
  .author-sidebar nav { display:flex; flex-wrap:wrap; gap:4px; font-size:12px; }
  .author-sidebar nav a { padding:9px 8px; gap:0; white-space:nowrap; }
  .author-sidebar nav a>span[aria-hidden],.sidebar-section,.sidebar-note { display:none; }
  .has-sidebar #main { margin-left:0; }
  .has-sidebar .workspace { padding:24px 18px 36px; }
  .instrument-hero { padding:24px; }
  .instrument-hero h1 { font-size:43px; }
  .instrument-hero .eyebrow { font-size:10px; }
  .hero-tools .button { flex:1; font-size:13px; padding:12px 14px; }
  .hero-counter { min-width:65px; padding-left:16px; }.hero-counter strong { font-size:32px; }
  .instrument-meta { margin-bottom:22px; }
  .instrument-description #title { font-size:24px; }
  .theme-chip { flex:1; justify-content:center; }
  .editor-layout { display:block; }
  .editor-outline { border-right:0; border-bottom:1px solid var(--line); padding:12px; margin-bottom:0; display:block; }
  .editor-outline>.eyebrow { display:flex; margin:0 6px 10px; }
  .editor-outline .outline-item { display:flex; padding:10px; gap:12px; margin:0; font-size:13px; }
  .editor-outline .outline-item small { display:block; font-size:11px; margin-top:3px; }
  .editor-fields { padding:20px 16px; display:block; }
  .editor-panels legend { font-size:24px; }
  .editor-panels .field-status { display:inline; padding-left:6px; font-size:11px; }
  .live-preview { margin-top:24px; padding:20px; }
  .live-preview h2 { font-size:28px; margin-top:24px; }
  .editor-bottom { margin-top:20px; }
  .respondent-page #main { padding:18px 14px; }
  .question-stage { padding:24px 20px; }
  .question legend { font-size:32px; line-height:1.15; }
  .question-help { font-size:15px; margin-bottom:20px; }
  .question-stage progress { margin-bottom:24px; }
  .question-actions { margin-top:24px; }
  .save-state { margin-top:14px; }
  .welcome-stage { padding:24px 20px; border-radius:18px; }
  .welcome-copy h1 { font-size:40px; }
  .welcome-copy .intro { font-size:16px; }
  .welcome-copy .consent p { font-size:14px; }
  .welcome-copy .survey-facts { font-size:12px; gap:8px 14px; }
  .welcome-copy .consent { margin:16px 0; padding:14px 0; }
  .welcome-copy .help { font-size:13px; }
  .thanks-stage { padding:30px 22px; }
  .thanks-stage h1 { font-size:43px; }
}
@media(max-width:600px),(pointer:coarse) { .keyboard-hint { display:none; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* B3: native controls, one active question, readable confirmed history. */
.mode-selector { border:0; padding:0; margin:22px 0; min-width:0; }
.mode-selector legend { font:650 16px/1.4 system-ui,sans-serif; letter-spacing:0; margin-bottom:12px; }
.mode-options { display:grid; gap:10px; }
.mode-card { display:flex; gap:12px; align-items:flex-start; margin:0; padding:16px; min-height:78px; background:var(--surface); border:1px solid var(--line); border-radius:12px; cursor:pointer; }
.mode-card input { margin-top:3px; }
.mode-card>span { min-width:0; }
.mode-card strong { display:block; font-size:16px; }
.mode-card span span { display:block; font-size:14px; font-weight:400; color:var(--muted); margin-top:4px; }
.mode-card:has(input:checked) { border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); background:var(--soft); }
.mode-note { color:var(--muted); font-size:13px; margin-top:10px; }
.mobile-recommendation { display:none; }
.conversation-stage { width:100%; max-width:720px; }
.conversation-heading { display:flex; align-items:flex-start; gap:14px; border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:28px; }
.conversation-heading h1 { font:650 17px/1.4 system-ui,sans-serif; letter-spacing:0; }
.conversation-heading p { font-size:14px; color:var(--muted); margin-top:5px; max-width:56ch; }
.automation-mark { background:var(--accent); color:var(--surface); border-radius:12px; width:44px; height:44px; display:grid; place-items:center; font-size:26px; flex-shrink:0; }
.conversation-turn { margin-bottom:24px; }
.history-question { background:var(--surface); border:1px solid var(--line); padding:16px 18px; border-radius:4px 16px 16px; font-size:17px; overflow-wrap:anywhere; }
.turn-number { display:block; color:var(--muted); font:12px/1.5 ui-monospace,monospace; margin-bottom:5px; }
.history-answer { margin:10px 0 0 32px; background:var(--soft); border:1px solid #c5d3bd; padding:12px 16px; border-radius:16px 4px 16px 16px; }
.history-answer p { white-space:pre-wrap; overflow-wrap:anywhere; }
.history-answer a { display:inline-flex; align-items:center; min-height:44px; gap:10px; font-size:14px; }
.conversation-stage .step-meta { padding-top:8px; }
.conversation-stage progress { margin-bottom:22px; }
.conversation-stage #answer-form { border:1px solid #c5d3bd; background:var(--surface); border-radius:4px 18px 18px; padding:24px; }
.conversation-stage .question legend { font-size:32px; }
.conversation-stage .question-help { font-size:15px; margin-bottom:20px; }
.conversation-stage .option { font-size:17px; min-height:56px; padding:12px; }
.conversation-stage .scale { grid-template-columns:repeat(auto-fit,minmax(42px,1fr)); }
.conversation-stage .question-actions { flex-wrap:wrap; }
.answer-error { border-left:3px solid var(--error); padding:12px; margin-bottom:20px; color:var(--error); }
.answer-error p { margin-top:6px; font-size:15px; }
@media(max-width:640px) {
  .welcome-copy .survey-facts { display:none; } /* Count and voluntary consent remain visible. */
  .welcome-copy .consent { margin-top:12px; padding:12px 0; }
  .welcome-copy .intro { margin-top:12px; }
  .mode-selector { margin:12px 0; }
  .mode-selector legend { font-size:15px; margin-bottom:8px; }
  .mode-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .mode-card { padding:10px 8px; gap:8px; min-height:60px; }
  .mode-card strong { font-size:14px; }
  .mode-card span span,.mode-explanation { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .mode-note { margin-top:6px; font-size:12px; }
  .mobile-recommendation { display:inline-block; color:var(--accent-dark); font-size:12px; margin:4px 0 0; }
  .conversation-choice { border-color:#9caf91; }
  .respondent-page #main:has(.conversation-stage) { padding:24px 16px; }
  .conversation-heading { margin-bottom:22px; padding-bottom:18px; }
  .conversation-stage #answer-form { padding:18px 14px; }
  .conversation-stage .question legend { font-size:29px; }
  .conversation-stage .question-actions>* { flex:1 1 auto; }
  .conversation-stage .question-actions button[value=confirm] { flex-basis:100%; }
  .history-answer { margin-left:20px; }
}
@media(max-width:360px) {
  .mode-options { grid-template-columns:1fr; }
}

/* B4: explicit route conditions, separate from instrument text edits. */
.route-editor { margin-top:24px; min-width:0; }
.route-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.route-heading .eyebrow { margin-bottom:6px; }
.route-editor>p { margin-bottom:14px; }
.route-rule { margin:16px 0; border:1px solid var(--line); border-radius:12px; padding:16px; background:var(--surface); }
.route-rule summary { cursor:pointer; font-weight:650; min-height:44px; display:list-item; padding:8px 0; }
.route-form { margin-top:12px; min-width:0; }
.route-form select,.route-form input { width:100%; min-width:0; }
.route-form .actions { margin-top:18px; flex-wrap:wrap; }
.route-form>.help { margin:8px 0 16px; }
.route-progress { color:var(--muted); font-size:14px; margin:0 0 24px; }
@media(max-width:600px) {
  .route-heading { align-items:flex-start; flex-direction:column; }
  .route-rule { padding:12px; }
  .route-form .two-cols { display:block; }
  .route-form button { width:100%; }
}

/* B5: keep pause accessible without adding an always-expanded mobile panel. */
.pause-controls { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:8px 14px; border-top:1px solid var(--line); padding-top:12px; margin-top:12px; }
.pause-controls details { min-width:0; font-size:14px; color:var(--muted); }
.pause-controls summary { cursor:pointer; min-height:52px; display:flex; align-items:center; }
.pause-controls details p { font-size:14px; margin:8px 0; }
.pause-controls #timing-status { grid-column:1/-1; margin:0; }
.pause-controls #timing-status:empty { display:none; }

/* BR author controls share the existing typography and green component tokens. */
.randomization-panel fieldset { min-inline-size:0; border:1px solid var(--line); border-radius:10px; padding:18px; margin:20px 0; }
.randomization-panel legend { font-size:16px; font-weight:650; padding:0 6px; }
.randomization-panel :is(input,button) { scroll-margin-block:100px; }
.randomization-panel .consent-check { overflow-wrap:anywhere; }

/* B6: dense analytical controls keep their native semantics on narrow screens. */
.response-filters { margin-block: 1.5rem; }
.filter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 1rem; padding: 1.25rem; }
.filter-grid label, .export-controls label { display: grid; gap: .4rem; min-width: 0; }
.filter-grid select, .filter-grid input, .export-controls select { width: 100%; min-width: 0; }
.export-controls, .export-summary, .export-files { padding: 1.25rem; margin-block: 1rem; }
.export-controls { display: grid; gap: .75rem; }
.export-controls button { justify-self: start; }
.export-summary dd { margin: .25rem 0 1rem; overflow-wrap: anywhere; }
.export-summary code, .export-page code { white-space: normal; overflow-wrap: anywhere; }
.export-file-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: .75rem; margin-block: 1rem; }
.export-file-grid a { white-space: normal; overflow-wrap: anywhere; min-width: 0; }
#export-form input[type=checkbox] { min-width: 24px; min-height: 24px; }
@media (max-width: 480px) { .response-filters .panel-heading, .response-filters .panel-footer { flex-wrap: wrap; } }