/* Production layout corrections: preserve the existing ink palette and layered cards. */ :root{--stratri-touch:44px;--stratri-mobile-body:clamp(15px,3.6vw,16px);--stratri-mobile-title:clamp(28px,7.7vw,32px);--stratri-error:#8A3442;--stratri-focus:#184A5A} :root{--stratri-box-radius:4px 7px 5px 6px;--stratri-box-inset:rgba(74,98,117,.11);--stratri-button-fill:#F8FAFC;--stratri-button-ink:#1E2A45;--stratri-button-edge:#6E8FA3} @media screen { #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(h1,h2,h3,h4,a){overflow-wrap:anywhere;word-break:normal;hyphens:auto} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(main,section,article,form,fieldset){min-width:0} #dc-root #cn a[href^="mailto:"]{display:inline-block;white-space:normal;max-width:100%;overflow-wrap:anywhere} #dc-root #cn [id^=err-]{color:var(--stratri-error)!important} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(input:not([type=radio]):not([type=checkbox]),textarea,select){font-size:16px!important;max-width:100%;scroll-margin-block:24px} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh) :focus-visible{outline:3px solid var(--stratri-focus)!important;outline-offset:4px!important} #dc-root #s9 .contact-form-panel :focus-visible{outline-color:#D5E5ED!important} #dc-root #sh .paint-language-button{min-height:var(--stratri-touch)!important;min-width:var(--stratri-touch)!important} #dc-root #sh .plain-back{min-height:var(--stratri-touch)!important} #dc-root #s9 .techletter-popup{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain} #dc-root #sh [data-burger]{padding:10px!important;flex-shrink:0} #dc-root #sh [data-burger]>svg{width:26px!important;height:18px!important;flex-shrink:0} #dc-root #s9 [data-numbers-section] [data-washbox]{padding:0!important;border:0!important;background:none!important;box-shadow:none!important} #dc-root #s9 [data-numbers-section] [data-washbox]::before,#dc-root #s9 [data-numbers-section] [data-washbox]::after{display:none!important} #dc-root #s9 [data-practices]{gap:20px!important;align-items:stretch!important} #dc-root #s9 [data-practices]>.paint-card{display:flex!important;flex-direction:column!important;padding:22px!important;min-height:0!important;height:100%!important} #dc-root #s9 [data-practices]>.paint-card h3{font-size:20px!important;line-height:1.35!important;margin-bottom:12px!important} #dc-root #s9 [data-practices]>.paint-card p{font-size:15px!important;line-height:1.55!important} #dc-root #s9 [data-practices]>.paint-card a{font-size:15px!important;line-height:1.5!important;margin-top:auto!important;padding-top:18px!important} #dc-root #s9 [data-practices]>.paint-card img{width:42px!important;height:42px!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag]>.paint-card{padding:22px!important;height:auto!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag] h3{font-size:20px!important;line-height:1.35!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag] :is(p,li){font-size:15px!important;line-height:1.55!important} #dc-root #s9 :is(#assess9,#tr-assess9) .diagnostic-outputs{gap:7px!important;margin-bottom:14px!important} #dc-root #s9 :is(#method9,#tr-method9) [data-methodhead] p{font-size:15px!important;line-height:1.55!important;margin-bottom:16px!important} #dc-root #s9 :is(#method9,#tr-method9) [data-methodhead] h2{font-size:30px!important} #dc-root #s9 :is(#method9,#tr-method9) [data-stagedetail] :is(p,li){font-size:15px!important;line-height:1.5!important} #dc-root #s9 :is(#method9,#tr-method9) [data-field]{max-width:580px!important;width:100%!important;justify-self:center} #dc-root #sh .back-row{padding:16px var(--pad) 8px!important} #dc-root #sh .plain-back{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:8px 14px!important;font-size:14px!important;line-height:1.4!important;background:#F0F4F6!important;border:1px solid #9FB7C8!important;border-radius:5px 8px 5px 7px!important;box-shadow:2px 2px 0 #D5E5ED!important;color:#1E2A45!important} #dc-root #s9 [data-numbers-section] [data-figs]{gap:24px!important} #dc-root #s9 [data-numbers-section] [data-figs]>div{padding:20px 22px!important;gap:12px!important;min-width:0} #dc-root #s9 [data-numbers-section] [data-figs] dd{line-height:1.2!important} #dc-root #s9 [data-numbers-section] [data-figs] dt{line-height:1.5!important;max-width:none!important} #dc-root #s9 [data-numbers-section] .numbers-panel{--paint-color:#D5DFD1;--edge-color:#779582;border:1px solid var(--edge-color)!important;border-radius:5px 10px 6px 8px!important;background:#F8FAFC!important;box-shadow:2px 3px 0 var(--paint-color),5px 6px 0 var(--edge-color)!important;padding:28px!important} #dc-root #s9 .training-assessment-links>a.paint-control{padding:14px 20px!important;gap:12px!important;min-height:48px!important;text-decoration:none!important;border-radius:5px 9px 6px 8px!important;border:1px solid var(--edge-color)!important;background:linear-gradient(145deg,#F8FAFC,var(--paint-color))!important;box-shadow:2px 3px 0 var(--paint-color),5px 6px 0 var(--edge-color)!important;color:#1E2A45!important;white-space:normal;max-width:100%} #dc-root #s9 .training-assessment-links>a:nth-child(odd){--paint-color:#D8D2E2;--edge-color:#8B7A9F} #dc-root #s9 .training-assessment-links>a:nth-child(even){--paint-color:#C7D3C3;--edge-color:#779582} #dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel{background:linear-gradient(125deg,#184A5A,#1E2A45)!important;border-color:#6E8FA3!important;box-shadow:2px 3px 0 #4A6275!important;color:#FFFFFF!important} #dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel :is(p,h2,h3,h4,label,legend,span){color:#FFFFFF!important} #dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel :is(input,textarea){color:#1E2A45!important;background:#F8FAFC!important} #dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel button[type=submit],#dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel button[type=submit] span{color:#1E2A45!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) .paint-control:not(.plain-phase-control):not(.plain-programme-control):not(.techletter-popup-close){padding-inline:20px!important;max-width:100%;white-space:normal;overflow-wrap:break-word;justify-content:center;gap:10px} #gv .need-navigation a{text-decoration:none!important} #gv #railway button.paint-control{padding:12px 20px!important;text-align:left;max-width:100%;height:auto!important;line-height:1.5!important} #sv .services-intro{display:grid!important;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)!important;align-items:center;gap:32px!important} #dc-root #sv .services-intro h1{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.2!important} #dc-root #sv .services-intro h1>span{display:block;margin-top:4px} #sv .services-art{aspect-ratio:2170 / 725;width:100%!important;max-width:500px!important;max-height:260px!important;object-fit:contain!important;justify-self:end;align-self:center;mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal!important;background:none!important} } @media screen and (max-width:1279px){ #dc-root #sf [data-footnav] a{min-height:44px!important;padding-block:6px!important} #dc-root #sh .header-main{gap:12px!important} #dc-root #sh .header-controls{gap:8px!important;flex:0 0 auto} #dc-root #sh #mh-menu{max-height:min(640px,calc(100dvh - 90px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable} #dc-root #sh #mh-menu a{white-space:normal;overflow-wrap:break-word;min-height:44px!important} } @media screen and (min-width:1100px){#dc-root #s9 :is(#method9,#tr-method9) [data-instr]{grid-template-columns:minmax(0,330px) minmax(0,1fr)!important;column-gap:72px!important;padding-right:40px}} @media screen and (max-width:1099px){ #dc-root #s9 [data-instr]{grid-template-columns:minmax(0,1fr)!important;gap:24px!important} #dc-root #s9 [data-stagelist],[data-rwc] [data-stagelist]{grid-column:1/-1!important;min-width:0;width:100%} #dc-root #s9 [data-stagelist]>ol,[data-rwc] [data-stagelist]>ol{margin-left:18px!important;padding-left:34px!important;gap:18px!important} #dc-root #s9 [data-stagelist]>ol>li,[data-rwc] [data-stagelist]>ol>li{min-height:32px;font-size:18px!important;line-height:1.5!important;min-width:0} #dc-root #s9 [data-stagelist]>ol>li>button,[data-rwc] [data-stagelist]>ol>li>button{left:-48px!important;top:-5px!important;width:calc(100% + 48px)!important;min-height:44px} #dc-root #s9 [data-stagelist]>ol>li>span[aria-hidden],[data-rwc] [data-stagelist]>ol>li>span[aria-hidden]{left:-52px!important;top:-2px!important;width:34px!important;height:34px!important;background-size:110%!important} #dc-root #s9 [data-stagelist]>ol>li>ol,[data-rwc] [data-stagelist]>ol>li>ol{padding:10px 0 10px 12px!important;margin:8px 0 0!important;font-size:15px!important} [data-rwc]{padding:8px 0!important;grid-template-columns:minmax(0,1fr)!important} } @media screen and (max-width:680px){ #dc-root #sh .header-main{flex-wrap:wrap;padding-block:6px!important} #dc-root #sh .header-main>a{flex:0 0 auto!important;max-width:100%} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn) :is([data-two],[data-detail],[data-hero]){grid-template-columns:minmax(0,1fr)!important} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn) :is([data-two],[data-detail],[data-hero],[data-grid])>*{min-width:0;max-width:100%} #dc-root #aw #tailored{padding:20px!important} #dc-root #sh .header-main{padding-inline:16px!important;gap:8px!important;height:auto!important;min-height:66px!important} #dc-root #sh .header-main>a{min-width:0;gap:7px!important;flex:0 1 auto;min-height:44px} #dc-root #sh .header-main>a span{font-size:clamp(16px,4.7vw,20px)!important;letter-spacing:.1em!important;white-space:nowrap} #dc-root #sh .header-main>a img{height:22px!important;max-width:20px;object-fit:contain;flex-shrink:0} #dc-root #sh .header-controls{gap:6px!important} #dc-root #sh .paint-language{padding-inline:0!important;gap:2px!important} #dc-root #s9 .techletter-popup{position:relative!important;inset:auto!important;display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px 12px;margin:20px var(--pad)!important;width:auto!important;max-width:none!important;max-height:none!important;padding:18px!important;overflow:visible} #dc-root #s9 .techletter-popup .techletter-popup-logo{width:96px!important;height:auto!important;max-width:none!important;margin:0!important;align-self:center} #dc-root #s9 .techletter-popup h2{font-size:19px!important;line-height:1.3!important;margin:0!important;padding-right:20px} #dc-root #s9 .techletter-popup p{grid-column:1/-1;font-size:14px!important;line-height:1.5!important;margin:0!important} #dc-root #s9 .techletter-popup .techletter-popup-subscribe{grid-column:1/-1;justify-self:start;min-height:44px!important;font-size:14px!important;margin-top:4px} #dc-root #s9 .techletter-popup .techletter-popup-close{top:0!important;right:0!important;width:44px!important;height:44px!important} :is(#dc-root #s9,#dc-root #ab,#dc-root #sv,#dc-root #gv,#dc-root #pc,#dc-root #aw,#dc-root #cn,#dc-root #stratri-insights,#dc-root #assessment,#dc-root #assessment-hub){font-size:var(--stratri-mobile-body)!important;line-height:1.55!important} :is(#dc-root #s9,#dc-root #ab,#dc-root #sv,#dc-root #gv,#dc-root #pc,#dc-root #aw,#dc-root #cn,#dc-root #stratri-insights,#dc-root #assessment,#dc-root #assessment-hub) p{font-size:var(--stratri-mobile-body)!important;line-height:1.55!important} :is(#dc-root #s9,#dc-root #ab,#dc-root #sv,#dc-root #gv,#dc-root #pc,#dc-root #aw,#dc-root #cn,#dc-root #stratri-insights,#dc-root #assessment,#dc-root #assessment-hub) h1{font-size:var(--stratri-mobile-title)!important;line-height:1.2!important} :is(#dc-root #s9,#dc-root #ab,#dc-root #sv,#dc-root #gv,#dc-root #pc,#dc-root #aw,#dc-root #cn,#dc-root #stratri-insights,#dc-root #assessment,#dc-root #assessment-hub) h2{font-size:26px!important;line-height:1.25!important} :is(#dc-root #s9,#dc-root #ab,#dc-root #sv,#dc-root #gv,#dc-root #pc,#dc-root #aw,#dc-root #cn,#dc-root #stratri-insights,#dc-root #assessment,#dc-root #assessment-hub) :is(h3,h4){font-size:19px!important;line-height:1.35!important} #dc-root #s9 :is(#hero9,#tr-hero9){position:relative!important;display:block!important;min-height:0!important;padding:24px 20px 28px!important} #dc-root #s9 :is(#hero9,#tr-hero9) [data-herotext]{max-width:100%!important} #dc-root #s9 :is(#hero9,#tr-hero9) [data-herotext] h1{font-size:var(--stratri-mobile-title)!important;max-width:none!important;width:calc(100% - 94px)!important;margin:16px 0 18px!important;line-height:1.2!important} #dc-root #s9 :is(#hero9,#tr-hero9) [data-herotext]>p:first-child{font-size:12px!important;line-height:1.4!important;margin-bottom:14px!important} #dc-root #s9 :is(#hero9,#tr-hero9) [data-heroart]{position:absolute!important;top:76px!important;right:14px!important;left:auto!important;bottom:auto!important;transform:none!important;width:108px!important;height:130px!important;max-width:108px!important;aspect-ratio:auto!important;margin:0!important;mask-image:none!important;-webkit-mask-image:none!important;opacity:1!important} #dc-root #s9 :is(#hero9,#tr-hero9) [data-herotext]>div{gap:12px 18px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment-hub){--g:20px!important;--pad:20px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment-hub) :is(article,.paint-card){min-width:0;max-width:100%} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag]{gap:18px!important;grid-template-columns:minmax(0,1fr)!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag]>.paint-card:last-child{display:none!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag]>.paint-card{padding:18px!important;min-width:0!important;width:100%!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag] h3{font-size:20px!important;line-height:1.35!important;margin-bottom:10px!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag] p{font-size:15px!important;line-height:1.5!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-domrow]{grid-template-columns:20px minmax(0,1fr)!important;gap:0 8px!important;padding:6px 0!important;min-height:0!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-domrow]>span:nth-child(2){font-size:13px!important;line-height:1.4!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-dabs]{grid-column:2!important;gap:0!important;margin-top:0!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-dabs] button{width:40px!important;min-width:40px!important;height:44px!important;padding:0!important} #dc-root #s9 [data-numbers-section] .numbers-panel{padding:20px!important} #dc-root #s9 [data-numbers-section] [data-figs]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} #dc-root #s9 [data-numbers-section] [data-figs]>div{padding:16px!important;gap:10px!important} #dc-root #s9 [data-numbers-section] [data-figs] dd{font-size:32px!important} #dc-root #s9 [data-numbers-section] [data-figs] dt{font-size:13px!important} #dc-root #s9 :is(#contact9,#tr-contact9)>div{padding:18px!important} #dc-root #s9 :is(#contact9,#tr-contact9) [data-split]{gap:24px!important} #dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel{padding:18px!important;width:100%;min-width:0} #dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel>p{font-size:20px!important;margin-bottom:14px!important} #dc-root #s9 :is(#contact9,#tr-contact9) form,#dc-root #s9 :is(#contact9,#tr-contact9) fieldset{gap:12px!important} #dc-root #s9 :is(#contact9,#tr-contact9) fieldset>[data-split]{gap:12px!important} #dc-root #s9 :is(#contact9,#tr-contact9) label{font-size:14px!important;gap:4px!important} #dc-root #s9 :is(#contact9,#tr-contact9) textarea{height:96px!important;min-height:96px!important} #dc-root #s9 .training-assessment-links{gap:16px!important} #sv .services-intro{grid-template-columns:minmax(0,1fr)!important;gap:12px!important} #sv .services-art{max-width:280px!important;max-height:155px!important;justify-self:end} #gv .package-panel{padding-left:0!important} } @media screen and (max-width:359px){ #dc-root #s9 [data-numbers-section] [data-figs]{grid-template-columns:1fr!important} #dc-root #s9 :is(#hero9,#tr-hero9){padding-inline:16px!important} #dc-root #s9 :is(#hero9,#tr-hero9) [data-herotext] h1{font-size:28px!important;width:calc(100% - 74px)!important} #dc-root #s9 :is(#hero9,#tr-hero9) [data-heroart]{width:84px!important;max-width:84px!important;height:108px!important;right:8px!important} } @media(prefers-reduced-motion:reduce){#dc-root *,#dc-root *::before,#dc-root *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub,#sh,#sf) .paint-control.paint-control span{color:inherit!important} /* One restrained ink treatment replaces the exported multi-stroke button faces. */ @media screen { #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub,#sh,#sf) .paint-card.paint-card:not([data-washbox]):not(.workflow-case){border-width:1px!important;border-radius:var(--stratri-box-radius)!important;box-shadow:2px 3px 0 var(--paint-color,#D5E5ED),3px 4px 0 var(--edge-color,#9FB7C8)!important;filter:none!important} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub,#sh,#sf) .paint-card.paint-card::after{inset:4px!important;border-width:1px!important;border-color:var(--stratri-box-inset)!important;border-radius:3px 5px 4px 5px!important} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub,#sh,#sf) .paint-control.paint-control:not(.plain-phase-control):not(.plain-programme-control):not(.techletter-popup-close){background-color:var(--stratri-button-fill)!important;background-image:radial-gradient(ellipse at 20% 0,rgba(255,255,255,.16),transparent 65%),linear-gradient(135deg,rgba(255,255,255,.06),rgba(24,74,90,.04))!important;border:1px solid var(--stratri-button-edge)!important;border-radius:var(--stratri-box-radius)!important;box-shadow:2px 3px 0 var(--paint-color,#D5E5ED)!important;filter:none!important;transform:none;min-height:44px!important;line-height:1.4!important;color:var(--stratri-button-ink)!important;padding:11px 20px!important} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub,#sh) .primary-action.paint-control, #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#assessment) button[type=submit].paint-control{--stratri-button-fill:#184A5A;--stratri-button-ink:#FFFFFF;--stratri-button-edge:#315F6C;--paint-color:#9FB7C8;min-height:48px!important} #dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel button[type=submit].paint-control{--stratri-button-fill:#D5E5ED;--stratri-button-ink:#1E2A45;--stratri-button-edge:#6E8FA3;background-color:#D5E5ED!important;background-image:linear-gradient(135deg,rgba(255,255,255,.2),transparent)!important;border:1px solid #6E8FA3!important;box-shadow:2px 3px 0 #9FB7C8!important} #dc-root #s9 .training-assessment-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important;max-width:800px} #dc-root #s9 .training-assessment-links>a.paint-control{width:100%;height:100%;padding:12px 18px!important;border-radius:var(--stratri-box-radius)!important;--stratri-button-edge:var(--edge-color);background-color:#F8FAFC!important;background-image:linear-gradient(135deg,#F8FAFC 20%,color-mix(in srgb,var(--paint-color),#F8FAFC 82%))!important;box-shadow:2px 3px 0 var(--paint-color),3px 4px 0 var(--edge-color)!important} #dc-root #sh .paint-language-button{background-image:linear-gradient(135deg,rgba(255,255,255,.16),transparent)!important;background-color:#F8FAFC!important;color:#1E2A45!important;border:1px solid #9FB7C8!important;border-radius:var(--stratri-box-radius)!important;box-shadow:1px 2px 0 #D5E5ED!important;filter:none!important;padding:8px!important} #dc-root #sh .paint-language-button[aria-pressed=true]{background-color:#1E2A45!important;color:#FFFFFF!important;border-color:#4A6275!important} #dc-root #sh [data-burger].paint-control{padding:8px!important} #dc-root #stratri-insights .filter-btn[aria-pressed=true]{--stratri-button-fill:#184A5A;--stratri-button-ink:#FFFFFF;--stratri-button-edge:#315F6C} #dc-root #s9 .techletter-popup-subscribe{--stratri-button-fill:#EFEDF3;--stratri-button-edge:#8B7A9F;--paint-color:#D8D2E2} #dc-root #s9 .numbers-panel{border-radius:var(--stratri-box-radius)!important;box-shadow:2px 3px 0 #D5DFD1,3px 4px 0 #779582!important} #dc-root #stratri-insights .paint-resource,#dc-root #aw .training-programme{border-width:1px!important;border-radius:var(--stratri-box-radius)!important;box-shadow:2px 3px 0 var(--paint-color,#D5E5ED),3px 4px 0 var(--edge-color,#9FB7C8)!important} } @media screen and (max-width:680px){#dc-root #s9 .training-assessment-links{grid-template-columns:minmax(0,1fr);gap:16px!important}} @media(hover:hover) and (pointer:fine){#dc-root :is(#s9,#sv,#gv,#pc,#aw) .paint-card:hover{transform:translateY(-1px)}#dc-root :is(#s9,#sv,#gv,#pc,#aw) .paint-card:hover img{transform:none!important}} /* 2026-10-17: compact navigation and the approved three-colour shadows. */ :root{--stratri-shadow-navy:#4C637D;--stratri-shadow-sage:#B5C1A9;--stratri-shadow-blue:#A2AFC3} @media screen{ #dc-root #sh .header-main{height:60px!important;gap:20px!important} #dc-root #sh [data-navlinks]{gap:16px!important} #dc-root #sh [data-navlinks]>a:not(.primary-action), #dc-root #sh [data-navlinks]>.services-nav>a{font-size:15px!important;white-space:nowrap} #dc-root #sh #mh-menu>a:not(.primary-action){font-size:15px!important} #dc-root #sh .services-submenu ul{box-shadow:2px 3px 0 var(--stratri-shadow-sage),3px 4px 0 var(--stratri-shadow-navy)!important} #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub,#sh,#sf) .paint-card.paint-card:not([data-washbox]):not(.workflow-case), #dc-root #stratri-insights .paint-resource, #dc-root #aw .training-programme{ box-shadow:2px 3px 0 var(--stratri-shadow-blue),3px 4px 0 var(--stratri-shadow-navy)!important; } #dc-root :is(#s9,#sv,#assessment-hub) .paint-card.paint-card:nth-child(3n+1), #dc-root #aw .training-programme:nth-child(3n+1){ box-shadow:2px 3px 0 var(--stratri-shadow-sage),3px 4px 0 var(--stratri-shadow-navy)!important; } #dc-root :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub,#sh,#sf) .paint-control.paint-control:not(.plain-phase-control):not(.plain-programme-control):not(.techletter-popup-close){ box-shadow:2px 3px 0 var(--stratri-shadow-blue)!important; } #dc-root #s9 .training-assessment-links>a.paint-control:nth-child(odd), #dc-root #s9 .numbers-panel{ box-shadow:2px 3px 0 var(--stratri-shadow-sage),3px 4px 0 var(--stratri-shadow-navy)!important; } #dc-root #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel{ box-shadow:2px 3px 0 var(--stratri-shadow-navy)!important; } #dc-root #sh .paint-language-button,#dc-root #sh .plain-back{ box-shadow:1px 2px 0 var(--stratri-shadow-blue)!important; } } @media screen and (min-width:901px){ #dc-root #s9 :is(#hero9,#tr-hero9){padding-block:32px!important} #dc-root #s9 [data-herotext]{max-width:min(58%,680px)!important} #dc-root #s9 [data-herotext] h1{max-width:26ch!important} #dc-root #s9 [data-herotext] p{max-width:54ch!important} #dc-root #s9 :is(#hero9,#tr-hero9) [data-heroart]{max-width:40%!important} } @media screen and (max-width:680px){ #dc-root #sh .header-main{height:auto!important;min-height:60px!important;gap:8px!important} } /* Give RAILWAY copy more room and move the diagram to the right. */ @media screen and (min-width:1100px){ #dc-root #s9 :is(#method9,#tr-method9) [data-instr]{ grid-template-columns:minmax(0,48%) minmax(0,1fr)!important; column-gap:32px!important;padding-right:0!important; } #dc-root #s9 :is(#method9,#tr-method9) [data-methodhead]{min-width:0} #dc-root #s9 :is(#method9,#tr-method9) [data-methodhead]>p{max-width:none!important} #dc-root #s9 :is(#method9,#tr-method9) [data-field]{justify-self:end!important} } /* Compact primary navigation labels. */ @media screen{#dc-root #sh [data-navlinks]>a:not(.primary-action),#dc-root #sh [data-navlinks]>.services-nav>a,#dc-root #sh #mh-menu>a:not(.primary-action){font-size:14px!important}} /* Compact homepage services and assessment preview without hiding content. */ @media screen{ #dc-root #s9 :is(#advisory9,#tr-advisory9,#assess9,#tr-assess9){padding-block:24px!important} #dc-root #s9 :is(#advisory9,#tr-advisory9)>div:first-child{margin-bottom:18px!important} #dc-root #s9 :is(#advisory9,#tr-advisory9,#assess9,#tr-assess9)>p{margin-bottom:6px!important} #dc-root #s9 :is(#advisory9,#tr-advisory9,#assess9,#tr-assess9) h2{font-size:30px!important;line-height:1.2!important} #dc-root #s9 :is(#assess9,#tr-assess9)>h2{margin-bottom:18px!important} #dc-root #s9 [data-practices]>.paint-card{padding:18px!important;gap:6px!important} #dc-root #s9 [data-practices]>.paint-card h3{font-size:19px!important;line-height:1.3!important;margin:0 0 8px!important} #dc-root #s9 [data-practices]>.paint-card p{margin:0!important;line-height:1.5!important} #dc-root #s9 [data-practices]>.paint-card a{padding-top:12px!important;line-height:1.4!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag]>.paint-card{padding:18px!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag] h3{font-size:19px!important;line-height:1.3!important;margin-bottom:8px!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-diag] p{margin-bottom:12px!important;line-height:1.45!important} #dc-root #s9 :is(#assess9,#tr-assess9) .diagnostic-outputs{gap:5px!important;margin-bottom:12px!important} #dc-root #s9 :is(#assess9,#tr-assess9) [data-domrow]{min-height:44px!important} } @media screen and (max-width:680px){ #dc-root #s9 :is(#advisory9,#tr-advisory9,#assess9,#tr-assess9){padding-block:20px!important} #dc-root #s9 :is(#advisory9,#tr-advisory9,#assess9,#tr-assess9) h2{font-size:26px!important} } /* Match the contact CTA and language labels to the navigation text. */ @media screen{#dc-root #sh [data-navlinks]>.primary-action.paint-control,#dc-root #sh .paint-language-button,#dc-root #sh #mh-menu>.primary-action.paint-control{font-size:14px!important}} /* Shared section kicker: a quiet, consistent hierarchy above section titles. */ @media screen{ #dc-root #s9 :is(section,#method9,#tr-method9) p.stratri-section-kicker{ font-family:var(--stratri-font-body,'Inter',system-ui,sans-serif)!important; font-size:14px!important;font-weight:600!important;font-style:normal!important; line-height:1.45!important;letter-spacing:.015em!important;text-transform:none!important; color:#4C637D!important;margin:0 0 12px!important;padding:0!important; display:flex!important;align-items:baseline!important;gap:10px!important; max-width:none!important;border:0!important;background:none!important; } #dc-root #s9 :is(#contact9,#tr-contact9) p.stratri-section-kicker{color:#D5E5ED!important} } /* A single restrained section marker makes the label hierarchy visible. */ @media screen{#dc-root #s9 :is(section,#method9,#tr-method9) p.stratri-section-kicker::before{content:"";display:block;flex:0 0 18px;width:18px;height:2px;position:relative;top:-4px;background:#B5C1A9;border:0;border-radius:0;box-shadow:none}#dc-root #s9 :is(section,#method9,#tr-method9) p.stratri-section-kicker::after{display:none!important}}