/* Wave08 studio folio. Exclusive About / Process / Book opt-in; native owners unchanged. */
body .w8-support { background:#fff; }

/* About: open request, human approval margin, then a usable runbook folio. */
body .w8-support.cj-about .fp-hero { padding-block:64px 60px; }
body .w8-support.cj-about .fp-hero > div { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:24px 80px; }
body .w8-support.cj-about .fp-hero h1 { font-size:clamp(52px,6.1vw,88px); letter-spacing:-.04em; }
body .w8-support.cj-about .ja-handoff { padding-top:0; }
body .w8-support.cj-about .ja-map-head { padding-top:32px; margin-bottom:40px; align-items:end; }
body .w8-support.cj-about .ja-map-head h2 { max-width:22ch; font-size:clamp(32px,3.3vw,48px); }
body .w8-support.cj-about .ja-map-flow { gap:40px 64px; }
body .w8-support.cj-about .ja-working-sheet { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; background:none; border:0; align-items:start; }
body .w8-support.cj-about .ja-working-sheet .ja-map-step-0 { padding:40px; border:1px solid #b6cbd7; box-shadow:0 18px 32px #16364e0c; }
body .w8-support.cj-about .ja-working-sheet .ja-map-step-1 { padding:32px 0 0; border:0; }
body .w8-support.cj-about .ja-working-sheet .ja-map-step-0 .ja-step-title h3 { font-size:48px; }
body .w8-support.cj-about .ap-request { padding-bottom:32px; margin-bottom:24px; }
body .w8-support.cj-about .ap-request > p { font-size:clamp(26px,2.6vw,38px); line-height:1.2; }
body .w8-support.cj-about .ja-human-gate { grid-template-columns:88px minmax(0,1fr); padding:24px 0; gap:16px 24px; border-width:1px 0; border-style:solid; background:transparent; }
body .w8-support.cj-about .ja-human-gate .fp-about-character { width:88px; height:88px; }
body .w8-support.cj-about .ja-human-gate > strong { font-size:32px; line-height:1.15; font-weight:500; letter-spacing:-.025em; }
body .w8-support.cj-about .ap-fields > div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:20px; margin:0; padding-block:16px; border-color:#c0d3df; }
body .w8-support.cj-about .ap-fields dd { margin:0; }
body .w8-support.cj-about .ja-human-rule { font-size:17px; line-height:1.6; }
body .w8-support.cj-about .ja-map-step-2 { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:48px; padding:48px; align-items:start; background:#102839; }
body .w8-support.cj-about .ja-map-step-2 .ja-step-title h3 { max-width:9ch; font-size:clamp(36px,4.4vw,64px); line-height:1.05; letter-spacing:-.04em; }
body .w8-support.cj-about .ja-map-step-2 .ja-step-body { padding:0; }
body .w8-support.cj-about .ja-package { padding:36px 40px; background:#fff; color:#102839; }
body .w8-support.cj-about .ja-package > span { color:#35576c; }
body .w8-support.cj-about .ja-package .ap-package-example { color:#35576c; font-size:13px; }
body .w8-support.cj-about .ja-package h2 { margin:20px 0 32px; font-size:36px; line-height:1.12; color:#102839; }
body .w8-support.cj-about .ja-package ul { display:block; }
body .w8-support.cj-about .ja-package li { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; padding-block:20px; border-color:#b6cbd7; }
body .w8-support.cj-about .ja-package li > strong { color:#102839; font-size:18px; line-height:1.35; }
body .w8-support.cj-about .ja-package li > p { color:#35576c; font-size:16px; margin:0; }
body .w8-support.cj-about .ja-package .fp-sheet-sign { margin-top:20px; color:#35576c; }
body .w8-support.cj-about .ja-map-annotations { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:32px 112px; margin-top:64px; }
body .w8-support.cj-about .ja-annotation { margin:0; padding:0; }
body .w8-support.cj-about .ja-annotation:first-child { grid-row:1 / 3; }
body .w8-support.cj-about .ja-annotation article { display:grid; grid-template-columns:32px minmax(0,1fr); gap:20px; }
body .w8-support.cj-about .ja-annotation h3 { font-size:24px; line-height:1.2; margin-bottom:14px; }
body .w8-support.cj-about .ja-annotation:first-child h3 { max-width:12ch; font-size:clamp(32px,3.5vw,48px); letter-spacing:-.035em; }
body .w8-support.cj-about .ja-annotation p { font-size:17px; line-height:1.65; max-width:43ch; }
body .w8-support.cj-about .ja-map-foot { margin-top:64px; padding-block:32px; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:80px; }
body .w8-support.cj-about .ja-map-foot > p { max-width:42ch; font-size:20px; line-height:1.5; }
body .w8-support.cj-about .ja-map-foot h2 { font-size:32px; max-width:17ch; line-height:1.2; }
body .w8-support.cj-about .fp-depth { padding-block:72px 80px; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:80px; }
body .w8-support.cj-about .fp-depth-intro h2 { font-size:clamp(34px,3.5vw,48px); line-height:1.1; max-width:13ch; letter-spacing:-.035em; }
body .w8-support.cj-about .fp-depth-intro > p { max-width:28ch; }
body .w8-support.cj-about .fp-detail > summary { padding-block:24px; font-size:21px; line-height:1.35; }
body .w8-support.cj-about .fp-close { padding-block:48px 88px; border-top:1px solid #9fb8c8; }
body .w8-support.cj-about .fp-close > div:first-child { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px 80px; }
body .w8-support.cj-about .fp-close h2 { font-size:clamp(40px,4.7vw,68px); line-height:1.05; letter-spacing:-.04em; }
body .w8-support.cj-about .fp-close h2 { grid-column:1; grid-row:1 / 3; }
body .w8-support.cj-about .fp-close p { grid-column:2; grid-row:1; }
body .w8-support.cj-about .fp-close a { grid-column:2; grid-row:2; justify-self:start; }

/* Process: the existing measured stage keeps the three approved ruled steps. */
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .epi-process-heading { margin-bottom:56px; gap:20px 80px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .epi-process-heading h1 { font-size:clamp(48px,5.8vw,84px); line-height:1.04; letter-spacing:-.04em; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-process { gap:64px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .cj-process-map { padding:24px; background:#eaf2f7; color:#102839; border:1px solid #afc7d6; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .cj-map-caption { color:#365c72; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .cj-map-node > span { color:#075faa; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .cj-map-node strong { color:#102839; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .cj-map-flow > i { background:#6b8ca1; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .cj-map-decision { color:#284c64; border-color:#adc5d4; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-work-example { background:#fff; border:1px solid #afc7d6; padding:28px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-work-example h3 { font-size:28px; letter-spacing:-.025em; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-work-example blockquote p { font-size:24px; line-height:1.3; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-prototype { padding:0; background:transparent; border:0; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-prototype > .ap-example { padding-top:4px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-prototype-window { border:1px solid #7e9db3; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-handover { border-top:1px solid #102839; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-handover-register { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 24px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-handover-register > div:first-child { grid-column:1 / -1; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-runbook { margin-top:24px; padding:24px; background:#102839; border:0; color:#fff; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-runbook h4 { color:#fff; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-runbook li { color:#d5e7f1; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context { padding-block:88px; background:#fff; border-block:1px solid #b0c5d3; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context :is(h2,h3) { color:#102839; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context :is(p,.ph-kicker) { color:#35576c; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context a { color:#075faa; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:112px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context h2 { font-size:clamp(40px,4.6vw,66px); line-height:1.05; letter-spacing:-.04em; max-width:16ch; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context p { max-width:43ch; font-size:17px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-principles { align-self:start; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-principles h3 { font-size:25px; font-weight:500; margin-top:32px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-principles h3:first-child { margin-top:0; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-section:not(.ph-how-intro) { padding:64px; margin-block:64px; background:#102839; color:#fff; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-section:not(.ph-how-intro) .ph-section-head { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:16px 64px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-section:not(.ph-how-intro) :is(h2,h2 em) { color:#fff; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-section:not(.ph-how-intro) :is(p,.ph-link) { color:#c7e4f4; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-section:not(.ph-how-intro) .ph-link { margin-top:20px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-close { border-top:0; padding-block:24px 88px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-close > div:first-child { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:24px 80px; }
.w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-close h2 { font-size:clamp(40px,4.7vw,68px); line-height:1.05; letter-spacing:-.04em; }

/* Book: invitation and task face each other. Form DOM and every state remain untouched. */
body .w8-support.fd-book .fd-book-start { max-width:1392px; width:calc(100% - 112px); padding-block:56px 64px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:72px; }
body .w8-support.fd-book .fd-book-intro { position:relative; top:0; padding:40px; background:#102839; color:#fff; }
body .w8-support.fd-book .fd-book-intro > .fd-character { width:104px; margin:0 0 32px; }
body .w8-support.fd-book .fd-book-intro h1 { color:#fff; font-size:clamp(48px,5.5vw,80px); line-height:1.02; letter-spacing:-.04em; }
body .w8-support.fd-book .fd-book-intro > p { color:#c7e0ef; font-size:21px; }
body .w8-support.fd-book .fd-book-intro .bhero__facts { margin-block:40px 32px; }
body .w8-support.fd-book .fd-book-intro .bhero__facts li { border-color:#42677e; padding-block:16px; }
body .w8-support.fd-book .fd-book-intro .bhero__fact-k { color:#abcddb; }
body .w8-support.fd-book .fd-book-intro .bhero__fact-v { color:#fff; text-align:right; font-weight:500; }
body .w8-support.fd-book .fd-book-jump { max-width:100%; white-space:normal; text-align:left; }
body .w8-support.fd-book .bform { border:0; padding:12px 0 0; min-width:0; }
body .w8-support.fd-book .bform__title { max-width:18ch; font-size:clamp(30px,3vw,42px); line-height:1.12; letter-spacing:-.035em; }
body .w8-support.fd-book .bform__lead { margin-top:20px; max-width:40ch; }
body .w8-support.fd-book .paper-preview-note { padding:14px 16px; border-radius:0; }
body .w8-support.fd-book .wform { margin-top:32px; }
body .w8-support.fd-book .input,
body .w8-support.fd-book .textarea,
body .w8-support.fd-book .select { border-radius:0; }
body .w8-support.fd-book > .fd-reference { max-width:1280px; margin-top:0; margin-bottom:80px; }
body .w8-support.fd-book > .fd-reference > summary { font-size:24px; padding-block:28px; }

@media(max-width:1100px) {
 body .w8-support.cj-about .ja-working-sheet { gap:32px; }
 body .w8-support.cj-about .ja-working-sheet .ja-map-step-0 { padding:28px; }
 body .w8-support.cj-about .ja-map-step-2 { padding:32px; gap:32px; grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr); }
 body .w8-support.cj-about .ja-package { padding:28px; }
 body .w8-support.cj-about .ja-package li { display:block; }
 body .w8-support.cj-about .ja-package li > p { margin-top:10px; }
 body .w8-support.cj-about .ja-map-annotations,
 body .w8-support.cj-about .fp-depth { gap:32px 48px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context-grid { gap:48px; }
 body .w8-support.fd-book .fd-book-start { gap:40px; }
 body .w8-support.fd-book .fd-book-intro { padding:32px; }
}
@media(max-width:900px) {
 body .w8-support.cj-about .ja-working-sheet { display:block; }
 body .w8-support.cj-about .ja-working-sheet .ja-map-step-1 { padding:40px 0 0; }
 body .w8-support.cj-about .ja-map-step-2 { display:block; }
 body .w8-support.cj-about .ja-map-step-2 .ja-step-title h3 { max-width:none; }
 body .w8-support.cj-about .ja-map-step-2 .ja-step-body { padding-top:28px; }
 body .w8-support.fd-book .fd-book-start { display:block; width:calc(100% - 64px); }
 body .w8-support.fd-book .fd-book-intro { padding:32px; }
 body .w8-support.fd-book .fd-book-intro > .fd-character { width:80px; margin-bottom:24px; }
 body .w8-support.fd-book .fd-book-intro h1 { font-size:56px; }
 body .w8-support.fd-book .bform { max-width:none; padding:40px 0 0; margin:0; }
}
@media(max-width:760px) {
 body .w8-support.cj-about .fp-hero { padding-block:40px; }
 body .w8-support.cj-about .fp-hero > div { display:block; }
 body .w8-support.cj-about .fp-hero h1 { font-size:clamp(42px,10.5vw,62px); }
 body .w8-support.cj-about .ja-map-head h2 { font-size:32px; }
 body .w8-support.cj-about .ja-map-flow { padding-left:20px; }
 body .w8-support.cj-about .ja-working-sheet .ja-map-step-0 { padding:24px 20px; }
 body .w8-support.cj-about .ja-working-sheet .ja-map-step-0 .ja-step-title h3 { font-size:36px; }
 body .w8-support.cj-about .ap-request > p { font-size:26px; }
 body .w8-support.cj-about .ja-human-gate { grid-template-columns:64px minmax(0,1fr); gap:16px; padding-block:20px; }
 body .w8-support.cj-about .ja-human-gate .fp-about-character { width:64px; height:64px; }
 body .w8-support.cj-about .ja-human-gate > strong { font-size:26px; }
 body .w8-support.cj-about .ap-fields > div { display:block; }
 body .w8-support.cj-about .ap-fields dd { margin-top:6px; }
 body .w8-support.cj-about .ja-map-step-2 { margin-top:32px; padding:0; }
 body .w8-support.cj-about .ja-map-step-2 .ja-step-title { padding:24px 20px; }
 body .w8-support.cj-about .ja-map-step-2 .ja-step-body { padding-top:0; }
 body .w8-support.cj-about .ja-map-step-2 .ja-step-title h3 { font-size:36px; }
 body .w8-support.cj-about .ja-package { padding:24px 20px; }
 body .w8-support.cj-about .ja-package h2 { font-size:30px; }
 body .w8-support.cj-about .ja-map-annotations { grid-template-columns:minmax(0,1fr); gap:32px; padding-left:20px; margin-top:40px; }
 body .w8-support.cj-about .ja-annotation:first-child { grid-row:auto; }
 body .w8-support.cj-about .ja-annotation:first-child h3 { font-size:34px; max-width:16ch; }
 body .w8-support.cj-about .ja-map-foot { display:block; margin-top:40px; }
 body .w8-support.cj-about .ja-map-foot h2 { margin-top:32px; }
 body .w8-support.cj-about .fp-depth { display:block; padding-block:48px; }
 body .w8-support.cj-about .fp-depth-intro { margin-bottom:32px; }
 body .w8-support.cj-about .fp-detail > summary { font-size:20px; padding-block:22px; }
 body .w8-support.cj-about .fp-close { padding-block:40px 64px; }
 body .w8-support.cj-about .fp-close > div:first-child { display:block; }
 body .w8-support.cj-about .fp-close h2 { font-size:42px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .epi-process-heading { display:block; margin-bottom:40px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .epi-process-heading h1 { font-size:clamp(42px,10.5vw,60px); margin-block:18px 24px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .epi-process-heading > .ph-link { margin-top:20px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .cj-process-map { padding:20px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-work-example { padding:24px 20px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-prototype { padding:0; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-work-example h3 { font-size:26px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-handover-register { display:block; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ap-runbook { padding:20px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context { padding-block:56px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context-grid { grid-template-columns:minmax(0,1fr); gap:36px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-context h2 { font-size:42px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-section:not(.ph-how-intro) { padding:36px 24px; margin-block:40px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-section:not(.ph-how-intro) .ph-section-head { display:block; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-section:not(.ph-how-intro) h2 { font-size:44px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-close { padding-block:16px 64px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-close > div:first-child { display:block; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-close h2 { font-size:42px; }
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-close p:not(.ph-kicker) { margin-block:24px; }
 body .w8-support.fd-book .fd-book-start { width:auto; margin-inline:22px!important; padding-block:24px 48px; }
 body .w8-support.fd-book .fd-book-intro { padding:28px 24px; }
 body .w8-support.fd-book .fd-book-intro > .fd-character { width:64px; margin-bottom:20px; }
 body .w8-support.fd-book .fd-book-intro h1 { font-size:clamp(42px,11vw,56px); }
 body .w8-support.fd-book .fd-book-intro > p { font-size:18px; }
 body .w8-support.fd-book .fd-book-intro .bhero__facts { margin-block:28px; }
 body .w8-support.fd-book .fd-book-intro .bhero__fact-k,
 body .w8-support.fd-book .fd-book-intro .bhero__fact-v { font-size:15px; }
 body .w8-support.fd-book .bform__title { font-size:32px; }
 body .w8-support.fd-book > .fd-reference { margin-bottom:56px; }
 body .w8-support.fd-book > .fd-reference > summary { font-size:22px; }
}

/* Long translated closing actions stay inside the narrow reading column. */
@media (max-width:360px) {
 .w8-support.epi-composition.cj-how-we-work.jw-wave03 .ph-close .btn { max-width:100%; white-space:normal; line-height:1.35; }
}