/* Design tokens: the same block as at the top of apps/web/workspace.css (tools/visual-audit/scale.test.mjs keeps them identical). The survey keeps its airier layout but takes its spacing, sizes and colours from the same scales. */
:root{--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.65;
--font-sans:Inter,"Segoe UI",system-ui,sans-serif;--font-mono:ui-monospace,Consolas,monospace;
--ink:#231f20;--ink-2:#4a4b4e;--muted:#6b6d70;--primary:#a81d38;--primary-strong:#7a1226;--accent:#d41e46;--surface:#ffffff;--canvas:#f2f2f2;--tint:#fde8e6;--tint-soft:#fff3f5;--line:#e2e2e3;--line-strong:#8a8c90;--success-line:#bfd9c8;
--chart-1:#a81d38;--chart-2:#d9646f;--chart-3:#efc94c;--chart-4:#5f9c7f;--chart-5:#2f7d5a;
--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--control-height:44px;--field-width:35rem;--field-width-short:16rem;--field-width-number:10rem;--measure:70ch;--shadow-card:0 3px 12px #231f2012}
/* End of tokens. */
:root{font-family:var(--font-sans);color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}p{margin:var(--space-4) 0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;background:transparent;color:var(--muted);border:1px dashed var(--line-strong)}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#app:focus{outline:none}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 var(--space-10);border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height)}.brand img{display:block}.brand-product{font-size:var(--text-sm);letter-spacing:2px;font-weight:var(--weight-bold);color:var(--muted);padding-left:var(--space-3);border-left:1px solid var(--line)}.preview-badge{font-size:var(--text-xs);letter-spacing:1.8px;font-weight:var(--weight-bold);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}
main{max-width:840px;margin:var(--space-16) auto 0;padding:0 var(--space-8)}.intro{margin-bottom:var(--space-8)}.eyebrow{font-size:var(--text-xs);letter-spacing:2.1px;font-weight:var(--weight-bold);margin:0 0 var(--space-4);color:var(--primary)}h1{font-weight:var(--weight-semibold);font-size:var(--text-3xl);letter-spacing:-1.5px;line-height:1.12;margin:0 0 var(--space-5);max-width:700px}.lede{font-size:var(--text-md);line-height:var(--leading-relaxed);max-width:650px;color:var(--muted);margin:0}.lede.introduction+.lede.introduction{margin-top:var(--space-3)}@media(min-width:601px){.lede.introduction{text-align:justify}}h2{font-size:var(--text-xl);letter-spacing:-.5px;font-weight:var(--weight-semibold);margin:0 0 var(--space-3)}.muted{color:var(--muted);font-size:var(--text-sm);line-height:1.6}main :is(p,li){max-width:var(--measure)}.completion :is(p,li){margin-inline:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 3px 12px #231f2008}.access{max-width:560px;margin:auto}.access h2{margin-top:var(--space-4)}.step-number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--primary);font-size:var(--text-xs);font-weight:var(--weight-bold)}.access form{display:grid;gap:var(--space-2);margin-top:var(--space-6)}.access label{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-top:var(--space-2)}.access input,.access select{height:48px;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.access form .button{margin-top:var(--space-4)}.button{border:1px solid var(--primary);background:var(--primary);color:var(--surface);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);min-height:48px}.button:hover:not(:disabled){background:var(--primary-strong)}.secondary{width:100%;background:var(--surface);color:var(--primary);border-color:var(--line-strong)}.secondary:hover:not(:disabled){background:var(--canvas)}.divider{text-align:center;font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:var(--space-4);margin:var(--space-5) 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}
.tracker{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:center;margin:var(--space-8) 0}.progress-label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.locale-tag{font-size:var(--text-xs);letter-spacing:1.5px;color:var(--muted)}progress{grid-column:1/-1;width:100%;height:6px;border:0;border-radius:var(--radius-md);overflow:hidden;appearance:none}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.privacy{background:var(--surface);border:1px solid var(--line);padding:var(--space-1) var(--space-5);border-radius:var(--radius-md);color:var(--ink-2);font-size:var(--text-sm);line-height:1.7}.privacy summary{cursor:pointer;font-weight:var(--weight-semibold);padding-block:var(--space-3)}.privacy p{margin:0 0 var(--space-3)}.instructions{font-size:var(--text-sm);color:var(--muted);margin:var(--space-6) 0 var(--space-5)}.question{min-width:0;margin:var(--space-6) 0;padding:var(--space-6) var(--space-8) var(--space-8)}.question legend{font-size:var(--text-md);line-height:1.55;font-weight:var(--weight-medium);width:100%;float:left;margin-bottom:var(--space-5);display:flex;gap:var(--space-4)}.question-number{font-size:var(--text-xs);color:var(--muted);padding-top:var(--space-0-5)}.options{display:grid;gap:var(--space-2);clear:both}.choice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.4;cursor:pointer;min-height:48px}.choice:hover{background:var(--canvas)}.choice:has(input:checked){background:var(--tint);border-color:var(--primary)}.choice input{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0;margin:0}.enps{grid-template-columns:repeat(11,minmax(0,1fr));gap:var(--space-2)}.enps .choice{display:flex;flex-direction:column-reverse;padding:var(--space-3) var(--space-0-5);gap:var(--space-2)}.enps .choice span{font-size:var(--text-md)}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;padding:var(--space-3) 0;min-height:44px;color:var(--muted);font-size:var(--text-sm)}.actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-8)}.actions p{max-width:330px;font-size:var(--text-xs)}.actions .button{flex-shrink:0}.notice{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--ink);font-size:var(--text-sm);line-height:1.6}.notice.error{background:var(--tint-soft);border-color:var(--accent)}.error,.field-error{color:var(--primary)}.field-error{font-size:var(--text-sm);clear:both;padding-top:var(--space-2)}.invalid{border-color:var(--accent)}.status{color:var(--muted);padding:var(--space-5) 0}.completion{text-align:center;max-width:600px;margin:auto}.success-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--tint);color:var(--primary);font-size:var(--text-2xl);margin:var(--space-2) auto var(--space-6)}.receipt{display:block;overflow-wrap:anywhere;font-size:var(--text-xs);margin:0 0 var(--space-8);color:var(--muted)}footer{text-align:center;max-width:850px;padding:var(--space-8);margin:var(--space-6) auto 0;font-size:var(--text-xs);color:var(--muted);line-height:1.7}
@media(max-width:600px){.site-header{height:74px;padding:0 var(--space-5)}.preview-badge{letter-spacing:1.2px}main{margin-top:var(--space-10);padding:0 var(--space-4)}.intro{margin-bottom:var(--space-6)}h1{font-size:var(--text-2xl);letter-spacing:-1px}.card{padding:var(--space-6) var(--space-5)}.question{padding:var(--space-5) var(--space-4)}.question legend{gap:var(--space-2)}.choice{padding:var(--space-3)}.enps{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.actions{display:flex;flex-direction:column-reverse;gap:var(--space-3)}.actions .button{width:100%}.actions p{text-align:center}.privacy{padding:var(--space-1) var(--space-4)}.access{margin:0}footer{padding-top:var(--space-6)}}
.section-heading{margin:var(--space-6) 0 var(--space-5)}.section-heading h2{font-size:var(--text-xl);line-height:1.3;overflow-wrap:anywhere}.section-heading h2:focus{outline:none}.section-heading h2:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.section-heading p{line-height:1.6}.section-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.actions .section-navigation{flex:1 1 100%}.section-navigation .button{margin-top:0;min-width:200px;width:auto}.section-navigation .button:last-child{margin-left:auto}.section-navigation .secondary{background:var(--surface);color:var(--primary);border:1px solid var(--line-strong)}@media(max-width:600px){.section-navigation{flex-direction:column-reverse;align-items:stretch}.section-navigation .button{width:100%;min-width:0;margin-left:0}}
.card.anonymity{margin-bottom:var(--space-6)}.card.anonymity h2{font-size:var(--text-md);margin:0 0 var(--space-2)}.card.anonymity ul{margin:0;padding-left:var(--space-5);line-height:1.6}
.question select{display:block;clear:both;width:100%;max-width:var(--field-width);min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}.question.open textarea{display:block;clear:both;width:100%;box-sizing:border-box;font:inherit;font-size:var(--text-sm);line-height:1.5;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);resize:vertical;min-height:110px}.question.open textarea:focus{outline:3px solid var(--accent);outline-offset:2px}.question.open .muted{font-size:var(--text-xs);margin:var(--space-2) 0 0;text-align:right}.question.open .muted.choice-note{text-align:left}
/* UI-27 (ADR-0115): end labels of the 0-10 scale. On a wide screen both sit under the row, at its two ends; on a phone the scale wraps 6 + 5, so the second row is moved one column right to end at the right edge, the left label sits above 0 and the right one below 10. */
.enps-scale{clear:both;width:100%;display:grid;grid-template-areas:"options options" "low high";gap:var(--space-2) var(--space-4)}.enps-scale .options{grid-area:options}.scale-end{font-size:var(--text-sm);line-height:1.35;color:var(--ink-2)}.scale-end.low{grid-area:low;text-align:left}.scale-end.high{grid-area:high;text-align:right}
@media(max-width:600px){.enps-scale{grid-template-areas:"low" "options" "high";gap:var(--space-2)}.enps-scale .enps .choice:nth-child(7){grid-column-start:2}}
/* Room below the last button, so the page does not end at the edge of the window (owner, 2026-09-25). */
main{margin-bottom:var(--space-16)}@media(max-width:600px){main{margin-bottom:var(--space-10)}}
.site-header{gap:var(--space-3);flex-wrap:wrap;height:auto;min-height:90px;padding-block:var(--space-3)}.site-header .brand{margin-right:auto}.interface-label{font-size:var(--text-xs)}#interface-locale{width:auto;min-height:44px;font:inherit;font-size:var(--text-sm);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--surface);color:var(--ink)}@media(max-width:600px){.interface-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
/* Meeting 2026-10-01: Likert questions of a page as a matrix, the scale explained once above it; a phone shows each row as the
   statement over five numbered choices. */
