:root:has(#demo-screen),html:has(.public-demo-work){color-scheme:light!important;background:#f3f6fa!important;color:#16263d!important}
body:has(#demo-screen),body.public-demo-work{color-scheme:light!important;background:#f3f6fa!important;color:#16263d!important;--blue:#245bd7;--ink:#16263d;--muted:#46566b;font-family:Avenir,"Avenir Next",system-ui,sans-serif}
body:has(#demo-screen) :is(h1,h2,h3,h4,p,strong,label,li,summary,blockquote,legend,span),.public-demo-work :is(h1,h2,h3,h4,p,strong,label,li,summary,blockquote,legend,span){color:#16263d;opacity:1}
body:has(#demo-screen) :is(input,textarea,select),.public-demo-work :is(input,textarea,select){color:#16263d!important;background:#fff!important;color-scheme:light!important;font:inherit;box-sizing:border-box;max-width:100%}
body:has(#demo-screen) main{max-width:1120px;margin:auto;padding:24px}.masthead{position:relative;isolation:isolate;overflow:hidden;min-width:0}.masthead::before,.public-demo-work .demo-return::before{content:"";position:absolute;inset:0 0 0 55%;background:url('/assets/mitarka-woven-outline.svg') repeat;background-size:144px 126px;opacity:.10;pointer-events:none;z-index:-1;mask-image:linear-gradient(to right,transparent,#000)}.public-demo-work .demo-return{position:relative;isolation:isolate}.masthead .brand{width:168px!important;height:auto;object-fit:contain}.guided-card{background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:26px;display:grid;gap:16px;min-width:0}.guided-card .guided-card{padding:20px}.guided-card :is(h2,h3,p){margin:0}.guided-card h2{font-size:1.6rem;line-height:1.25}.guided-card p{line-height:1.65;white-space:pre-line}.guided-card .eyebrow{font-size:.85rem;font-weight:750}.person-name{font-size:1.3rem;font-weight:800!important}.guided-card blockquote{margin:0;border-left:4px solid #245bd7;padding:14px 18px;background:#edf3ff;line-height:1.6;white-space:pre-line}.guided-card>button,.guided-card>a{justify-self:start}.guided-card label{display:grid;gap:8px;font-weight:650}.guided-card textarea{width:100%;min-height:7rem;resize:vertical;padding:12px;border:1px solid #aab8c9;border-radius:8px;line-height:1.5}.guided-card details{border-top:1px solid #dbe3ee;padding-top:14px}.guided-card summary{cursor:pointer;min-height:44px;align-content:center;font-weight:650}.guided-card .guided-check{display:flex;align-items:flex-start;gap:12px}.guided-check input{width:24px;height:24px;flex:none}.guided-stages{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px}.guided-stages li{padding:8px 14px;border-bottom:3px solid #dbe3ee;font-size:.9rem}.guided-stages [aria-current=step]{border-color:#245bd7;font-weight:750;background:#edf3ff}.guided-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.guided-wording{line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}.guided-wording .brief-paragraph{margin-block:16px}body:has(#demo-screen) :is(button,.button),.public-demo-work :is(button,.button){font:inherit;line-height:1.4;white-space:normal;min-height:44px;border-radius:9px;padding:12px 18px;cursor:pointer;text-decoration:none;background:#fff;color:#245bd7;border:1px solid #aab8c9}body:has(#demo-screen) .primary,.public-demo-work .primary{background:#245bd7!important;color:#fff!important;border-color:#245bd7!important}body:has(#demo-screen) .primary *, .public-demo-work .primary *{color:#fff!important}.guided-card a{color:#245bd7}[aria-invalid=true]{border-color:#a12c20!important;box-shadow:0 0 0 1px #a12c20}.field-error{color:#812319!important;font-weight:650}#notice:not(:empty){background:#edf3ff;padding:16px;border-left:4px solid #245bd7}#notice[role=alert]:not(:empty){background:#fff3ef;border-color:#a12c20}.guided-card,.guided-card *{overflow-wrap:anywhere}#demo-screen{display:grid;gap:20px}body:has(#demo-screen) .tabs button{background:transparent;color:#245bd7}body:has(#demo-screen) .tabs button[aria-current=page]{border-color:#245bd7}.public-demo-work a.button.primary{display:inline-block}.guided-card button:disabled{opacity:.6}
@media(max-width:760px){body:has(#demo-screen) main{padding:16px}.guided-card{padding:20px}.guided-grid{grid-template-columns:minmax(0,1fr)}.guided-card h2{font-size:1.4rem}.guided-stages li{padding:6px 8px}.guided-card>button.primary{width:100%;justify-self:stretch}.masthead::before{inset-inline-start:40%}}

.public-demo-work main>header{display:none}.masthead::before,.public-demo-work .demo-return::before{z-index:0}.masthead>*,.public-demo-work .demo-return>*{position:relative;z-index:1}.guided-card textarea{font-weight:400!important}

/* Session actions remain separate targets at narrow and enlarged-text sizes. */
.session-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.session-details{min-width:0;max-width:100%}.session-details p{overflow-wrap:anywhere}

.demo-source-context>a{display:block;width:fit-content;min-height:44px;align-content:center;margin-block:6px}

body:has(#demo-screen .leadership-overview) main{max-width:1280px}
body:has(#demo-screen) .leadership-overview .lo-icon{color:#245bd7}
body:has(#demo-screen) .leadership-overview .lo-meta{color:#596980}
body:has(#demo-screen) .leadership-overview .lo-new-input :is(strong,span){color:#815400}
body:has(#demo-screen) .leadership-overview .lo-chip{color:#245bd7}
#demo-screen>.leadership-overview{border:1px solid #dbe3ee;border-radius:12px}
#demo-screen .lo-question h3{font-weight:700}#demo-screen .lo-person{font-weight:400}
/* In the guided demo the retained masthead already identifies the company. On a
   phone, bring the reviewed outcome into view before the secondary progress cards. */
@container (max-width:48em){
 #demo-screen .lo-embedded-top{display:none!important}
 #demo-screen .lo-update{order:1}
 #demo-screen .lo-progress{order:2}
 #demo-screen .lo-action{order:3}
 #demo-screen .lo-context{border-radius:12px 12px 0 0}
}

/* Grid layout must not override the native hidden state after a failed access check. */
#demo-screen[hidden]{display:none!important}

/* Shared header stays in document flow at every width and text size. */
body:has(#demo-screen) .masthead{display:flex;flex-wrap:wrap;align-items:center;gap:20px;overflow:visible}
body:has(#demo-screen) .header-identity{display:flex;align-items:center;flex-wrap:wrap;gap:20px;flex:1 1 30rem;min-width:0}
body:has(#demo-screen) .masthead .company{flex:1 1 15rem;min-width:0;order:0;text-align:left}
body:has(#demo-screen) .masthead .company p{justify-self:start;max-width:none}
body:has(#demo-screen) .masthead .header-links{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin:0;min-width:0;max-width:100%}
body:has(#demo-screen) .header-links :is(button,summary){min-height:44px;padding:10px 12px;line-height:1.4;margin:0;cursor:pointer}
body:has(#demo-screen) .tabs{padding:0 0 16px;gap:12px;margin:24px 0 20px;align-items:stretch}
body:has(#demo-screen) .tabs .button{display:inline-flex;align-items:center;justify-content:center;margin:0;border:1px solid #aab8c9;background:transparent}
body:has(#demo-screen) .tabs [aria-current=page]{border-color:#245bd7;background:#edf3ff;font-weight:750}

#notice{margin:0 0 20px;max-width:none}#notice:empty{display:none}
.guided-field,.response-choice{display:grid;gap:8px;min-width:0}.guided-field label,.response-choice label{margin:0}
.response-choice :is(select,input){min-height:44px;width:100%;padding:12px;border:1px solid #aab8c9;border-radius:8px}
.choice-description{font-size:.9rem}.choice-description:empty{display:none}
.guided-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:12px}
.guided-actions>*{flex:0 1 auto;min-width:0}
.response-error-summary{padding:16px;border-left:4px solid #a12c20;background:#fff3ef}
.response-error-summary ul{padding-left:1.2em;margin:8px 0}.response-error-summary a{display:inline;min-height:0}
@media(max-width:760px){body:has(#demo-screen) .header-identity{gap:12px}body:has(#demo-screen) .masthead .header-links{flex-basis:100%}.guided-actions{flex-direction:column}.guided-actions>*{width:100%}}