/* One statement at a time, with broad rounded choices and quiet surrounding space. */
.typeform-journey{max-width:760px;margin:28px auto 60px}
.typeform-journey #evaluation-questionnaire>.panel{border:0;box-shadow:none;background:transparent;padding:20px 0;margin:0;animation:question-enter .38s cubic-bezier(.22,1,.36,1)}
.typeform-journey #journey-heading{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.4;text-align:center;font-weight:600;margin:18px 0 30px}
.typeform-journey #journey-heading:focus{outline:none}
.journey-question-text{display:block}
.typeform-journey .journey-progress{margin-bottom:16px}
.typeform-journey .journey-progress[hidden]{display:none}
.journey-progress-bar{position:relative;background:#e5ede9;border-radius:12px;overflow:hidden;isolation:isolate}
.journey-progress-fill{position:absolute;inset:0 auto 0 0;background:#c5e4d8;z-index:-1;transition:width .25s}
.journey-progress-heading{padding:12px 18px;display:flex;justify-content:space-between;gap:18px;font-size:.8rem}
#evaluation-questionnaire .question{padding:0;border:0}
#evaluation-questionnaire .question>legend.visually-hidden,#evaluation-questionnaire .journey-agreement>legend.visually-hidden{position:absolute;width:1px;height:1px;float:none;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
#evaluation-questionnaire .journey-agreement{clear:both;border:0;padding:0;margin:0;min-width:0}
#evaluation-questionnaire .journey-agreement .scale{display:grid;grid-template-columns:1fr;gap:10px;max-width:640px;margin:auto}
#evaluation-questionnaire .journey-agreement .choice{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;min-height:54px;text-align:left;padding:12px 24px;border-radius:40px;border:1px solid var(--agreement-colour,#b7c9c3);background:color-mix(in srgb,var(--agreement-colour,#fff) 14%,white);color:#163e3e;font-size:1rem;transition:background .18s,box-shadow .18s}
#evaluation-questionnaire .journey-agreement .choice input{position:static;width:19px;height:19px;flex-shrink:0;opacity:1;accent-color:#075052}
#evaluation-questionnaire .journey-agreement .choice span{color:inherit;background:transparent}
#evaluation-questionnaire .journey-agreement .choice:has(input:checked){background:linear-gradient(100deg,var(--agreement-colour,#fff),color-mix(in srgb,var(--agreement-colour,#fff) 82%,white));color:var(--agreement-ink,#163e3e);box-shadow:0 0 0 3px white,0 0 0 5px var(--agreement-colour,#075052)}
#evaluation-questionnaire .journey-agreement .choice:has(input:focus-visible){outline:3px solid #163e3e;outline-offset:4px}
#evaluation-questionnaire .journey-agreement .choice:has(input[value="0"]){--agreement-colour:#b7c9c3;--agreement-ink:#163e3e;background:#fff}
#evaluation-questionnaire .evaluation-priority{margin:26px auto 0;max-width:640px;clear:both}
#evaluation-questionnaire .evaluation-priority[hidden]{display:none}
#evaluation-questionnaire .evaluation-priority>legend{text-align:center;font-size:1rem;line-height:1.5;margin-bottom:14px}
.typeform-journey #evaluation-questionnaire .priority-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#evaluation-questionnaire .priority-options span{border-radius:30px;padding:12px 8px;min-height:46px}
.typeform-journey .journey-footer{margin:30px auto 0;max-width:640px;gap:16px;flex-wrap:wrap}
.typeform-journey button{border-radius:28px}
.typeform-journey #journey-continue{min-width:180px;padding:14px 24px;background:linear-gradient(110deg,#075052,#267e6b)}
.typeform-journey #evaluation-feedback{font-size:.8rem;line-height:1.6;color:#59736b;text-align:center;margin:18px auto 0;max-width:640px}
.journey-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.journey-intro article{background:white;border-radius:22px;padding:24px;border:1px solid #e0e9e5}
.journey-intro-icon svg{width:44px;height:44px;stroke:#178576;stroke-width:1.6}
.journey-intro h3{margin-top:12px}.journey-intro p{font-size:.9rem;margin:0}
.journey-rating-examples{margin:14px 0 24px}.journey-example-label{font-size:.8rem;color:#59736b}
.journey-example-options{display:flex;gap:8px;flex-wrap:wrap}.journey-example-options span{border-radius:20px;font-size:.75rem;padding:8px 12px}
.journey-eyebrow{text-align:center;color:#59736b}
.journey-review{background:white;border:1px solid #dce5e4;border-radius:18px;padding:20px;margin:14px 0}
.journey-review summary{cursor:pointer;font-weight:700}.journey-review article{padding:16px 0;border-bottom:1px solid #e5ede9}
.journey-review dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:.875rem}.journey-review dt{color:#59736b}.journey-review dd{margin:6px 0}
.journey-review button{margin-top:16px}.journey-comment{white-space:pre-wrap;overflow-wrap:anywhere}
.journey-rating-error{clear:both;margin:12px 0}
@keyframes question-enter{from{opacity:0;transform:translateY(var(--journey-offset,40px))}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.typeform-journey #evaluation-questionnaire>.panel{animation:none}.journey-progress-fill{transition:none}}
@media(max-width:600px){.typeform-journey{margin-top:16px}.journey-intro{grid-template-columns:1fr}.typeform-journey #journey-heading{font-size:1.6rem}.journey-progress-heading{font-size:.75rem}#evaluation-questionnaire .journey-agreement .choice{padding:12px 18px}.typeform-journey .journey-footer>.actions{width:100%}.typeform-journey .journey-footer>.actions button{flex:1;min-width:0}#evaluation-questionnaire .priority-options{gap:6px}#evaluation-questionnaire .priority-options span{font-size:.75rem;padding:12px 4px}.journey-review dl{grid-template-columns:1fr}}

/* Keep member questionnaire pages focused on the current statement. */
.member-shell:has(#evaluation-questionnaire)>.member-top,
.member-content:has(#evaluation-questionnaire)>.pagehead{display:none}
.member-content:has(#evaluation-questionnaire){padding-top:32px}
.member-content .typeform-journey{margin-top:0}
.typeform-journey #evaluation-questionnaire #journey-heading{margin:26px 0 44px}
#evaluation-questionnaire .journey-agreement .scale{gap:16px}
#evaluation-questionnaire .journey-agreement .choice{min-height:60px;padding-top:15px;padding-bottom:15px}
@media(max-width:600px){.member-content:has(#evaluation-questionnaire){padding-top:24px}.typeform-journey #evaluation-questionnaire #journey-heading{margin:22px 0 32px}#evaluation-questionnaire .journey-agreement .scale{gap:12px}}

#evaluation-questionnaire .evaluation-priority .journey-rating-error{text-align:center;color:#b42318;margin:14px 0 0}
#evaluation-questionnaire .evaluation-priority:has([data-rating-error]){outline:2px solid #b42318;outline-offset:10px;border-radius:8px;background:#fff3f1}

#evaluation-questionnaire #journey-actions[hidden]{display:none}

#evaluation-questionnaire .journey-agreement .scale>.priority-reveal .evaluation-priority{width:100%;margin:8px 0 16px;padding:16px 0;min-width:0}

#journey-actions:not([hidden]){animation:question-actions-enter .24s ease-out}
@keyframes question-actions-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#journey-actions:not([hidden]){animation:none}}

.journey-example-options span{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid #dce5e4;font-size:.875rem;font-weight:600;border-radius:30px}.journey-example-options.priority span{flex:1;min-width:90px}

.member-dashboard-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.member-dashboard-shell>.member-identity{grid-column:1;grid-row:1/3}.member-dashboard-shell>.member-top{grid-column:2}.member-dashboard-shell>.member-top>.brand{display:none}.member-dashboard-shell>.member-content{grid-column:2;width:100%;min-width:0}.member-explainer>.panel{border:0;padding:0;box-shadow:none}
@media(max-width:700px){.member-dashboard-shell{grid-template-columns:1fr}.member-dashboard-shell>.member-identity{grid-column:1;grid-row:auto;padding:20px;gap:16px}.member-dashboard-shell>.member-identity .org{display:flex;align-items:center;justify-content:center;gap:16px;padding:0}.member-dashboard-shell>.member-identity .organisation-logo{margin:0;width:48px;height:48px}.member-dashboard-shell>.member-top,.member-dashboard-shell>.member-content{grid-column:1}}

.journey-example-options.agreement{display:grid;grid-template-columns:minmax(0,1fr)}
/* Skills assessment shares the focused board-evaluation journey. */
.member-shell:has(.skills-journey)>.member-top{display:none}
.member-content:has(.skills-journey){padding-top:32px}
.skills-journey #questionnaire{padding:24px 0;background:transparent;border:0;box-shadow:none}
.skills-journey h2{text-align:center;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.4;margin:20px 0 24px}
.skills-journey h2:focus{outline:none}
.skills-question-description{text-align:center;max-width:640px;margin:0 auto 32px;line-height:1.65;color:var(--muted)}
.skills-journey-options{border:0;padding:0;margin:0 auto;max-width:640px;display:grid;grid-template-columns:1fr;gap:16px;min-width:0}
.skills-journey-options .choice{display:flex;align-items:center;gap:16px;border:1px solid #cbd9d4;border-radius:40px;padding:16px 24px;min-height:70px;text-align:left;background:color-mix(in srgb,var(--skill-colour) 22%,white);color:#163e3e;cursor:pointer;transition:background .18s,box-shadow .18s}
.skills-journey-options .choice input{position:static;opacity:1;width:19px;height:19px;flex:0 0 19px;accent-color:#075052}
.skills-journey-options .choice span{display:block;background:transparent;color:inherit}.skills-journey-options .choice b{display:block;font-size:1rem}.skills-journey-options .choice small{display:block;color:inherit;font-size:.8rem;line-height:1.5;margin-top:3px}
.skills-journey-options .choice:has(input:checked){background:linear-gradient(100deg,var(--skill-colour),color-mix(in srgb,var(--skill-colour) 85%,white));color:var(--skill-ink);box-shadow:0 0 0 3px white,0 0 0 5px #075052}
.skills-journey-options .choice:has(input:focus-visible){outline:3px solid #163e3e;outline-offset:4px}
.skills-journey #skills-actions[hidden]{display:none}.skills-journey #skills-actions:not([hidden]){animation:question-actions-enter .24s ease-out}.skills-journey #next{min-width:180px;background:linear-gradient(110deg,#075052,#267e6b);padding:14px 24px}
.skills-journey #saved-status{text-align:center;font-size:.8rem;line-height:1.6;color:var(--muted);margin:18px auto 0;max-width:640px}
.skills-profile-question{max-width:640px;margin:32px auto;display:grid;gap:24px}.skills-profile-question>fieldset{border:0;padding:0}.skills-profile-question input,.skills-profile-question select,.skills-profile-question textarea{border-radius:16px}.skills-profile-question .field{line-height:1.6}
.skills-review-list{margin:24px 0}.skills-review-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;margin:8px 0;background:white;border:1px solid #dce5e4;border-radius:18px}.skills-review-list p{margin:6px 0 0;color:var(--muted)}
@media(max-width:600px){.skills-journey-options{gap:12px}.skills-journey-options .choice{padding:14px 18px}.skills-journey .journey-footer .actions{width:100%}.skills-journey .journey-footer .actions button{flex:1;min-width:0}.skills-profile-question .form-row{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.skills-journey-options .choice,.skills-journey #skills-actions{animation:none;transition:none}}
.skills-journey-options .choice{flex-direction:row;justify-content:flex-start}.skills-journey-options .choice span{text-align:left}

.skills-journey .skills-help-bubble{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:30px;height:30px;min-width:30px;padding:0;margin-left:6px;border:1px solid #8aaba4;border-radius:50%;background:white;color:#075052;font-weight:700;cursor:pointer}.skills-help-bubble:focus-visible{outline:3px solid #075052;outline-offset:3px}.skills-help-dialog{max-width:600px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;padding:32px;border:1px solid #dce5e4;border-radius:24px;color:#163e3e}.skills-help-dialog::backdrop{background:#163e3e88}.skills-help-dialog h2{margin-top:0}.skills-help-dialog h2:focus{outline:none}.skills-help-dialog p{line-height:1.7;margin:16px 0}.skills-help-dialog button{border-radius:28px;margin-top:8px}

.skills-rating-examples .choice{cursor:default;background:var(--skill-colour);color:var(--skill-ink)}
.skills-rating-examples{max-width:none}
.skills-journey .progress-header{display:block;margin-bottom:16px}
.skills-journey .progress-header[hidden]{display:none}


.typeform-journey .journey-example-options.priority{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.typeform-journey .journey-example-options.priority span{min-width:0;padding:12px 4px}

#evaluation-questionnaire .journey-agreement .choice span,
#evaluation-questionnaire .priority-options span{font-size:1rem}
.typeform-journey .journey-progress-heading strong{font-size:.95rem;line-height:1.4}

#evaluation-questionnaire .priority-reveal{display:flow-root;overflow:hidden;min-width:0}
#evaluation-questionnaire .priority-reveal[hidden]{display:none}