.likert-block{margin:var(--space-4) 0}
.scale-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);list-style:none;padding:0;margin:0 0 var(--space-3)}
.scale-legend li{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;font-size:var(--text-sm);line-height:var(--leading-tight);padding:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}
.scale-legend strong{font-size:var(--text-md)}
.matrix-scroll{overflow-x:auto}
.likert-matrix{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}
.likert-matrix th,.likert-matrix td{padding:var(--space-2);border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.likert-matrix thead th{font-size:var(--text-sm);color:var(--ink-2);font-weight:var(--weight-semibold)}
.likert-matrix tbody th{text-align:left;font-weight:var(--weight-regular);line-height:var(--leading-normal);width:55%;padding:var(--space-3)}
.likert-matrix tbody tr:last-child>*{border-bottom:0}
.likert-matrix tbody tr:nth-child(even){background:var(--canvas)}
.likert-matrix .question-number{margin-right:var(--space-2)}
.matrix-choice{display:flex;align-items:center;justify-content:center;min-height:var(--control-height);min-width:var(--control-height);cursor:pointer}
.matrix-choice input{width:22px;height:22px;margin:0;accent-color:var(--primary)}
.matrix-score{display:none}
.matrix-row.invalid>th{color:var(--primary)}
@media(max-width:600px){.scale-legend{grid-template-columns:1fr}.scale-legend li{flex-direction:row;justify-content:flex-start;text-align:left}
 .likert-matrix thead{display:none}.likert-matrix,.likert-matrix tbody{display:block}
 .likert-matrix tr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);padding:var(--space-2) 0}
 .likert-matrix tbody th{grid-column:1/-1;width:auto;border:0}.likert-matrix td{border:0;padding:var(--space-1)}
 .matrix-choice{flex-direction:column;gap:var(--space-1)}.matrix-score{display:block;font-size:var(--text-xs);color:var(--muted)}}
@media(max-width:600px){.scale-legend{gap:0;margin-bottom:var(--space-2)}.scale-legend li{padding:var(--space-1) 0;border:0;background:transparent;gap:var(--space-2)}.scale-legend strong{font-size:var(--text-sm);min-width:1.5em}}
.likert-matrix thead th:first-child{text-align:left;padding-left:var(--space-3)}
.question.open textarea[hidden]{display:none}