.survey{--sv-ink:#16334a;--sv-ink-2:#3d5163;--sv-muted:#4d6070;--sv-line:#e6dfcf;--sv-paper:#fffaf0;--sv-card:#fff;--sv-teal:#2fb5a3;--sv-teal-deep:#1d8f81;--sv-key:#177a6e;--sv-wash:#eaf7f4;--sv-pencil:#9b968b;--sv-card-radius:6px 6px 20px 20px;--sv-card-shadow:0 1px 2px #16334a1f, 0 8px 16px -10px #16334a59;--focus-ring:#16334a;min-height:100%;color:var(--sv-ink);flex-direction:column;flex:1;display:flex}.survey :focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.survey-top{min-height:60px;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.survey-top>:first-child{justify-self:start}.survey-top>:last-child{justify-self:end}.survey-staff{display:block}.survey-quiet{min-height:44px;color:var(--sv-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:800;display:inline-flex}.survey-quiet:hover{color:var(--sv-ink);background:#16334a0f}.survey-quiet--teal{color:var(--sv-key)}.survey-quiet--teal[aria-pressed=true]{background:var(--sv-wash)}.survey-body{padding:4px max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex:1;justify-content:center;align-items:stretch;gap:56px;display:flex}.survey-main{flex-direction:column;width:100%;max-width:460px;animation:.312s cubic-bezier(.2,.9,.3,1) survey-enter;display:flex}@keyframes survey-enter{0%{opacity:0;transform:translateY(8px)}}.survey-main--question{justify-content:center;padding-bottom:4vh}.survey-why{display:none}.survey-title{font-family:var(--font-serif);font-optical-sizing:auto;letter-spacing:-.3px;margin:10px 0 6px;font-size:30px;font-weight:700;line-height:1.12}.survey-note{max-width:36ch;color:var(--sv-ink-2);margin:0 0 18px;font-size:16px;font-weight:600}.survey-banner{border-radius:var(--sv-card-radius);background:var(--sv-paper);box-shadow:inset 0 0 0 1.5px var(--sv-line);align-items:flex-start;gap:10px;margin:6px 0 4px;padding:12px 14px;font-size:15px;line-height:1.4;display:flex}.survey-banner__mark{flex:none;width:22px;height:22px;margin-top:1px}.survey-banner p{flex:1;margin:0}.survey-banner b{font-weight:800}.survey-link{min-height:0;color:var(--sv-key);font:inherit;text-underline-offset:3px;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline;display:inline;position:relative}.survey-link:after{content:"";min-width:44px;height:44px;position:absolute;inset:50% -8px auto;transform:translateY(-50%)}.survey-choices{flex-direction:column;gap:12px;display:flex}.survey-choice{border:2px solid var(--sv-line);border-radius:var(--sv-card-radius);background:var(--sv-card);width:100%;min-height:76px;box-shadow:var(--sv-card-shadow);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform var(--key-ease), box-shadow var(--key-ease), border-color .12s;-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:flex;position:relative}.survey-choice:hover{border-color:var(--sv-teal)}.survey-choice:active{transform:translateY(var(--key-press));box-shadow:var(--key-shadow-day-pressed)}.survey-choice[aria-checked=true]{border-color:var(--sv-teal-deep);background:#f3fbf9}.survey-choice__tick{width:22px;height:22px;position:absolute;top:-9px;right:12px}.survey-choice__art{width:56px;height:56px;color:var(--sv-ink);background:#f6efdd;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.survey-choice__art svg{width:44px;height:44px;display:block}.survey-choice__num{font-family:var(--font-serif);letter-spacing:-.3px;white-space:nowrap;text-align:center;font-size:19px;font-weight:700}.survey-choice__num small{font-family:var(--font-ui);color:var(--sv-muted);letter-spacing:0;margin-top:-3px;font-size:11px;font-weight:700;display:block}.survey-choice__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.survey-choice__text strong{font-size:18px;font-weight:800;line-height:1.25}.survey-choice__text small{color:var(--sv-muted);font-size:14px;font-weight:600;line-height:1.35}.survey-tag{background:var(--sv-wash);color:var(--sv-key);vertical-align:2px;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:800;display:inline-block}.survey .keyhint{color:var(--sv-muted);background:#fff;border-color:#cfc6b2;flex:none}.survey-key .keyhint{color:#fff;background:#ffffff24;border-color:#fff6}.survey-after{flex-wrap:wrap;justify-content:center;gap:4px 8px;margin-top:14px;display:flex}.survey-small{color:var(--sv-muted);text-align:center;margin:8px 0 0;font-size:14px;font-weight:600}.survey-small--left{text-align:left}.survey-kept{color:var(--sv-muted);text-align:center;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;font-weight:700;display:flex}.survey-kept svg{flex:none}.survey-actions{flex-direction:column;gap:12px;margin-top:auto;padding-top:20px;display:flex}.survey-key{border-radius:var(--key-radius);background:var(--key-bg);width:100%;min-height:54px;box-shadow:var(--key-highlight), var(--key-shadow-day);color:var(--key-text);font:inherit;cursor:pointer;transition:transform var(--key-ease), box-shadow var(--key-ease), background .12s;border:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:17px;font-weight:800;display:inline-flex}.survey-key:hover{background:var(--key-bg-hover)}.survey-key:active{transform:translateY(var(--key-press));box-shadow:var(--key-shadow-day-pressed)}.survey-key--outline{box-shadow:inset 0 0 0 2px var(--sv-teal-deep), var(--key-shadow-day);color:var(--sv-key);background:0 0}.survey-key--outline:hover{background:#2fb5a314}.survey-card{border-radius:var(--sv-card-radius);background:var(--sv-card);box-shadow:inset 0 0 0 1.5px var(--sv-line), var(--sv-card-shadow);padding:18px}.survey-steps{counter-reset:survey-step;margin:0;padding:0;list-style:none}.survey-steps li{counter-increment:survey-step;padding:4px 0 10px 38px;font-weight:600;position:relative}.survey-steps li:before{content:counter(survey-step);width:26px;height:26px;font-family:var(--font-serif);background:#f6efdd;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;top:2px;left:0}.survey-listen{background:#f6efdd;border-radius:14px;align-items:center;gap:12px;margin-top:6px;padding:14px;font-weight:800;display:flex}.survey-listen--heard{background:var(--sv-wash);color:#0f5a51}.survey-listen__tick{flex:none;width:26px;height:26px}.survey-dots{flex:none}.survey-dots i{background:var(--sv-pencil);border-radius:50%;width:9px;height:7px;margin:0 2px;animation:1.25s infinite survey-dot;display:inline-block;transform:rotate(-20deg)}html[data-motion=calm] .survey-dots i{animation:none}.survey-dots i:nth-child(2){animation-delay:.156s}.survey-dots i:nth-child(3){animation-delay:.312s}@keyframes survey-dot{0%,60%,to{opacity:.35}30%{opacity:1;background:var(--sv-teal-deep)}}.survey-programme{border-radius:var(--sv-card-radius);background:var(--sv-card);box-shadow:inset 0 0 0 1.5px var(--sv-line), var(--sv-card-shadow);margin:6px 0 0;padding:4px 18px}.survey-programme div{border-bottom:1px solid var(--sv-line);grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:13px 0;display:grid}.survey-programme div:last-child{border-bottom:0}.survey-programme dt{color:var(--sv-muted);letter-spacing:.06em;grid-column:1;font-size:15px;font-variant-caps:all-small-caps;font-weight:700}.survey-programme dd{font-family:var(--font-serif);grid-column:1;margin:0;font-size:19px;font-weight:600;line-height:1.25}.survey-programme dd em{font-family:var(--font-ui);color:var(--sv-muted);font-size:14px;font-style:normal;font-weight:600;display:block}.survey-programme .survey-link{grid-area:1/2/span 2;font-size:15px}.survey-handover{color:var(--sv-ink-2);text-align:center;margin:12px 0 0;font-weight:600}.survey-scrim{z-index:60;background:#16334a61;justify-content:center;align-items:flex-end;animation:.2s survey-fade;display:flex;position:fixed;inset:0}@keyframes survey-fade{0%{opacity:0}}.survey-sheet{width:100%;max-width:520px;max-height:100%;padding:22px 20px max(20px, env(safe-area-inset-bottom));background:#f6efdd;border-radius:22px 22px 0 0;animation:.25s cubic-bezier(.2,.9,.3,1) survey-rise;overflow-y:auto;box-shadow:0 -10px 30px #16334a40}@keyframes survey-rise{0%{transform:translateY(30px)}}.survey-sheet__title{font-family:var(--font-serif);margin:0 0 4px;font-size:24px;font-weight:700}.survey-sheet .survey-note{margin-bottom:14px}@media (width>=900px){.survey-top{padding:14px 24px 0}.survey-body{align-items:center;padding-bottom:40px}.survey-main{justify-content:center}.survey-why{width:250px;color:var(--sv-ink-2);border-top:1px solid #16334a2e;flex:none;margin-top:-20px;padding-top:14px;font-size:15px;font-weight:600;display:block}.survey-why p{margin:0 0 10px}.survey-why .survey-why__label{color:var(--sv-key);letter-spacing:.06em;margin:0 0 6px;font-size:16px;font-variant-caps:all-small-caps;font-weight:800}.survey-title{font-size:34px}.survey-actions{margin-top:0}.survey-scrim{align-items:center}.survey-sheet{border-radius:8px 8px 22px 22px;padding-bottom:22px}}@media (height<=560px) and (width>=560px){.survey-top{min-height:48px}.survey-main{max-width:720px}.survey-main--question{justify-content:flex-start;padding-bottom:0}.survey-title{margin-top:2px;font-size:24px}.survey-note{max-width:none;margin-bottom:10px}.survey-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.survey-choice{min-height:64px}.survey-choice__art{width:46px;height:46px}.survey-choice__art svg{width:36px;height:36px}.survey-kept{margin-top:10px}.survey-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.survey-steps li{padding-bottom:4px}.survey-card{padding:12px 14px}.survey-programme{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;padding:2px 16px;display:grid}.survey-programme div{border-bottom:0;grid-template-columns:1fr;align-content:start;padding:10px 0}.survey-programme dd{font-size:17px}.survey-programme .survey-link{grid-area:auto/1;justify-self:start;margin-top:4px}.survey-actions{padding-top:12px}.survey-handover{margin-top:8px}}@media (prefers-reduced-motion:reduce){html:not([data-motion]) .survey-main,html:not([data-motion]) .survey-scrim,html:not([data-motion]) .survey-sheet,html:not([data-motion]) .survey-dots i{animation:none}html:not([data-motion]) .survey-choice,html:not([data-motion]) .survey-choice:active,html:not([data-motion]) .survey-key,html:not([data-motion]) .survey-key:active{transition:none;transform:none}}html[data-motion=off] .survey-main,html[data-motion=off] .survey-scrim,html[data-motion=off] .survey-sheet,html[data-motion=off] .survey-dots i{animation:none}html[data-motion=off] .survey-choice,html[data-motion=off] .survey-choice:active,html[data-motion=off] .survey-key,html[data-motion=off] .survey-key:active{transition:none;transform:none}html[data-motion=calm] .survey-sheet{animation:none}html[data-motion=calm] .survey-main{animation-name:survey-fade}.welcome{z-index:50;color:#16334a;font-family:var(--acct-font);--focus-ring:#16334a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6efdd;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.welcome__skip{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#4d6070;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:800;position:absolute}.welcome__skip:hover{color:#16334a;background:#16334a0f}.welcome__skip:focus-visible,.welcome__back:focus-visible,.welcome__choice:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.welcome__main{width:100%;max-width:440px;padding:max(64px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.welcome__hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding-bottom:24px;display:flex}.welcome__mascot{width:168px;height:168px;margin-bottom:8px;animation:2.6s ease-in-out infinite welcome-bob}html[data-motion=calm] .welcome__mascot{animation:none}@keyframes welcome-bob{50%{transform:translateY(-6px)}}.welcome__name{font-family:var(--font-serif);font-optical-sizing:auto;letter-spacing:-.5px;margin:0;font-size:44px;font-weight:700;line-height:1.05}.welcome__promise{color:#3d5163;max-width:26ch;margin:0;font-size:19px;font-weight:600;line-height:1.4}.welcome__actions{flex-direction:column;gap:12px;display:flex}.welcome__hero--question{flex:none;justify-content:flex-end;min-height:22dvh}.welcome__question{font-family:var(--font-serif);font-optical-sizing:auto;margin:0;font-size:32px;font-weight:700;line-height:1.15}.welcome__note{color:#3d5163;max-width:30ch;margin:0;font-size:15px;font-weight:600}.welcome__choices{flex-direction:column;gap:14px;display:flex}.welcome__choice{width:100%;box-shadow:var(--key-shadow-day);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform var(--key-ease), box-shadow var(--key-ease), border-color .12s;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #e6dfcf;border-radius:22px;align-items:center;gap:16px;padding:16px 18px;display:flex}.welcome__choice:hover{border-color:#2fb5a3}.welcome__choice:active{transform:translateY(var(--key-press));box-shadow:var(--key-shadow-day-pressed)}.welcome__choice-art{background:#f6efdd;border-radius:18px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.welcome__choice-text{flex-direction:column;gap:2px;display:flex}.welcome__choice-text strong{font-size:19px;font-weight:900}.welcome__choice-text small{color:#4d6070;font-size:14px;font-weight:600;line-height:1.4}.welcome__back{color:#4d6070;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-self:center;margin-top:24px;padding:0 20px;font-size:15px;font-weight:800}@media (height<=560px){.welcome__mascot{width:96px;height:96px}.welcome__name{font-size:34px}.welcome__main{padding-top:48px}.welcome__hero--question{min-height:0}}@media (prefers-reduced-motion:reduce){html:not([data-motion]) .welcome__mascot{animation:none}html:not([data-motion]) .welcome__choice,html:not([data-motion]) .welcome__choice:active{transition:none;transform:none}}html[data-motion=off] .welcome__mascot{animation:none}html[data-motion=off] .welcome__choice,html[data-motion=off] .welcome__choice:active{transition:none;transform:none}
