/* SHWEB_032 P05 design proposal. Only P05 lower composition + its link appearance.
   Reuse actual Home/P02 palette. No replacement global theme, no catalogue cards.
   In production add shweb-p05-pilot only to this page's body and enqueue conditionally. */
body.shweb-p05-pilot a:any-link,
body.shweb-p05-pilot a:any-link:is(:hover,:active,:visited,:focus,:focus-visible){text-decoration:none;text-decoration-line:none}
body.shweb-p05-pilot a:any-link:not(:where(.wp-block-button__link,.wp-element-button,[role="button"],.menu-review a,.brand-plate a,.skip-link)):is(:hover,:focus-visible){color:var(--teal)}
body.shweb-p05-pilot a:any-link:not(:where(.wp-block-button__link,.wp-element-button,[role="button"],.menu-review a,.brand-plate a,.skip-link))::after{text-decoration:none}
/* Retain a clear keyboard cue on the actual interactive element. */
body.shweb-p05-pilot a:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
body.shweb-p05-pilot .wp-block-button__link:focus-visible{outline:3px solid var(--amber);outline-offset:5px}
.service-p05.p05-pilot{--p05-rule:#354858;--p05-teal-rule:#4baa99;--p05-violet-rule:#8e81be;--p05-amber-rule:#b79b6d;--p05-rule-gap:16px}
.service-p05.p05-pilot :where(.p05-working-pair,.p05-workspace-controls,.p05-platform-spread,.p05-change-spread)>*{min-width:0}
.service-p05.p05-pilot :where(.scope-section,.cloud-concern,.responsibility-section,.p05-change-stage,.service-faq){--section-pad:72px}
/* A complete working-environment chapter rather than four small tinted tiles. */
.service-p05.p05-pilot .scope-section{background:linear-gradient(150deg,#142437,#101a28);padding-block:68px 64px}
.service-p05.p05-pilot .scope-section h2{max-width:740px;margin-bottom:40px!important}
.service-p05.p05-pilot .workspace-items{display:block}
.service-p05.p05-pilot .workspace-items .service-item{padding:0;border:0;border-radius:0;background:none;margin:0!important;box-shadow:none}
.service-p05.p05-pilot .p05-working-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.service-p05.p05-pilot .p05-working-topic{padding-left:24px!important;border-left:2px solid var(--p05-teal-rule)!important}
.service-p05.p05-pilot .p05-working-topic+ .p05-working-topic{border-left-color:#526778!important}
.service-p05.p05-pilot .p05-working-topic h3{font-size:1.4rem;line-height:1.35;margin-bottom:15px!important}
.service-p05.p05-pilot .p05-working-topic p{max-width:56ch}
.service-p05.p05-pilot .p05-workspace-controls{margin-top:38px!important;padding-top:27px;border-top:1px solid var(--p05-rule);display:grid;gap:26px}
.service-p05.p05-pilot .p05-control-row{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,1fr);gap:40px;padding-left:24px!important;border-left:2px solid var(--p05-violet-rule)!important}
.service-p05.p05-pilot .p05-control-row:last-child{border-left-color:var(--p05-amber-rule)!important}
.service-p05.p05-pilot .p05-control-row h3{margin:0!important;font-size:1.0625rem;line-height:1.5}
.service-p05.p05-pilot .p05-control-row p{max-width:77ch;font-size:.9375rem}
/* A quieter open explanation after the main workspace chapter. */
.service-p05.p05-pilot .cloud-concern{padding-block:64px;background:var(--ink)}
.service-p05.p05-pilot .cloud-concern .service-prose{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.service-p05.p05-pilot .cloud-concern h2{grid-area:auto;max-width:475px}
.service-p05.p05-pilot .p05-copy{min-width:0}
.service-p05.p05-pilot .p05-copy p+p{margin-top:16px!important}
/* Platform versus service: white labels; one fine warm structural rule, no tiles. */
.service-p05.p05-pilot .responsibility-section{padding-block:68px;background:var(--ink)}
.service-p05.p05-pilot .p05-platform-spread{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.service-p05.p05-pilot .p05-platform-spread h2{margin:0!important;max-width:360px}
.service-p05.p05-pilot .cloud-scope{display:block;border-top:1px solid var(--p05-amber-rule)}
.service-p05.p05-pilot .cloud-scope .responsibility-item{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:30px;padding:23px 0;border:0;border-bottom:1px solid var(--p05-rule);background:none}
.service-p05.p05-pilot .cloud-scope .responsibility-item:last-child{border-bottom:0}
.service-p05.p05-pilot .cloud-scope h3{font-size:.8125rem!important;letter-spacing:.045em;line-height:1.65;color:var(--text);margin:0!important}
.service-p05.p05-pilot .cloud-scope p{font-size:.9375rem}
.service-p05.p05-pilot .scope-note{max-width:100%;margin-top:30px!important;border:0;border-top:1px solid var(--p05-rule);padding:24px 0 0;font-size:.9375rem}
/* Change/recovery spread: the vertical divider deliberately stops short of the top rule. */
.service-p05.p05-pilot .p05-change-stage{padding-block:68px;background:#0d1724;border-bottom:1px solid var(--line)}
.service-p05.p05-pilot .p05-change-spread{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;border-top:1px solid #354858}
.service-p05.p05-pilot .p05-change-stage .service-section{padding:34px 48px 0 0;border:0;background:none;min-width:0}
.service-p05.p05-pilot .p05-change-stage .cloud-recovery{position:relative;padding:34px 0 0 48px}
.service-p05.p05-pilot .p05-change-stage .cloud-recovery::before{content:"";position:absolute;top:var(--p05-rule-gap);bottom:8px;left:0;width:1px;background:var(--p05-rule);pointer-events:none}
.service-p05.p05-pilot .p05-change-stage .container .container{width:100%;max-width:none;margin:0!important}
.service-p05.p05-pilot .p05-change-stage .service-prose{display:block}
.service-p05.p05-pilot .p05-change-stage h2{margin:0 0 24px!important;max-width:510px;font-size:clamp(1.65rem,2.12vw,2rem)}
.service-p05.p05-pilot .p05-change-stage .cloud-recovery h2{max-width:390px}
.service-p05.p05-pilot .p05-change-stage .text-link{margin-top:20px!important}
/* Open pricing signpost. No additional callout container or implied configured estimator. */
.service-p05.p05-pilot .service-price{padding-block:44px;background:var(--ink)}
.service-p05.p05-pilot .service-price .container{grid-template-columns:minmax(0,1fr) auto;gap:56px}
.service-p05.p05-pilot .service-price h2{font-size:1.5rem;max-width:750px}
.service-p05.p05-pilot .service-price p:not(.text-link){font-size:.9375rem;max-width:940px}
/* Same native disclosure family; expose the existing section heading. */
.service-p05.p05-pilot .service-faq{padding-block:68px;background:var(--ink)}
.service-p05.p05-pilot .service-faq>.container{display:grid;grid-template-columns:minmax(0,.47fr) minmax(0,1fr);gap:64px;align-items:start}
.service-p05.p05-pilot .service-faq h2{font-size:clamp(1.75rem,2.1vw,2rem);max-width:260px}
.service-p05.p05-pilot .service-faq-list{width:100%;max-width:none;margin:0!important;display:block}
@media(max-width:1100px){
 .service-p05.p05-pilot .p05-working-pair{gap:38px}
 .service-p05.p05-pilot .p05-control-row{gap:28px;grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}
 .service-p05.p05-pilot .p05-platform-spread,.service-p05.p05-pilot .cloud-concern .service-prose,.service-p05.p05-pilot .service-faq>.container{gap:38px}
 .service-p05.p05-pilot .cloud-scope .responsibility-item{grid-template-columns:1fr;gap:10px;padding-block:21px}
 .service-p05.p05-pilot .p05-change-stage .service-section{padding-right:30px}
 .service-p05.p05-pilot .p05-change-stage .cloud-recovery{padding-left:30px;padding-right:0}
}
@media(max-width:800px){
 .service-p05.p05-pilot .p05-platform-spread{grid-template-columns:1fr;gap:30px}
 .service-p05.p05-pilot .p05-platform-spread h2{max-width:600px}
 .service-p05.p05-pilot .cloud-scope .responsibility-item{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:25px}
 .service-p05.p05-pilot .p05-change-spread{grid-template-columns:1fr;border-top:0}
 .service-p05.p05-pilot .p05-change-stage .service-section{padding:0;background:none}
 .service-p05.p05-pilot .p05-change-stage .cloud-recovery{padding:32px 0 0;margin-top:32px!important;border-top:1px solid var(--p05-rule)}
 .service-p05.p05-pilot .p05-change-stage .cloud-recovery::before{display:none}
 .service-p05.p05-pilot .p05-change-stage h2,.service-p05.p05-pilot .p05-change-stage .cloud-recovery h2{max-width:610px}
 .service-p05.p05-pilot .service-faq>.container{grid-template-columns:1fr;gap:28px}
 .service-p05.p05-pilot .service-faq h2{max-width:100%}
}
@media(max-width:600px){
 .service-p05.p05-pilot .scope-section,.service-p05.p05-pilot .cloud-concern,.service-p05.p05-pilot .responsibility-section,.service-p05.p05-pilot .p05-change-stage,.service-p05.p05-pilot .service-faq{padding-block:44px}
 .service-p05.p05-pilot .scope-section h2{margin-bottom:28px!important}
 .service-p05.p05-pilot .p05-working-pair{grid-template-columns:1fr;gap:27px}
 .service-p05.p05-pilot .p05-working-topic{padding-left:18px!important}
 .service-p05.p05-pilot .p05-working-topic h3{font-size:1.1875rem}
 /* SHWEB_033: retain 27 clear pixels below the 1px divider at mobile too. */
 .service-p05.p05-pilot .p05-workspace-controls{padding-top:27px;margin-top:30px!important;gap:27px}
 .service-p05.p05-pilot .p05-control-row{display:block;padding-left:18px!important}
 .service-p05.p05-pilot .p05-control-row h3{font-size:1.0625rem;margin-bottom:12px!important}
 .service-p05.p05-pilot .p05-control-row p{font-size:1rem}
 .service-p05.p05-pilot .cloud-concern .service-prose{display:block}
 .service-p05.p05-pilot .cloud-concern h2{margin-bottom:22px!important}
 .service-p05.p05-pilot .cloud-scope .responsibility-item{display:block}
 .service-p05.p05-pilot .cloud-scope h3{margin-bottom:10px!important;font-size:.8125rem!important}
 .service-p05.p05-pilot .scope-note{margin-top:20px!important;padding-top:23px}
 .service-p05.p05-pilot .service-price .container{display:block}
 .service-p05.p05-pilot .service-price .text-link{margin-top:17px!important}
 .service-p05.p05-pilot .service-faq summary{padding-right:32px;font-size:1rem}
}
@media(prefers-reduced-motion:reduce){body.shweb-p05-pilot{scroll-behavior:auto}}