/* Shared Morrow shell, loaded last by both entry points. */
:root{
 --morrow-shell-navy:#192e65;--morrow-shell-paper:#faf8f0;--morrow-shell-yellow:#f5e1aa;--morrow-shell-muted:#b8c5df;
 --ui-meta:12px;--ui-label:13px;--ui-body:14px;--ui-reading:15px;--ui-local:16px;--ui-question:22px;--ui-page:24px;--ui-intro:28px;
 --ui-control:32px;--ui-action:36px;--ui-field:40px;--ui-row:44px;--ui-panel:16px;--ui-editor:20px;--ui-radius:10px;--ui-control-radius:7px;
 --morrow-shell-header:56px;--morrow-shell-gutter:24px;--morrow-shell-start:24px;--morrow-shell-width:1120px;--morrow-wide-width:1280px;
}
body[data-density]{
 --lab-header:var(--morrow-shell-header);--lab-gutter:var(--morrow-shell-gutter);--lab-width:var(--morrow-shell-width);
 --lab-tab:36px;--lab-panel:var(--ui-editor);--lab-nested:var(--ui-panel);--lab-question:var(--ui-question);--lab-question-line:30px;
 --lab-body:var(--ui-body);--lab-line:20px;--lab-section-title:var(--ui-local);--lab-section-line:22px;--lab-row:var(--ui-row);
 --lab-control:var(--ui-field);--lab-button:var(--ui-action);--lab-gap:12px;--lab-space:16px;--lab-modal:540px;--lab-modal-pad:20px;
 --lab-radius:12px;--lab-card-radius:var(--ui-radius);--lab-field-radius:var(--ui-control-radius);--lab-page:var(--ui-page);--lab-page-line:30px;--lab-garden-height:292px;
 --morrow-text-body:var(--ui-body);--morrow-text-label:var(--ui-meta);--morrow-text-question:var(--ui-question);--morrow-control-text:var(--ui-label);--morrow-control-height:var(--ui-action);
 --morrow-weight-title:650;--morrow-panel-padding:var(--ui-editor);--morrow-radius-panel:12px;--morrow-space-5:16px;--morrow-space-6:24px;
}
body .site-header,body #opening>.relay-navigation{box-sizing:border-box;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;min-height:var(--morrow-shell-header);padding:0 var(--morrow-shell-gutter);gap:24px;background:var(--morrow-shell-navy);border:0;border-bottom:1px solid #ffffff18;color:var(--morrow-shell-paper)}
body .site-header .brand,body .relay-navigation .flow-brand{display:flex;align-items:center;flex:none;margin:0;padding:0;min-height:44px;color:var(--morrow-shell-paper);text-decoration:none}
body .site-header .brand,body .relay-navigation .flow-brand .morrow-wink{font:800 26px/1 Bricolage,Manrope,sans-serif;letter-spacing:-.04em}
body .relay-navigation .relay-nav-options:empty{display:none}
body .relay-navigation .relay-nav-options:not(:has(.relay-test-action:not([hidden]))){margin:0}
body .site-header .progress,body .relay-navigation #relay-primary-nav{gap:24px;font:500 var(--ui-label)/18px Manrope,sans-serif}
body .site-header .progress>:is(a,span),body .relay-navigation #relay-primary-nav button[data-destination]{position:relative;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;height:auto;min-height:var(--ui-control);padding:6px 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--morrow-shell-muted);font:500 var(--ui-label)/18px Manrope,sans-serif;text-decoration:none;white-space:nowrap}
body .site-header .progress>[aria-current],body .relay-navigation #relay-primary-nav button[aria-current=page]{color:var(--morrow-shell-yellow)}
body .relay-navigation #relay-primary-nav :is(.nav-title,.nav-copy){font:inherit;line-height:18px;transform:none;border:0;background:none;box-shadow:none}
body .relay-navigation #relay-primary-nav :is(button,.nav-title,.nav-copy)::before,body .relay-navigation #relay-primary-nav :is(button,.nav-title,.nav-copy)::after{display:none!important}
body .relay-navigation #relay-primary-nav :is(.nav-reveal-halo,.nav-reveal-spark,.morrow-underline-track){display:none!important}
body .site-header .progress>a:focus-visible,body .relay-navigation #relay-primary-nav button:focus-visible{outline:2px solid var(--morrow-shell-yellow);outline-offset:4px;border-radius:3px}
.landing-menu-toggle{display:none}
.aim:focus::placeholder{color:transparent}
/* One consistent point of arrival across working routes. */
body .focus-app.flow-relay #opening>.focus-main:not([data-flow-scene=aim]){box-sizing:border-box;width:calc(100% - var(--morrow-shell-gutter)*2);max-width:var(--morrow-shell-width);margin:0 auto;padding-top:var(--morrow-shell-start)!important;padding-bottom:40px}
body .focus-app.flow-relay #opening-object .insights-workspace{padding-top:0}
body .focus-app.flow-relay #opening-object .insights-tabs{margin-top:0}
body .focus-app a.morrow-back-to-survey{margin-top:0;margin-bottom:12px;min-height:32px}
/* Wider canvases are reserved for side-by-side comparison and the overview rail. */
body .focus-app.flow-relay #opening>.focus-main[data-flow-scene=done]:not([data-flow-scene=aim]),
body .focus-app.flow-relay #opening>.focus-main:not([data-flow-scene=aim]):has(.dqr-stage.is-comparing:not(:has(.dqr-empty))){max-width:var(--morrow-wide-width)}
/* Quiet, readable menus; the native component owns placement and interaction. */
body[data-density]:has(.focus-app.flow-relay) .choice-popover[data-motion-popover]{padding:4px;border:1px solid #b7c0cc;border-radius:8px;background:#faf8f0;color:#192e65;font:500 var(--ui-label)/18px Manrope,sans-serif;box-shadow:0 8px 24px #081b4526}
body:has(.focus-app.flow-relay) .choice-popover [role=option]{min-height:36px;padding:8px 10px;gap:10px;border-radius:5px}
body:has(.focus-app.flow-relay) .choice-popover .choice-option-copy{min-width:0}
body:has(.focus-app.flow-relay) .choice-popover .choice-option-copy>span{font-size:var(--ui-label);line-height:18px;white-space:normal;overflow-wrap:anywhere}
body:has(.focus-app.flow-relay) .choice-popover .choice-option-copy small{font-size:var(--ui-meta);line-height:16px;color:#526385;margin-top:3px}
body:has(.focus-app.flow-relay) .choice-popover [role=option][data-active=true]{background:#e7ebf1;color:#192e65}
body:has(.focus-app.flow-relay) .choice-popover [role=option][data-keyboard=true][data-active=true]{outline:2px solid #192e65;outline-offset:-2px}
body:has(.focus-app.flow-relay) .choice-popover .choice-selected{flex:none;width:16px}
body:has(.focus-app.flow-relay) .choice-popover .choice-selected svg{width:16px;height:16px}
@media(min-width:901px){
 body .site-header .progress,body .relay-navigation #relay-primary-nav{position:static;display:flex;align-items:center;justify-content:flex-end;inset:auto;width:auto;margin:0 0 0 auto;transform:none}
 body .relay-navigation .relay-nav-options{display:none}
 body .focus-app.flow-relay .relay-menu-toggle{display:none}
}
@media(max-width:900px){
 body .site-header .landing-menu-toggle,body .focus-app.flow-relay .relay-menu-toggle{display:flex;position:relative;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;order:3;width:44px;height:44px;min-height:44px;margin:0 0 0 auto;padding:0;border:1px solid #ffffff40;border-radius:10px;background:transparent;color:#faf8f0}
 .landing-menu-toggle span{width:18px;height:1.5px;background:currentColor}
 .landing-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
 .landing-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 body .site-header .progress,body .relay-navigation #relay-primary-nav{position:absolute;top:calc(var(--morrow-shell-header) + 8px);right:var(--morrow-shell-gutter);left:auto;bottom:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;width:220px;max-width:calc(100vw - 32px);margin:0;padding:6px;background:#192e65;border:1px solid #ffffff30;border-radius:10px;box-shadow:0 8px 24px #081b4540;transform:none}
 body .site-header .progress:not([data-open=true]),body .relay-navigation #relay-primary-nav:not([data-open=true]){visibility:hidden;pointer-events:none;opacity:0}
 body .site-header .progress[data-open=true],body .relay-navigation #relay-primary-nav[data-open=true]{visibility:visible;pointer-events:auto;opacity:1}
 body .site-header .progress>:is(a,span),body .relay-navigation #relay-primary-nav button[data-destination]{width:100%;justify-content:flex-start;padding:0 12px;border-radius:5px}
 body .relay-navigation .relay-nav-options{display:none}
}
@media(max-width:700px){
 :root{--morrow-shell-gutter:16px;--morrow-shell-start:16px}
 body .site-header:has(.progress a){flex-wrap:nowrap;padding-block:0;height:var(--morrow-shell-header)}
 body .site-header .brand,body .relay-navigation .flow-brand .morrow-wink{font-size:26px}
 body:has(.focus-app.flow-relay) .choice-popover [role=option]{min-height:44px}
}
@media(hover:hover){body .focus-app .garden-next .garden-review-button:hover{background:#ffe4a0}body .site-header .progress>a:hover,body .relay-navigation #relay-primary-nav button:hover{color:#faf8f0}}

@media(pointer:coarse),(max-width:640px){
 :root{--ui-control:44px;--ui-action:44px;--ui-field:44px}
 body .site-header .progress>:is(a,span),body .relay-navigation #relay-primary-nav button[data-destination]{min-height:44px}
}

@media(min-width:901px){body .site-header,body #opening>.relay-navigation{padding-inline:max(24px,calc((100% - var(--morrow-shell-width))/2))}}

/* Let translated labels and enlarged type reflow without moving normal-size navigation. */
body .site-header .progress,body .relay-navigation #relay-primary-nav{min-width:0;max-width:100%;flex-wrap:wrap;row-gap:4px}
body .site-header .progress>:is(a,span),body .relay-navigation #relay-primary-nav button[data-destination]{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
body .relay-navigation #relay-primary-nav :is(.nav-title,.nav-copy){min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
body .site-header .brand,body .relay-navigation .flow-brand{min-width:0;max-width:calc(100% - 68px);flex-shrink:1}
body :is(.site-header,.relay-navigation) .morrow-brand-lockup{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(min-width:901px){
 body .site-header,body #opening>.relay-navigation{flex-wrap:wrap;row-gap:0}
 body .site-header .progress,body .relay-navigation #relay-primary-nav{flex:0 1 auto}
}
@media(max-width:900px){
 body .site-header,body #opening>.relay-navigation{height:auto!important}
 body .site-header .progress,body .relay-navigation #relay-primary-nav{top:calc(100% + 8px);max-height:calc(100dvh - 80px);overflow-y:auto;flex-wrap:nowrap}
 body .site-header .progress>:is(a,span),body .relay-navigation #relay-primary-nav button[data-destination]{padding-block:8px;flex-shrink:0}
}
