#notice:not(:empty){padding:12px;margin-bottom:18px;border-left:3px solid #245dc1;background:#edf3ff}#demo-screen{display:grid;gap:20px}.public-intro{max-width:65ch}.demo-step{background:white;border:1px solid #dce3eb;border-radius:16px;padding:24px;display:grid;gap:14px;min-width:0}.demo-step h2{font-size:1.35rem}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.demo-step .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.demo-step p{white-space:pre-line}.demo-step details{border-top:1px solid #dce3eb;padding-top:12px}.demo-step summary{cursor:pointer;min-height:44px;align-content:center;font-weight:650}.demo-return{display:flex;flex-wrap:wrap;gap:14px;align-items:center;max-width:1120px;margin:12px auto;padding:12px 24px;color:#17253b;background:#edf3ff;border:1px solid #c8d3e0;border-radius:10px;font:1rem/1.5 Avenir,"Avenir Next",system-ui,sans-serif}.demo-return a{color:#245dc1;min-height:44px;align-content:center}.demo-return>span{flex:1 1 18rem;min-width:0}.demo-return>.advisory-guidance{flex:1 1 100%}.example-text{white-space:pre-line;font-size:1rem;background:#f3f5f8;padding:16px;border-radius:8px}.demo-step ul{margin:0;padding-left:1.4em}.demo-step li{margin-block:8px}@container(max-width:49.999em){.demo-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.demo-grid{grid-template-columns:minmax(0,1fr)}.demo-step{padding:20px}.demo-return{margin:8px 12px;padding:8px 12px}}
/* One application shell, with consistent gutters; the approved overview stays intact. */
body:has(#demo-screen) main,.public-demo-work{--mitarka-page-width:1280px;--mitarka-reading-width:880px}
body:has(#demo-screen) main{max-width:1280px}
.public-demo-work{max-width:1280px;margin:auto;padding:0 32px 32px;font:1rem/1.5 Avenir,"Avenir Next",system-ui,sans-serif;color:#17253b;background:#f3f5f8}
.public-demo-work main,.public-demo-work.customer-work main{max-width:none;width:100%;padding:0;margin:0}
.public-demo-work>header:not(.demo-return),.public-demo-work #screen>.masthead{display:none}
.public-demo-work .demo-return{max-width:none;margin:0 0 20px;padding:22px 0 16px;border:0;border-bottom:1px solid #c8d3e0;border-radius:0;background:transparent;display:flex;gap:20px;align-items:center}
.demo-return .brand{width:174px;height:auto;flex:none}.demo-header-context{flex:1 1 20rem;min-width:0}.demo-header-context p{margin:0;font-size:.9rem}.demo-expiry{color:#536277}.demo-return nav{display:flex;gap:16px;flex-wrap:wrap;margin:0}.demo-return button{font:inherit;border:0;color:#245dc1;background:transparent;text-decoration:underline;padding:8px 0;min-height:44px;cursor:pointer}.demo-help>.advisory-guidance{max-width:900px}.demo-help>.advisory-guidance>summary{display:none}.demo-help>.advisory-guidance:not([open]){margin:0}
.public-demo-work .advisory-guidance[hidden],.public-demo-work [hidden]{display:none!important}
.public-demo-work.customer-work #screen{max-width:none}.public-demo-work .contribution-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:28px;align-items:start}.public-demo-work .contribution-layout form{margin:0;max-width:none}.contribution-context{grid-column:2;grid-row:1;min-width:0;background:white;border:1px solid #dce3eb;border-radius:16px;padding:24px}.contribution-main{grid-column:1;grid-row:1;min-width:0}.contribution-main fieldset{background:white;border-color:#dce3eb;border-radius:16px;padding:24px;margin:20px 0}.contribution-main legend{font-weight:750;font-size:1.12rem;max-width:100%;white-space:normal}.contribution-main .field-group{margin:24px 0 0;padding-top:20px;border-top:1px solid #dce3eb}.contribution-main .field-group h3{margin:0 0 12px}.contribution-main .field-help{font-size:.9rem;color:#536277}.contribution-main .field-rules{margin-block:12px}.contribution-main .form-actions{display:flex;flex-wrap:wrap;gap:14px}.contribution-main .form-actions button:first-child{background:transparent;color:#245dc1;border:1px solid #becbdd}.contribution-context p,.contribution-context pre{white-space:pre-wrap}.contribution-context .question-text{font-weight:750}.contribution-main input,.contribution-main textarea,.contribution-main select{max-width:100%}
.public-demo-work .brief-task legend{font-weight:400}.public-demo-work .brief-task .question-text{font-weight:750}.demo-journey{display:flex;flex-wrap:wrap;gap:10px 24px;padding-left:24px;margin:0}.demo-journey li{padding:6px 0}.demo-step{align-content:start}.demo-step .stage-note{color:#536277;font-size:.9rem}.demo-step p{max-width:62ch}.demo-session{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:760px){.public-demo-work{padding:0 20px 28px}.demo-return .brand{width:142px}.public-demo-work .demo-return{padding-block:16px;gap:12px}.demo-header-context{flex-basis:100%;order:2}.demo-return nav{margin-left:auto}.contribution-main fieldset,.contribution-context{padding:18px}}
.public-demo-work main{container-type:inline-size}
@container(max-width:54em){.public-demo-work .contribution-layout{display:flex;flex-direction:column;gap:20px}.contribution-context,.contribution-main{width:100%}.contribution-main{order:2}}

#guidance>.advisory-guidance>summary{display:none}#guidance>.advisory-guidance:not([open]){margin:0}
body:has(#demo-screen) .masthead{display:flex;gap:20px;align-items:center}body:has(#demo-screen) .company{flex:1 1 20rem;text-align:left}body:has(#demo-screen) .company p{justify-self:start}body:has(#demo-screen) .header-links{justify-content:flex-end;gap:16px}body:has(#demo-screen) .header-links button{border:0;padding:8px 0;text-decoration:underline;background:transparent}.demo-session{display:contents}.demo-journey{list-style:none;padding:0;gap:12px}.demo-journey li:not(:last-child)::after{content:' →';padding-left:12px;color:#536277}
.public-demo-work .contribution-main textarea{min-height:7rem}.public-demo-work .contribution-main legend{padding:0 8px}.public-demo-work .contribution-main .field-group:first-of-type{margin-top:8px;padding-top:8px;border-top:0}.brief-qualifications{margin-block:16px}.brief-task .brief-qualifications>summary{font-weight:400;color:#536277}

.public-demo-work .contribution-context{overflow-wrap:break-word}.public-demo-work .contribution-main select{white-space:normal}.public-demo-work .contribution-main .form-actions{margin:16px 0}

.demo-header-context .demo-company{font-weight:750;font-size:1rem}
/* Guided demo: one current task; profile is read-only after entry. */
.demo-profile-choice{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid #c8d3e0;border-radius:12px;cursor:pointer;background:white}.demo-profile-choice p{flex-basis:100%;margin:0}.demo-profile-choice:has(:checked){border-color:#245dc1;background:#edf3ff}.demo-profile-choice input{width:22px;height:22px;flex:none;margin-top:3px}.demo-step>.button{justify-self:start}.demo-outline{padding:12px 0}.demo-outline summary{font-weight:650;cursor:pointer}.demo-outline li{margin:10px 0}.demo-outline [aria-current]{font-weight:750;color:#245dc1}#demo-screen>details:not(.demo-outline){display:grid;background:white;border:1px solid #dce3eb;border-radius:12px;padding:18px}#demo-screen>details a{display:block;margin:14px 0}.demo-today .today-overview{display:grid;gap:18px}.demo-today .today-profile{border-left:3px solid #c8d3e0;padding-left:14px;display:grid;gap:4px}.demo-today .today-profile p{margin:0}.demo-today .card{background:white;border:1px solid #dce3eb;border-radius:16px;padding:24px;display:grid;gap:12px}.demo-today .card p{margin:0}.demo-today .card .button{justify-self:start}.demo-current-instruction{margin:0;max-width:65ch}.demo-today .today-preview h3{font-size:1.1rem}.demo-today organisation-briefings-card .button{background:#245dc1;color:white}
.public-demo-work .demo-return{padding-block:14px;margin-bottom:20px;gap:16px}.demo-header-context{flex:1 1 22rem}.demo-header-context details{font-size:.85rem;color:#536277}.demo-return nav{gap:12px}.public-demo-work .lo-brand{display:none}.public-demo-work .lo-top{padding-top:0}.public-demo-work #screen>.tabs,.public-demo-work #screen>.mobile-journey,.public-demo-work #screen>.layout>.desktop-journey{display:none}.public-demo-work #screen>.layout{display:block}.public-demo-work #screen .brief-task{max-width:900px;margin:auto}.public-demo-work .contribution-main{order:1}.public-demo-work .contribution-context{order:2}.public-demo-work .contributor-choice .contributor-name{font-weight:400}.public-demo-work .actions{gap:14px}.public-demo-work .demo-return .brand{width:150px}body:has(#demo-screen) .masthead .company h1{font-size:1.2rem}body:has(#demo-screen) .masthead{margin-bottom:12px;padding-block:12px}body:has(#demo-screen) #expiry{font-size:.8rem}body:has(#demo-screen) .tabs{margin-bottom:16px}
@media(max-width:760px){.demo-today .card{padding:18px}.public-demo-work .demo-return .brand{width:126px}.public-demo-work .demo-return nav{margin-left:0}.public-demo-work .demo-header-context{order:0;flex-basis:100%}.public-demo-work .demo-return{gap:10px}.demo-profile-choice{padding:12px}}

.public-demo-work:has(#app) main>nav{display:none}.public-demo-work #app>.demo-source-reference{padding:0;border:0;background:transparent;margin:0 0 12px;font-size:.9rem}.public-demo-work #app>.demo-source-reference summary{min-height:36px;padding:0}.public-demo-work:has(#app) #status:not(:empty){padding:8px 12px;margin:0 0 12px;font-size:.9rem}.public-demo-work #app>h1{margin-top:0}.public-demo-work #app>.request-progress{margin:12px 0}.public-demo-work:has(#app) #app>section:has(>p:only-child){background:transparent;padding:0;border:0}.public-demo-work #app>div:has(>.request-progress){margin-block:12px}

@container(min-width:54em){#app.demo-preparation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}#app.demo-preparation>*{grid-column:1/-1;margin:0}#app.demo-preparation>.question-card,#app.demo-preparation[data-stage="1"]>section:has(textarea),#app.demo-preparation[data-stage="4"]>section:has(>.question-text){grid-column:auto}#app.demo-preparation>.question-card{height:100%}#app.demo-preparation>.question-card fieldset{height:100%;box-sizing:border-box}}

.demo-today .button,.demo-step .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:48px;line-height:1.4;border-radius:10px;text-decoration:none;box-sizing:border-box}.demo-today .button{border:1px solid #c8d3e0}.session-details{font-size:.9rem;position:relative}.session-details summary{cursor:pointer;min-height:44px;align-content:center;color:#245dc1}.session-details[open]{padding:12px;background:white;border:1px solid #dce3eb;border-radius:10px}.session-details p{max-width:24rem}.session-controls .demo-session{display:flex}.public-demo-work #app>h1{font-size:1.5rem;line-height:1.3;overflow-wrap:normal}.public-demo-work .request-progress{padding:14px 18px}.public-demo-work #app>.demo-source-reference{margin-bottom:0}@container(min-width:54em){#app.demo-preparation{gap:14px}#app.demo-preparation>div:has(>.request-progress){margin:0}#app.demo-preparation>.question-card{padding:18px}}
@media(max-width:760px){body:has(#demo-screen) .masthead{display:grid;grid-template-columns:1fr auto;gap:10px}body:has(#demo-screen) .masthead .brand{width:126px}body:has(#demo-screen) .masthead .company{grid-column:1/-1;grid-row:2}body:has(#demo-screen) .masthead .company h1{font-size:1rem}body:has(#demo-screen) .masthead .company p{font-size:.85rem}body:has(#demo-screen) .header-links{grid-column:2;grid-row:1;gap:12px}body:has(#demo-screen) .tabs{margin-top:10px}.public-demo-work #app>h1{overflow-wrap:normal}}
/* Cards and action groups follow document flow at enlarged text sizes. */
.demo-step>section,.demo-step fieldset{min-width:0}.demo-step label{display:grid;gap:.6rem}.demo-step textarea{width:100%;box-sizing:border-box;min-height:8rem;font:inherit}.demo-step input{max-width:100%}.demo-step .actions{margin-block:.5rem}.demo-step>a,.demo-step>button{justify-self:start}.demo-step>details>button{display:block;margin-block:.75rem}.demo-step section{margin:0}.demo-step h2,.demo-step h3{margin:0;overflow-wrap:anywhere}.demo-step p{overflow-wrap:anywhere}.demo-preparation section{min-width:0}.demo-preparation .actions{display:flex;flex-wrap:wrap;gap:1rem}.demo-preparation section>button{margin:.5rem .5rem .5rem 0}[aria-invalid=true]{border-color:#a52c21;box-shadow:0 0 0 1px #a52c21}#status[role=alert]:not(:empty){border-left:4px solid #a52c21;padding:1rem;background:#fff3ef}.contribution-main fieldset{min-inline-size:0}.public-demo-work .contribution-main legend{float:left;padding:0;margin:0 0 1rem;width:100%}.public-demo-work .contribution-main legend+*{clear:both}.public-demo-work .contribution-main .field-group{clear:both}button,a.button{white-space:normal;overflow-wrap:anywhere} .demo-step .primary.button{display:inline-block;padding:.8rem 1rem;border-radius:.6rem;background:#245dc1;color:white;text-decoration:none}
.field-error{color:#8d251b;font-weight:650;border-left:3px solid #a52c21;padding:.6rem}.demo-preparation label{max-width:100%}

.public-demo-work .coordinator-video,body:has(#demo-screen) .coordinator-video{display:none}

.reviewed-wording{max-width:75ch;line-height:1.65}.reviewed-wording .brief-paragraph{margin-block:1rem;white-space:pre-line;overflow-wrap:anywhere}.reviewed-wording h3{margin:1rem 0 .5rem}.reviewed-wording p{white-space:pre-line}.reviewed-wording .brief-attribution{color:#536277;font-size:.9rem}.demo-step .brief-qualifications{margin-block:1rem}