.flow-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:650px;margin:0 auto 18px}
.flow-heading{text-align:center}
.nav-link{padding:9px 8px;font-size:14px}
.message h2{font-size:21px;line-height:1.25;margin:0 0 12px}
.survey-message{max-width:100%}
.survey-message fieldset{border:0;padding:0;margin:0;min-width:0}
.survey-message legend{font-weight:750;font-size:21px;line-height:1.3;margin-bottom:8px}
.survey-hint{color:var(--muted);font-size:13px;margin:5px 0 12px!important}
.survey-progress{margin:0 0 14px;font-size:12px;color:#536578}
.survey-progress progress{display:block;width:100%;height:5px;margin-top:7px;accent-color:var(--blue)}
.survey-options{display:grid;gap:8px}
.survey-option{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:10px;padding:12px 11px;cursor:pointer;background:#fff}
.survey-option:has(input:checked){border-color:var(--blue);background:var(--soft-blue)}
.survey-option input{width:17px;height:17px;flex:0 0 17px;margin:3px 0 0;accent-color:var(--blue)}
.survey-option span{min-width:0}
.survey-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:18px}
#custom-answer,#project-answer{margin-top:15px}
#custom-answer label,#project-answer label{font-weight:600;display:block;margin-bottom:7px;font-size:14px}
#custom-answer textarea,#project-answer textarea{display:block;resize:vertical;width:100%;font:inherit;padding:10px;border:1px solid var(--border);border-radius:8px}
.survey-error{color:#ad243d;font-size:14px;margin-top:12px!important}
.demo-note{max-width:410px;margin:16px auto 0;text-align:center;color:#718096;font-size:12px}
.restart-demo,.edit-survey{background:none;border:0;color:var(--blue-dark);text-decoration:underline;font:inherit;cursor:pointer;padding:8px}
.demo-note .restart-demo{display:block;margin:0 auto}
.survey-complete{color:#277352;font-size:13px;text-align:center;margin-bottom:13px}
.survey-complete .edit-survey{font-size:12px;display:block;margin:0 auto}
.skip-survey{width:100%;margin-top:10px}
.expert-note{margin:14px 0!important;padding:12px;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;background:var(--soft-blue);font-size:14px;line-height:1.5}
.expert-note a,.manager-contact a{color:var(--blue-dark);font-weight:650;overflow-wrap:anywhere}
.manager-contact{margin:16px 0 4px!important;padding-top:13px;border-top:1px solid var(--border);font-size:14px;line-height:1.5}
@media(max-width:480px){.flow-heading{font-size:19px}.nav-link{font-size:12px}.survey-message legend{font-size:20px}.survey-option{font-size:14px}}
@media(max-width:480px){.flow-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}