/* V5: align label baselines with the bars, without squeezing the lettering. */
.value-path,.industry-intro .value-path{gap:12px;height:136px}
.value-step,.industry-intro .value-step{width:max-content;min-width:64px;flex:0 0 auto;gap:17px}
.value-label,.industry-intro .value-label{display:block;padding:0 7px;white-space:nowrap;max-width:none;font-size:.75rem;letter-spacing:.25px;line-height:1.5;transform:rotate(-15deg);transform-origin:center}
.value-path .value-step i,.industry-intro .value-path .value-step i{width:100%;min-width:64px}
.industry-intro{gap:26px}
.vertical-grid[data-active="ecommerce"]{grid-template-columns:1.66fr .78fr .78fr .78fr}
.vertical-grid[data-active="foodservice"]{grid-template-columns:.78fr 1.66fr .78fr .78fr}
.vertical-grid[data-active="automation"]{grid-template-columns:.78fr .78fr 1.66fr .78fr}
.vertical-grid[data-active="cryptography"]{grid-template-columns:.78fr .78fr .78fr 1.66fr}
.questionnaire-surface{background:linear-gradient(180deg,#102a44 0%,#102a44 80%,#193e5b 86%,#497493 92%,#b8d0e1 97%,#fff 100%);color:#e8f2fa}
.questionnaire-heading{background:transparent;margin-bottom:34px}
.questionnaire-heading:after{display:none}
.questionnaire-heading h3,.industry-form legend,.business-field>label,.form-field>label{color:#f0f7fc}
.questionnaire-heading p,.field-hint{color:#c4d8e8}
.improvement-choice{background:#193b58;border-color:#4a6d87;color:#f1f7fc}
.improvement-choice:hover{border-color:#8bc1eb}
.improvement-choice:has(input:checked){background:#244f70;border-color:#83c4f7}
.choice-icon{color:#9bd1f8}
.rank-list{border-color:#ffffff30}
.rank-list>li{border-color:#ffffff30;color:#edf6fc}
.rank-position{background:#315672;color:#e6f4ff}
.rank-move{background:#2a4b66;color:#d8edff}
.rank-move:hover:not(:disabled){background:#3b6788}
.rank-grip{font-size:24px;line-height:1;color:#9ec7e4;cursor:grab;flex-shrink:0;user-select:none}
.rank-list>li[draggable]{cursor:grab}
.rank-list>li.is-dragging{opacity:.45;background:#2b506b;cursor:grabbing}
.survey-question{margin-top:30px!important;padding:0 0 28px!important;border-bottom:1px solid #ffffff24!important}
.survey-question legend{margin-bottom:18px}
.survey-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.survey-choice{position:relative;display:flex;align-items:center;gap:14px;min-height:64px;padding:15px 18px;border:1px solid #52718a;border-radius:7px;background:#193b58;color:#edf6fc;font-size:1rem!important;line-height:1.5;cursor:pointer}
.survey-choice input{position:absolute!important;inset:0;width:100%!important;height:100%;opacity:0;cursor:pointer;z-index:1;margin:0}
.survey-mark{width:23px;height:23px;border:1.5px solid #b4cddd;background:#fff;flex-shrink:0;border-radius:5px;color:#fff;display:grid;place-items:center}
.survey-mark svg{opacity:0}
.survey-choice:has(input:checked){background:#265272;border-color:#8dcbf7}
.survey-choice input:checked~.survey-mark{background:#448ac8;border-color:#a8d6f8}
.survey-choice input:checked~.survey-mark svg{opacity:1}
.survey-choice:has(input[type=radio]) .survey-mark{border-radius:50%}
.survey-choice input[type=radio]~.survey-mark svg{display:none}
.survey-choice input[type=radio]:checked~.survey-mark:after{content:'';width:9px;height:9px;border-radius:50%;background:#fff}
.survey-choice input:focus-visible~.survey-mark{outline:3px solid #a3d6ff;outline-offset:4px}
.industry-form [data-invalid] .survey-choice,.industry-form [data-invalid] .improvement-choice{border-color:#f3a7a7}
.field-error{color:#ffb9b9}
.form-error-summary{background:#fff1f1;color:#8c2929}
.questionnaire-actions{margin-top:42px;padding-top:18px}
.questionnaire-actions .preview-note{color:#153a56}
.brief-preview{color:var(--ink);background:#f3f8fc}
.brief-preview .preview-note{color:#4b6274}
.coming-soon-panel{min-height:500px;display:grid;place-items:center;text-align:center}
.coming-soon-panel h3{font-size:clamp(40px,7vw,80px);letter-spacing:-2px;color:#e7f4ff}
@media(max-width:1050px){.vertical-grid[data-active]{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-intro{max-width:55%;gap:18px}.value-step,.industry-intro .value-step{min-width:54px}.value-path .value-step i,.industry-intro .value-path .value-step i{min-width:54px}}
@media(max-width:767px){.industry-intro{max-width:none;gap:18px}.value-path,.industry-intro .value-path{gap:7px}.value-step,.industry-intro .value-step{min-width:48px}.value-path .value-step i,.industry-intro .value-path .value-step i{min-width:48px}.value-label,.industry-intro .value-label{padding-inline:4px;font-size:.75rem}.survey-options{grid-template-columns:1fr}.survey-choice{padding:15px;min-height:64px}.rank-grip{display:none}.rank-list>li[draggable]{cursor:default}.questionnaire-surface{background:linear-gradient(180deg,#102a44 0%,#102a44 84%,#275473 91%,#a8c6dc 97%,#fff 100%)}.questionnaire-actions .preview-note{color:#163c58}}
@media(max-width:440px){.vertical-grid[data-active]{grid-template-columns:minmax(0,1fr)}.industry-intro{gap:12px}.value-step,.industry-intro .value-step{min-width:46px}.value-path .value-step i,.industry-intro .value-path .value-step i{min-width:46px}.coming-soon-panel{min-height:400px}}

/* Compact motif and consistent textarea height, including narrow screens. */
.value-path,.industry-intro .value-path{gap:14px;height:120px}
.value-step,.industry-intro .value-step{width:40px;min-width:40px;max-width:40px;flex:0 0 40px;gap:6px;align-items:center}
.value-path .value-step i,.industry-intro .value-path .value-step i{width:40px;min-width:40px;max-width:40px}
.value-label,.industry-intro .value-label{width:40px;max-width:40px;padding:0;font-size:.65rem;letter-spacing:0;line-height:1.35;min-height:28px;text-align:center;white-space:normal;overflow-wrap:anywhere;transform:rotate(-15deg);transform-origin:center}
.rank-grip{display:inline-flex;align-items:center;justify-content:center;width:16px;min-width:16px;line-height:0}
.industry-form textarea{height:64px;min-height:64px;box-sizing:border-box;resize:vertical}
@media(max-width:767px){.value-path,.industry-intro .value-path{gap:12px}.rank-grip{display:none}.industry-form textarea{height:64px;min-height:64px}.survey-choice{min-height:64px;overflow-wrap:anywhere}}
@media(max-width:440px){.industry-intro{gap:16px}.value-path,.industry-intro .value-path{gap:10px}.industry-intro>p{min-width:0}}

/* Rotate only the text line: the reserved label height must not shift its center. */
.value-label,.industry-intro .value-label{display:flex;align-items:flex-start;justify-content:center;transform:none}
.value-label>[data-i18n],.industry-intro .value-label>[data-i18n]{display:block;flex:0 0 100%;width:100%;max-width:100%;text-align:center;transform:rotate(-15deg);transform-origin:50% 50%}