/* Shared editorial system. Exported inline styles are normalized here. */ :root{--stratri-font-body:'Inter',system-ui,sans-serif;--stratri-font-display:Georgia,serif;--stratri-font-mono:var(--stratri-font-body);--paper:#F8FAFC;--ink:#2A344D;--teal:#13566C;--line:rgba(42,52,77,.18)} html,body{background:var(--paper);margin:0} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]){font-family:var(--stratri-font-body)!important;color:var(--ink);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,[data-rwc]) :is(h1,h2){font-family:var(--stratri-font-display)!important;font-weight:400!important;letter-spacing:-.015em;line-height:1.25!important;text-wrap:balance} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) h1{font-size:clamp(40px,5vw,68px)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) h2{font-size:clamp(30px,3vw,40px)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(h3,h4,h5,h6){font-family:var(--stratri-font-body)!important;font-size:22px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:normal} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(p,li){line-height:1.65;overflow-wrap:break-word} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) p{font-size:18px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(button,input,textarea,select){font-family:var(--stratri-font-body)!important;font-size:16px} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(input,select){min-height:48px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(input,textarea,select){background:var(--paper)!important;line-height:1.5;border-radius:6px} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :focus-visible{outline:3px solid var(--teal);outline-offset:4px} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) section[data-screen-label]{background-color:var(--paper)!important;background-image:none!important;padding-block:56px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(article,[data-practice],[data-group],.radar-panel,.report-panel){background:var(--paper)!important;background-image:none!important;box-shadow:none!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:28px!important;min-width:0} #s9{--pad:max(24px,calc((100% - 1160px)/2))} #s9 :is(#hero9,#tr-hero9){min-height:480px!important;padding-block:56px!important;background:radial-gradient(ellipse at 90% 55%,rgba(199,211,195,.32),transparent 55%),var(--paper)!important} #s9 [data-herotext]{max-width:min(52%,600px)!important} #s9 [data-herotext] p{max-width:58ch} #s9 [data-heroart]{max-width:44%!important;right:var(--pad)!important;opacity:.85} #s9 [data-screen-label="01b Clients"]{padding-block:18px!important} #s9 [data-practices]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important} #s9 [data-practices] > *{background:var(--paper)!important;box-shadow:none!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:28px!important;min-width:0} #s9 .workflow-case{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;margin-top:28px} #s9 .wf-stages{gap:24px} #s9 .wf-stage{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:24px!important;box-shadow:none!important;--wf-divider:var(--line)} #s9 .wf-stage:hover{transform:none} #s9 .wf-stage .wf-principle{font-weight:400;min-height:4.95em;margin-bottom:16px;color:#4A6275} #s9 .wf-icon{width:60px;height:60px;opacity:1;object-fit:contain} #s9 .wf-outcome{background:linear-gradient(110deg,rgba(159,183,200,.24),rgba(159,183,200,.04))!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:22px 24px!important;margin-top:24px;align-items:center} #s9 .wf-outcome-icon{background:transparent;width:44px;height:44px} #s9 .wf-outcome-icon img{width:44px;height:44px} #s9 .wf-outcome::before{display:none} #s9 .wf-outcome h4{color:var(--teal)} #s9 :is([data-washbox],[data-figs] > *){background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important} #s9 [data-washbox]{padding:0!important} #s9 [data-washimg]{display:none} #s9 [data-figs]{gap:24px!important} #s9 [data-figs] > *{padding:16px 0!important;border-top:1px solid var(--line)!important} #s9 :is(#contact9,#tr-contact9) > div{background:transparent!important;border:0!important;padding:0!important} #s9 :is(#contact9,#tr-contact9) [data-two]{gap:48px!important;align-items:start} #s9 :is(#contact9,#tr-contact9) [data-two] > div:last-child{background:var(--paper)!important;background-image:none!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:none!important;padding:28px!important} #s9 :is(#contact9,#tr-contact9) ol span:last-child{font-size:18px!important} #s9 .editorial-section{padding-inline:var(--pad)} #s9 .diagnostic-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;background:linear-gradient(110deg,rgba(159,183,200,.32),rgba(159,183,200,0));border-radius:8px} #s9 .diagnostic-intro > div{max-width:62ch} #s9 .diagnostic-intro h2{margin:8px 0 16px} #s9 .small-note{font-size:14px!important;color:#4A6275} #s9 .eyebrow{font-size:14px!important;font-weight:500;color:#4A6275;margin:0 0 12px} #s9 .primary-action{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:var(--paper);min-height:48px;padding:12px 22px;border-radius:6px;text-decoration:none;font-size:16px;font-weight:500;flex-shrink:0} #s9 .primary-action:hover{background:#1E5B6E;color:var(--paper)} #s9 .text-action{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;color:var(--teal);text-decoration:underline;text-underline-offset:4px;font-weight:500} #s9 .training-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px} #s9 .training-intro-card img{width:44px;height:44px} #s9 .training-intro-card h3{margin:16px 0 12px} #s9 .training-intro-card p{margin:0} #sv [data-practice] h2,#assessment .results h2{font-family:var(--stratri-font-body)!important;font-size:20px!important;font-weight:600!important} #assessment .report-panel .muted{color:#4A6275!important;font-size:14px} #assessment .report-panel button{background:var(--teal)!important;color:var(--paper)!important} #assessment .mono{font-family:var(--stratri-font-body);font-size:14px} @media screen and (min-width:1000px){#s9 [data-two]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important}} @media screen and (max-width:999px){ #s9 [data-practices],#s9 .training-intro-grid{grid-template-columns:1fr!important} #s9 [data-two]{grid-template-columns:1fr!important} #s9 .diagnostic-intro{flex-direction:column;align-items:flex-start} #s9 .wf-stages{grid-template-columns:1fr!important;gap:12px} #s9 .wf-connector{display:none} #s9 [data-heroart]{max-width:42%!important} #s9 [data-herotext]{max-width:55%!important} } @media screen and (max-width:680px){ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) section[data-screen-label]{padding-block:36px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment){font-size:16px} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) p{font-size:16px!important} #s9{--pad:20px} #s9 :is(#hero9,#tr-hero9){min-height:0!important;padding-block:36px!important;overflow:hidden} #s9 [data-herotext]{max-width:none!important} #s9 [data-heroart]{position:relative!important;max-width:none!important;width:100%!important;height:200px!important;margin:24px 0 0!important;transform:none!important;top:auto!important;right:auto!important;order:2} #s9 .diagnostic-intro{padding:24px;gap:20px} #s9 [data-practices] > *,#s9 .training-intro-card,#s9 :is(#contact9,#tr-contact9) [data-two] > div:last-child{padding:22px!important} #s9 [data-figs]{grid-template-columns:repeat(2,minmax(0,1fr))!important} #s9 .primary-action{width:100%;white-space:normal;text-align:center;flex-shrink:1} :is(#sv,#gv,#aw,#assessment) :is(article,[data-practice],[data-group],.radar-panel,.report-panel){padding:22px!important} } @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} @page{size:A4;margin:14mm} @media print{ html,body{background:var(--paper);overflow:visible!important} *,*::before,*::after{animation:none!important;box-shadow:none!important;background-image:none!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment){--pad:0px;font-size:11pt;overflow:visible!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(p,li,a,label){font-size:10.5pt!important;line-height:1.5!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) h1{font-size:26pt!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) h2{font-size:20pt!important;break-after:avoid} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(h3,h4){font-size:13pt!important;break-after:avoid} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) section[data-screen-label]{padding:18pt 0!important} :is(p,li){orphans:3;widows:3} :is(article,.wf-stage,.training-intro-card,[data-practice]){break-inside:avoid} #sh{position:static!important} #s9 :is(#hero9,#tr-hero9){min-height:0!important;padding:18pt 0!important} #s9 [data-herotext]{max-width:none!important} #s9 :is([data-heroart],[data-burger],[data-navlinks],[data-screen-label="01b Clients"],.wf-connector){display:none!important} #s9 [data-practices],#s9 .training-intro-grid,#s9 .wf-stages{grid-template-columns:1fr!important;gap:14pt!important} #s9 [data-two]{grid-template-columns:1fr!important;gap:18pt!important} #s9 [data-figs]{grid-template-columns:repeat(2,minmax(0,1fr))!important} #s9 .diagnostic-intro{display:block;padding:18pt} #s9 .primary-action{margin-top:12pt} #s9 :is(#contact9,#tr-contact9) [data-two] > div:last-child{display:none!important} #sf{break-inside:avoid} } .print-contact{display:none} @media print{.print-contact{display:block!important}} /* Compact previews retain STRATRI's original framework and programme marks. */ #s9 .railway-phase-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:24px 0} #s9 .railway-phase{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:88px;padding:12px 8px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:500 14px/1.45 var(--stratri-font-body);cursor:pointer;text-align:left} #s9 .railway-phase[aria-pressed="true"]{border-bottom:2px solid var(--teal);color:var(--teal)} #s9 .railway-phase img{object-fit:contain} #s9 .railway-preview{border-left:2px solid var(--teal);padding:8px 18px} #s9 .railway-preview h3{font-size:18px!important;margin:0 0 8px} #s9 .railway-preview ul{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;padding-left:18px} #s9 .railway-preview li{font-size:15px} #s9 .programme-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px} #s9 .programme-mini{display:flex;align-items:flex-start;gap:14px;padding:20px!important} #s9 .programme-mini img{flex:none;object-fit:contain} #s9 .programme-mini h3{font-size:17px!important;margin:0 0 6px;overflow-wrap:anywhere} #s9 .programme-mini h3 a{color:var(--teal);text-underline-offset:4px} #s9 .programme-mini p{font-size:14px!important;margin:0;color:#4A6275} #s9 .assessment-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px} #s9 .assessment-mini{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:8px;text-decoration:none;min-width:0;color:var(--ink)} #s9 .assessment-mini>span:nth-child(2){flex:1;min-width:0} #s9 .assessment-mini strong{display:block;font-size:16px;font-weight:600} #s9 .assessment-mini>span:nth-child(2)>span{display:block;font-size:14px;color:#4A6275;line-height:1.5;margin-top:5px} #s9 .assessment-mini img{flex:none;object-fit:contain} @media(max-width:999px){#s9 .railway-phase-row{grid-template-columns:repeat(4,minmax(0,1fr))}#s9 .programme-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){#s9 .railway-phase-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#s9 .railway-phase{flex-direction:row;align-items:center;min-height:64px}#s9 .railway-preview ul{display:block}#s9 .programme-mini-grid,#s9 .assessment-compact-grid{grid-template-columns:1fr}#s9 .programme-mini{padding:18px!important}} @media print{#s9 .railway-phase-row{grid-template-columns:repeat(4,minmax(0,1fr))}#s9 .programme-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#s9 .programme-mini,#s9 .assessment-mini{break-inside:avoid}} /* Approach panels share the service-card visual rhythm; arrows do not cross text. */ #s9 .wf-connector{display:none!important} #s9 .wf-header{max-width:70ch;margin-bottom:24px} #s9 .wf-stage-head{margin-bottom:14px} #s9 .wf-stage h4{margin-bottom:10px} #s9 .wf-stage .wf-case-question{border-color:var(--line);padding-top:16px} #s9 .wf-outcome p{margin:0;max-width:78ch} @media(max-width:999px){#s9 .wf-stage .wf-principle{min-height:0}#s9 .wf-stage{padding:22px!important}} @media print{#s9 .wf-stage .wf-principle{min-height:0}#s9 .wf-stage,#s9 .wf-outcome{padding:16pt!important}} /* Restore the authored RAILWAY diagram and diagnostic panels. */ #s9 [data-instr]{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:32px;align-items:center} #s9 [data-field]{display:block;width:100%;min-width:0} #s9 [data-stagedetail]{display:block} #s9 [data-stagelist]{display:none} #s9 :is(#assess9,#tr-assess9)>div{background:linear-gradient(110deg,rgba(159,183,200,.24),rgba(159,183,200,.04))!important;padding:28px!important;border-radius:8px!important} #s9 [data-diag]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important} #s9 [data-diag]>div{padding:26px!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:none!important;background:var(--paper)!important;min-width:0} #s9 .wf-stage-head{flex-direction:row-reverse;justify-content:space-between} #s9 .wf-number{font-family:var(--stratri-font-display);font-size:24px;font-weight:500;border:0;border-radius:0;width:auto;height:auto;color:#4A6275} #s9 .wf-icon{width:52px;height:52px} @media screen and (min-width:1100px){#s9 [data-field]{display:block!important}#s9 [data-stagedetail]{display:block!important}#s9 [data-stagelist]{display:none!important}} @media(max-width:1099px){#s9 [data-instr]{grid-template-columns:1fr!important}#s9 [data-field],#s9 [data-stagedetail]{display:none!important}#s9 [data-stagelist]{display:flex!important}#s9 [data-stagelist] button{min-height:44px}} @media(max-width:680px){#s9 [data-diag]{grid-template-columns:1fr!important}#s9 :is(#assess9,#tr-assess9)>div{padding:20px!important}#s9 [data-diag]>div{padding:22px!important}} @media print{#s9 [data-instr],#s9 [data-diag]{grid-template-columns:1fr!important}#s9 [data-field],#s9 [data-stagedetail]{display:none!important}#s9 [data-stagelist]{display:flex!important}#s9 [data-diag]>div{break-inside:avoid}} /* Authored RAILWAY diagram and ink-dab diagnostic preview have local geometry. */ @media screen and (min-width:1100px){ #s9 :is(#method9,#tr-method9) [data-instr]{grid-template-columns:minmax(0,360px) minmax(0,1fr)!important;gap:28px!important} #s9 :is(#method9,#tr-method9) [data-field]{display:block!important;max-width:720px;aspect-ratio:760/420} #s9 :is(#method9,#tr-method9) [data-stagelist]{display:none!important} } #s9 :is(#method9,#tr-method9) [data-methodhead] h2{font-size:32px!important} #s9 :is(#method9,#tr-method9) [data-stagedetail] p:first-child{font-size:14px!important} #s9 :is(#assess9,#tr-assess9) [data-diag]{grid-template-columns:minmax(0,4fr) minmax(0,7fr)!important} #s9 [data-domrow]{grid-template-columns:24px minmax(110px,1fr) 200px!important;gap:8px 12px!important;padding:8px 0;align-items:center} #s9 [data-domrow] [data-lv]{grid-column:2/-1;font-size:14px!important;margin-top:0} #s9 [data-domrow]>span:nth-child(2){font-size:14px!important;line-height:1.5} #s9 [data-dabs] button{min-width:40px;min-height:44px} #s9 [data-dabs] button:focus-visible{outline:2px solid var(--teal);outline-offset:1px} @media(max-width:1099px){#s9 :is(#assess9,#tr-assess9) [data-diag]{grid-template-columns:1fr!important}} @media(max-width:680px){#s9 [data-domrow]{grid-template-columns:24px minmax(0,1fr)!important}#s9 [data-domrow] [data-dabs],#s9 [data-domrow] [data-lv]{grid-column:2/-1}} /* Final alignment and compact assessment rhythm. */ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#sh,#sf){--g:clamp(20px,4vw,48px);--pad:max(var(--g),calc((100% - 1160px)/2))} #s9 :is(#assess9,#tr-assess9)>div{padding:20px!important} #s9 :is(#assess9,#tr-assess9) [data-diag]{grid-template-columns:minmax(0,3fr) minmax(0,5fr)!important;gap:20px!important;align-items:start} #s9 [data-diag]>div{padding:18px!important} #s9 [data-diag] h2{font-size:26px!important;margin-bottom:10px!important} #s9 [data-diag] h3{font-size:18px!important;margin-bottom:10px!important} #s9 [data-diag] p{font-size:15px!important;margin-bottom:12px!important;line-height:1.5!important} #s9 [data-diag] [data-domrow]{padding:3px 0!important;min-height:44px;grid-template-columns:22px minmax(100px,1fr) 175px!important;gap:4px 8px!important} #s9 [data-diag] [data-domrow]>span:nth-child(2){font-size:13px!important} #s9 [data-diag] [data-dabs] button{width:35px!important;min-width:35px!important;min-height:44px} #s9 [data-diag] [data-dabs] svg{width:29px;height:14px} #s9 [data-diag] [data-lv]{font-family:var(--stratri-font-body)!important;font-size:12px!important} #s9 .programme-tailored{background:linear-gradient(120deg,rgba(159,183,200,.20),transparent)!important} #s9 :is(#contact9,#tr-contact9)>div{background:linear-gradient(115deg,rgba(159,183,200,.32),rgba(199,211,195,.24))!important;padding:32px!important;border-radius:8px!important} #s9 :is(#contact9,#tr-contact9) [data-two] > div:last-child{background:var(--paper)!important} @media(max-width:1099px){#s9 :is(#assess9,#tr-assess9) [data-diag]{grid-template-columns:1fr!important}} @media(max-width:680px){ #s9 :is(#assess9,#tr-assess9)>div{padding:16px!important} #s9 [data-diag] [data-domrow]{grid-template-columns:22px minmax(0,1fr)!important;padding:5px 0!important} #s9 [data-diag] [data-dabs],#s9 [data-diag] [data-lv]{grid-column:2/-1} #s9 :is(#contact9,#tr-contact9)>div{padding:22px!important} } @media print{ #s9 .workflow-case{break-inside:auto!important} #s9 :is([data-diag],[data-instr],[data-two],.wf-stages){display:block!important;height:auto!important;min-height:0!important} #s9 [data-diag]>div{margin-bottom:14pt;break-inside:avoid;padding:14pt!important;height:auto!important;min-height:0!important} #s9 .wf-stage{margin-bottom:12pt;padding:14pt!important} #s9 .wf-outcome{break-inside:avoid} #s9 section[data-screen-label]>p:first-child{break-after:avoid} #s9 :is(#assess9,#tr-assess9)>div{padding:14pt!important;height:auto!important;min-height:0!important} #s9 [data-domrow]{grid-template-columns:22px minmax(100px,1fr) 175px!important;min-height:32px;padding:2px 0!important} #s9 [data-dabs] button{height:32px!important;min-height:32px!important} #s9 [data-lv]{grid-column:2/-1!important} } @media screen and (min-width:681px){ #s9 [data-diag] [data-domrow]{grid-template-columns:22px minmax(90px,1fr) 175px 110px!important} #s9 [data-diag] [data-domrow] [data-lv]{grid-column:auto!important} } /* Expressive hero and readable type; authored diagrams retain their geometry. */ @media screen { #s9 :is(#hero9,#tr-hero9){min-height:580px!important;padding-block:72px!important;background:radial-gradient(ellipse at 85% 30%,rgba(159,183,200,.30),transparent 56%),radial-gradient(ellipse at 62% 90%,rgba(170,165,190,.14),transparent 52%),var(--paper)!important} #s9 [data-herotext]{max-width:min(56%,700px)!important} #s9 [data-herotext] h1{font-size:clamp(48px,5.8vw,84px)!important;line-height:1.08!important;letter-spacing:-.025em;margin-bottom:28px!important;font-weight:400!important} #s9 [data-herotext] p{font-size:18px!important;line-height:1.65!important;max-width:48ch} #s9 [data-heroart]{max-width:42%!important} #s9 :is(#contact9,#tr-contact9) h2{font-size:clamp(32px,3.3vw,44px)!important} #assessment h1{font-size:clamp(36px,4vw,56px)!important} #s9 .programme-mini h3{font-size:19px!important;line-height:1.35!important} #s9 .programme-mini p{font-size:16px!important;line-height:1.6!important} #s9 [data-diag] h2{font-size:28px!important} #s9 [data-diag] p{font-size:16px!important;line-height:1.6!important} #s9 :is(#method9,#tr-method9) [data-stagedetail] li{font-family:var(--stratri-font-body)!important;font-size:17px!important;line-height:1.55!important} } @media screen and (min-width:1100px) and (prefers-reduced-motion:no-preference){ #s9 [data-heroart]{animation:stratri-ink-breathe 6s ease-in-out infinite} #s9 [data-herotext] h1{animation:stratri-heading-arrive .55s ease-out both} } @keyframes stratri-ink-breathe{ 0%,100%{transform:translateY(-50%)} 50%{transform:translateY(calc(-50% - 14px))} } @keyframes stratri-heading-arrive{ from{opacity:.65;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} } @media screen and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ #s9 :is(.programme-mini,.wf-stage,[data-practices]>*){transition:transform .22s ease,border-color .22s ease,background-color .22s ease} #s9 :is(.programme-mini,.wf-stage,[data-practices]>*):hover{transform:translateY(-3px);border-color:rgba(24,74,90,.45)!important} #s9 :is(.primary-action,.text-action){transition:transform .2s ease,background-color .2s ease} #s9 :is(.primary-action,.text-action):hover{transform:translateY(-2px)} } @media screen and (min-width:681px) and (max-width:1099px){ #s9 :is(#hero9,#tr-hero9){min-height:520px!important;padding-block:56px!important} #s9 [data-herotext]{max-width:56%!important} #s9 [data-herotext] h1{font-size:clamp(44px,5.8vw,64px)!important} } @media screen and (max-width:680px){ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) h1{font-size:clamp(36px,8.5vw,48px)!important;line-height:1.14!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) h2{font-size:clamp(28px,7vw,34px)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(h3,h4,h5,h6){font-size:20px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) p{font-size:17px!important;line-height:1.65!important} #s9 :is(#hero9,#tr-hero9){min-height:0!important;padding-block:40px!important} #s9 [data-herotext]{max-width:100%!important} #s9 [data-herotext] h1{font-size:clamp(40px,10.5vw,48px)!important;margin-bottom:24px!important} #s9 [data-herotext] p{font-size:17px!important} #s9 [data-heroart]{max-width:100%!important;height:240px!important} #s9 .programme-mini p,#s9 [data-diag] p{font-size:16px!important} } /* Brighter paper, richer dark surfaces, and more visible authored motion. */ @media screen { #s9 :is(#hero9,#tr-hero9){background:radial-gradient(ellipse at 85% 30%,rgba(159,183,200,.36),transparent 56%),radial-gradient(ellipse at 62% 90%,rgba(170,165,190,.20),transparent 52%),var(--paper)!important} #s9 .primary-action,#assessment .report-panel button{background:linear-gradient(115deg,#13566C,#243D58)!important;color:var(--paper)!important} #assessment .report-panel{background:linear-gradient(135deg,#1E2A45,#13566C)!important;border-color:rgba(213,229,237,.28)!important;color:#F8FAFC!important} #assessment .report-panel :is(h2,h3,p,label),#assessment .report-panel .muted{color:#F8FAFC!important} #assessment .report-panel :is(input,textarea,select){background:#F8FAFC!important;color:#2A344D!important} #assessment .report-panel :focus-visible{outline-color:#BDDBEA!important} } @media screen and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ #s9 :is(.programme-mini,.wf-stage,[data-practices]>*):hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(30,42,69,.09)!important} #s9 :is(.programme-mini img,.wf-icon){transition:transform .35s ease} #s9 :is(.programme-mini,.wf-stage):hover :is(img,.wf-icon){transform:rotate(-4deg) scale(1.08)} #s9 :is(.primary-action,.text-action):hover{transform:translateY(-3px)} } @media screen and (min-width:681px) and (max-width:1099px) and (prefers-reduced-motion:no-preference){ #s9 [data-heroart]{animation:stratri-ink-breathe 6s ease-in-out infinite} } @media screen and (max-width:680px) and (prefers-reduced-motion:no-preference){ #s9 [data-heroart]{animation:stratri-ink-mobile 5s ease-in-out infinite} } @keyframes stratri-ink-mobile{ 0%,100%{translate:0 0} 50%{translate:0 -10px} } /* Only the ink ball moves; the staircase is a fixed coordinate frame. */ #s9 [data-stair-hero]{animation:none!important} /* Secondary newsletter follows the primary contact CTA as a slim strip. */ @media screen{ #s9 section.techletter-strip[data-screen-label]{padding-block:16px!important} #s9 .techletter-strip>div{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;padding:18px 0!important} #s9 .techletter-strip img{width:36px!important} #s9 .techletter-strip>div>div{min-width:0!important} #s9 .techletter-strip h2{font-size:24px!important;line-height:1.25!important;margin:0 0 6px!important} #s9 .techletter-strip p{font-size:15px!important;line-height:1.5!important;margin:0!important} #s9 .techletter-strip a{min-height:44px!important;font-size:15px!important;padding:0 18px!important} } @media screen and (max-width:680px){ #s9 section.techletter-strip[data-screen-label]{padding-block:12px!important} #s9 .techletter-strip>div{grid-template-columns:28px minmax(0,1fr)!important;gap:12px 16px!important;padding:16px 0!important} #s9 .techletter-strip img{width:28px!important} #s9 .techletter-strip h2{font-size:22px!important} #s9 .techletter-strip a{grid-column:2;justify-self:start;white-space:normal} } /* Painted teal facets echo the hand-drawn doorway in the hero illustration. */ @media screen{ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]){ background-color:#13566C!important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%2264%22%20viewBox%3D%220%200%20320%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M4%205Q90%202%20164%204T315%205M5%208Q155%205%20312%208%22%20fill%3D%22none%22%20stroke%3D%22%23b6ccd0%22%20stroke-opacity%3D%22.32%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M6%2054Q100%2057%20187%2054T314%2055M312%209L310%2053%22%20fill%3D%22none%22%20stroke%3D%22%23102f3a%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M7%2012L8%2049M18%2013L19%2047M300%2014L299%2046%22%20fill%3D%22none%22%20stroke%3D%22%23b6ccd0%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(125deg,#365E6A 0%,#13566C 48%,#173E50 100%)!important; background-size:100% 100%!important; color:#F8FAFC!important; border-style:solid!important;border-width:2px 4px 5px 2px!important; border-color:#668B93 #123644 #102F3B #537D87!important; border-radius:3px 5px 3px 4px!important; box-shadow:1px 3px 0 rgba(24,74,90,.15),inset 1px 1px 0 rgba(213,229,237,.16)!important; min-height:52px!important;line-height:1.35!important; text-decoration:none!important; } :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]):active{box-shadow:0 1px 0 rgba(24,74,90,.12),inset 0 2px 5px rgba(16,47,59,.22)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]):disabled{opacity:.55;cursor:not-allowed} } @media screen and (hover:hover) and (pointer:fine){ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]):hover{background-color:#245665!important;filter:brightness(1.06)} } @media screen and (prefers-reduced-motion:no-preference){ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]){transition:transform .2s ease,box-shadow .2s ease,filter .2s ease} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]):active{transform:translateY(2px)!important} } /* Keep painted actions visibly dimensional across header and assessment controls. */ @media screen{:is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]){border-bottom-width:7px!important;border-right-width:5px!important;box-shadow:2px 4px 0 rgba(24,74,90,.18),inset 1px 1px 0 rgba(213,229,237,.28)!important;padding-block:10px!important;}} /* Watercolour pigment and hand-painted side planes. */ @media screen{ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]){background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%2068%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22face%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23537782%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23315f6c%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%2313566C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23345c69%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22wash%22%20x%3D%22-5%25%22%20y%3D%22-12%25%22%20width%3D%22110%25%22%20height%3D%22124%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.065%22%20numOctaves%3D%223%22%20seed%3D%2212%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%221.8%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeColorMatrix%20in%3D%22noise%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%20.13%200%200%200%200%20.23%200%200%200%200%20.26%200%200%200%20.24%200%22%20result%3D%22pigment%22%2F%3E%3CfeComposite%20in%3D%22pigment%22%20in2%3D%22edge%22%20operator%3D%22in%22%20result%3D%22grain%22%2F%3E%3CfeBlend%20in%3D%22edge%22%20in2%3D%22grain%22%20mode%3D%22multiply%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23wash)%22%3E%3Cpath%20d%3D%22M5%209L312%207L318%2014L317%2063L12%2065L5%2057Z%22%20fill%3D%22%23153f4d%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M6%207L309%205L317%2012L12%2015Z%22%20fill%3D%22%2379959c%22%2F%3E%3Cpath%20d%3D%22M309%205L317%2012L316%2061L309%2055Z%22%20fill%3D%22%23204753%22%2F%3E%3Cpath%20d%3D%22M6%207Q85%205%20155%207T309%205L309%2055Q241%2058%20161%2056T7%2058Z%22%20fill%3D%22url(%23face)%22%2F%3E%3Cpath%20d%3D%22M11%2012Q80%208%20159%2011T304%2010%22%20fill%3D%22none%22%20stroke%3D%22%23aec3c8%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M10%2017Q73%2014%20126%2018T225%2016T304%2018%22%20fill%3D%22none%22%20stroke%3D%22%23b8cbd0%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%227%22%2F%3E%3Cpath%20d%3D%22M8%2052Q95%2056%20162%2053T305%2052%22%20fill%3D%22none%22%20stroke%3D%22%23123541%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M13%2020L14%2048M301%2018L300%2047%22%20stroke%3D%22%23aac1c6%22%20stroke-opacity%3D%22.21%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-size:100% 100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:56px!important;padding:14px 28px 18px!important;color:#F8FAFC!important;filter:drop-shadow(1px 3px 2px rgba(24,74,90,.13))} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]):active{box-shadow:none!important} } @media screen and (hover:hover) and (pointer:fine){:is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf) :is(.primary-action,a.button,button.primary,button[type="submit"],a[style*="background:#13566C"],a[style*="background: #13566C"],a[style*="background:#1E2A45"],a[style*="background: #1E2A45"]):hover{background-color:transparent!important;filter:brightness(1.08) drop-shadow(1px 4px 3px rgba(24,74,90,.16))}} /* Shared hand-painted dimensional surfaces. Explicit classes survive runtime style normalisation. */ @media screen{ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) .paint-card.paint-card{ --paint-color:var(--paper);position:relative;isolation:isolate; background-color:var(--paint-color)!important; background-image:linear-gradient(125deg,rgba(255,255,255,.46),transparent 48%,rgba(30,42,69,.035)),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.65%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20opacity%3D%22.075%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E")!important; border:1.4px solid color-mix(in srgb,var(--paint-color),#4A6275 38%)!important; border-radius:5px 8px 4px 7px!important; box-shadow:3px 4px 0 color-mix(in srgb,var(--paint-color),#4A6275 20%),6px 8px 0 color-mix(in srgb,var(--paint-color),#4A6275 34%),8px 12px 14px rgba(30,42,69,.09),inset 0 2px 0 rgba(255,255,255,.65)!important; margin-bottom:8px; } :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) .paint-card.paint-card::after{ content:"";position:absolute;inset:5px 6px 7px 5px;pointer-events:none;border:1px solid rgba(74,98,117,.18);border-radius:6px 3px 7px 4px;z-index:-1; } #s9 .wf-stage:nth-child(1){--paint-color:#E7EFF2} #s9 .wf-stage:nth-child(2){--paint-color:#E8EEE5} #s9 .wf-stage:nth-child(3){--paint-color:#ECEAF1} #s9 .wf-outcome{--paint-color:#D5E5ED} #s9 [data-practices]>.paint-card:nth-child(1){--paint-color:#E8EEE5} #s9 [data-practices]>.paint-card:nth-child(2){--paint-color:#E7EFF2} #s9 [data-practices]>.paint-card:nth-child(3){--paint-color:#9FBED5} #assessment .report-panel.paint-card{--paint-color:#13566C} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) .paint-control.paint-control{ border-style:solid!important;border-width:1.5px 3px 4px 1.5px!important; border-color:rgba(159,183,200,.7) rgba(30,42,69,.46) rgba(30,42,69,.55) rgba(159,183,200,.6)!important; border-radius:3px 5px 3px 4px!important; box-shadow:2px 3px 0 rgba(74,98,117,.24),inset 1px 1px 0 rgba(255,255,255,.25)!important; background-image:linear-gradient(125deg,rgba(255,255,255,.16),transparent 48%,rgba(30,42,69,.08)),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.65%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20opacity%3D%22.075%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E")!important; } .paint-control.primary-action,.paint-control.button,button.paint-control.primary,button.paint-control[type="submit"]{ background-color:#13566C!important;color:#F8FAFC!important; } :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) .paint-control.paint-control:active{translate:1px 2px;box-shadow:1px 1px 0 rgba(74,98,117,.24)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) .paint-control.paint-control:focus-visible{outline:3px solid #4A6275!important;outline-offset:5px} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) .paint-control.paint-control:disabled{opacity:.55} @media(hover:hover) and (pointer:fine){:is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) .paint-card.paint-card:hover{box-shadow:3px 4px 0 color-mix(in srgb,var(--paint-color),#4A6275 20%),6px 8px 0 color-mix(in srgb,var(--paint-color),#4A6275 34%),8px 14px 18px rgba(30,42,69,.12)!important}} @media(max-width:680px){:is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) .paint-card.paint-card{box-shadow:2px 3px 0 color-mix(in srgb,var(--paint-color),#4A6275 20%),4px 6px 0 color-mix(in srgb,var(--paint-color),#4A6275 34%)!important}} } @media screen{:is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh,#sf,[data-rwc]) :is(.primary-action,a.button,button.primary,button[type="submit"]).paint-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%2068%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22face%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23537782%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23315f6c%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%2313566C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23345c69%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22wash%22%20x%3D%22-5%25%22%20y%3D%22-12%25%22%20width%3D%22110%25%22%20height%3D%22124%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.065%22%20numOctaves%3D%223%22%20seed%3D%2212%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%221.8%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeColorMatrix%20in%3D%22noise%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%20.13%200%200%200%200%20.23%200%200%200%200%20.26%200%200%200%20.24%200%22%20result%3D%22pigment%22%2F%3E%3CfeComposite%20in%3D%22pigment%22%20in2%3D%22edge%22%20operator%3D%22in%22%20result%3D%22grain%22%2F%3E%3CfeBlend%20in%3D%22edge%22%20in2%3D%22grain%22%20mode%3D%22multiply%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23wash)%22%3E%3Cpath%20d%3D%22M5%209L312%207L318%2014L317%2063L12%2065L5%2057Z%22%20fill%3D%22%23153f4d%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M6%207L309%205L317%2012L12%2015Z%22%20fill%3D%22%2379959c%22%2F%3E%3Cpath%20d%3D%22M309%205L317%2012L316%2061L309%2055Z%22%20fill%3D%22%23204753%22%2F%3E%3Cpath%20d%3D%22M6%207Q85%205%20155%207T309%205L309%2055Q241%2058%20161%2056T7%2058Z%22%20fill%3D%22url(%23face)%22%2F%3E%3Cpath%20d%3D%22M11%2012Q80%208%20159%2011T304%2010%22%20fill%3D%22none%22%20stroke%3D%22%23aec3c8%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M10%2017Q73%2014%20126%2018T225%2016T304%2018%22%20fill%3D%22none%22%20stroke%3D%22%23b8cbd0%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%227%22%2F%3E%3Cpath%20d%3D%22M8%2052Q95%2056%20162%2053T305%2052%22%20fill%3D%22none%22%20stroke%3D%22%23123541%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M13%2020L14%2048M301%2018L300%2047%22%20stroke%3D%22%23aac1c6%22%20stroke-opacity%3D%22.21%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-color:transparent!important;border:0!important;box-shadow:none!important}} /* User-reviewed refinements: open navigation, unfilled cards, no outer workflow box. */ @media screen{ #sh button[aria-haspopup],#sh #hb-services,#sh #hb-assess{ background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;filter:none!important;translate:none!important; } :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) .paint-card.paint-card{ background-color:var(--paper)!important;background-image:none!important; } #assessment .report-panel.paint-card{background-color:#13566C!important} #s9 article.workflow-case.workflow-case{ background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important; } #s9 article.workflow-case::after{display:none!important} #s9 .wf-stage.paint-card{--wf-divider:#7898AA} #s9 .wf-outcome h4{color:#13566C!important} #s9 [data-numbers-section] [data-two]{grid-template-columns:1fr!important;gap:36px!important;align-items:start!important} #s9 [data-numbers-section] [data-washbox].paint-card{ width:100%!important;padding:clamp(28px,4vw,48px)!important; } #s9 [data-numbers-section] [data-figs]{gap:clamp(24px,4vw,56px)!important} #s9 [data-numbers-section] [data-figs]>*{padding:20px 0!important} #s9 [data-numbers-section] [data-washbox] h2{margin-top:0!important} } @media print{ .paint-card.paint-card{background:none!important;background-image:none!important;box-shadow:none!important} .paint-card::after{display:none!important} #s9 [data-numbers-section] [data-two]{display:block!important} #s9 [data-numbers-section] [data-washbox]{padding:18pt!important;margin-top:18pt!important} #s9 :is(#assess9,#tr-assess9)>div{background:none!important;min-height:0!important;height:auto!important} } @media screen{} /* Restrained blue, sage and lavender rhythm, with original illustration colours. */ @media screen{ #s9 :is(#advisory9,#tr-advisory9){background:linear-gradient(115deg,rgba(213,229,237,.40),rgba(213,229,237,.08))!important} #s9 :is(#approach9,#tr-approach9){background:linear-gradient(125deg,rgba(199,211,195,.25),rgba(199,211,195,.07))!important} #s9 :is(#method9,#tr-method9){background:linear-gradient(120deg,rgba(170,165,190,.19),rgba(170,165,190,.04))!important} #s9 :is(#assess9,#tr-assess9){background:transparent!important;background-image:none!important} #s9 :is(#train9,#tr-train9){background:linear-gradient(120deg,rgba(199,211,195,.18),rgba(170,165,190,.10))!important} #s9 [data-numbers-section] [data-two]{grid-template-columns:minmax(0,4fr) minmax(0,6fr)!important;gap:clamp(28px,4vw,56px)!important;align-items:center!important} #s9 [data-numbers-section] [data-washbox].paint-card{padding:clamp(24px,2.7vw,36px)!important;background-color:#EDF2F4!important} #s9 [data-numbers-section] [data-figs]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 32px!important} #s9 [data-numbers-section] [data-figs]>*{padding:12px 0!important} #s9 [data-numbers-section] [data-figs] dt{color:#13566C!important} #s9 .wf-stage--ai.paint-card{background-color:#EDF3F6!important} #s9 .wf-stage--governance.paint-card{background-color:#EDF2EA!important} #s9 .wf-stage--adoption.paint-card{background-color:#F0EEF6!important} #s9 .wf-outcome.paint-card{background-color:#EAF1F4!important} #s9 :is(#contact9,#tr-contact9)>div{background:linear-gradient(115deg,#E5EFF3,#EAF0E7)!important} #s9 img[src^="assets/illustrations/"],#s9 img[src*="practice-ai4whom"]{filter:none!important} } @media screen and (max-width:999px){#s9 [data-numbers-section] [data-two]{grid-template-columns:1fr!important}} @media screen and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ :is(#s9,#sv,#gv,#pc,#aw) .paint-card{transition:transform .25s ease,box-shadow .25s ease} :is(#s9,#sv,#gv,#pc,#aw) .paint-card:hover{transform:translateY(-4px)} :is(#s9,#sv,#gv,#pc,#aw) .paint-card img{transition:transform .3s ease} :is(#s9,#sv,#gv,#pc,#aw) .paint-card:hover img{transform:rotate(-3deg) translateY(-2px)} } @media print{#s9 [data-numbers-section] [data-two]{display:block!important}} /* Language selectors use their own painted face; group stays unboxed. */ @media screen{ #sh .paint-language{border:0!important;border-radius:0!important;overflow:visible!important;gap:4px;padding:0 3px 4px} #sh .paint-language-button{ background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%2068%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22face%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23e9eef2%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23e9eef2%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23e9eef2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e9eef2%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22wash%22%20x%3D%22-5%25%22%20y%3D%22-12%25%22%20width%3D%22110%25%22%20height%3D%22124%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.065%22%20numOctaves%3D%223%22%20seed%3D%2212%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%221.8%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeColorMatrix%20in%3D%22noise%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%20.13%200%200%200%200%20.23%200%200%200%200%20.26%200%200%200%20.24%200%22%20result%3D%22pigment%22%2F%3E%3CfeComposite%20in%3D%22pigment%22%20in2%3D%22edge%22%20operator%3D%22in%22%20result%3D%22grain%22%2F%3E%3CfeBlend%20in%3D%22edge%22%20in2%3D%22grain%22%20mode%3D%22multiply%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23wash)%22%3E%3Cpath%20d%3D%22M5%209L312%207L318%2014L317%2063L12%2065L5%2057Z%22%20fill%3D%22%239FBED5%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M6%207L309%205L317%2012L12%2015Z%22%20fill%3D%22%23f3f3f4%22%2F%3E%3Cpath%20d%3D%22M309%205L317%2012L316%2061L309%2055Z%22%20fill%3D%22%239FBED5%22%2F%3E%3Cpath%20d%3D%22M6%207Q85%205%20155%207T309%205L309%2055Q241%2058%20161%2056T7%2058Z%22%20fill%3D%22url(%23face)%22%2F%3E%3Cpath%20d%3D%22M11%2012Q80%208%20159%2011T304%2010%22%20fill%3D%22none%22%20stroke%3D%22%23aec3c8%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M10%2017Q73%2014%20126%2018T225%2016T304%2018%22%20fill%3D%22none%22%20stroke%3D%22%23b8cbd0%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%227%22%2F%3E%3Cpath%20d%3D%22M8%2052Q95%2056%20162%2053T305%2052%22%20fill%3D%22none%22%20stroke%3D%22%239FBED5%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M13%2020L14%2048M301%2018L300%2047%22%20stroke%3D%22%23aac1c6%22%20stroke-opacity%3D%22.21%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat!important;color:#1E2A45!important;border:0!important;border-radius:0!important; min-width:48px!important;min-height:48px!important;padding:10px 13px 14px!important; filter:drop-shadow(1px 3px 1px rgba(30,42,69,.18));line-height:1.2!important; } #sh .paint-language-button[aria-pressed="true"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%2068%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22face%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%234a6275%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23354a68%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%231e2a45%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23345c69%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22wash%22%20x%3D%22-5%25%22%20y%3D%22-12%25%22%20width%3D%22110%25%22%20height%3D%22124%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.065%22%20numOctaves%3D%223%22%20seed%3D%2212%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%221.8%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeColorMatrix%20in%3D%22noise%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%20.13%200%200%200%200%20.23%200%200%200%200%20.26%200%200%200%20.24%200%22%20result%3D%22pigment%22%2F%3E%3CfeComposite%20in%3D%22pigment%22%20in2%3D%22edge%22%20operator%3D%22in%22%20result%3D%22grain%22%2F%3E%3CfeBlend%20in%3D%22edge%22%20in2%3D%22grain%22%20mode%3D%22multiply%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23wash)%22%3E%3Cpath%20d%3D%22M5%209L312%207L318%2014L317%2063L12%2065L5%2057Z%22%20fill%3D%22%23153f4d%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M6%207L309%205L317%2012L12%2015Z%22%20fill%3D%22%2379959c%22%2F%3E%3Cpath%20d%3D%22M309%205L317%2012L316%2061L309%2055Z%22%20fill%3D%22%23204753%22%2F%3E%3Cpath%20d%3D%22M6%207Q85%205%20155%207T309%205L309%2055Q241%2058%20161%2056T7%2058Z%22%20fill%3D%22url(%23face)%22%2F%3E%3Cpath%20d%3D%22M11%2012Q80%208%20159%2011T304%2010%22%20fill%3D%22none%22%20stroke%3D%22%23aec3c8%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M10%2017Q73%2014%20126%2018T225%2016T304%2018%22%20fill%3D%22none%22%20stroke%3D%22%23b8cbd0%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%227%22%2F%3E%3Cpath%20d%3D%22M8%2052Q95%2056%20162%2053T305%2052%22%20fill%3D%22none%22%20stroke%3D%22%23123541%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M13%2020L14%2048M301%2018L300%2047%22%20stroke%3D%22%23aac1c6%22%20stroke-opacity%3D%22.21%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;color:#F8FAFC!important} #sh .paint-language-button:focus-visible{outline:2px solid #4A6275;outline-offset:4px} #sh .paint-language-button:active{transform:translateY(2px)} } /* Clear section canvases and consistent numerals. */ @media screen{ #s9 section:is(#approach9,#tr-approach9,#method9,#tr-method9){background:transparent!important;background-image:none!important} #s9 .wf-stage .wf-number{ font-family:var(--stratri-font-body)!important;font-size:16px!important;font-weight:500!important;line-height:1.4!important; font-variant-numeric:tabular-nums;letter-spacing:.02em;border:0!important;border-radius:0!important;width:auto!important;height:auto!important; } #s9 :is(#method9,#tr-method9) [data-field] span>span:first-child, #s9 :is(#method9,#tr-method9) [data-stagelist] li>span:first-of-type{ font-family:var(--stratri-font-body)!important;font-variant-numeric:tabular-nums;font-weight:500!important; } } /* Colour lives in stronger accents, without pale section washes. */ @media screen{ #s9 section[data-screen-label]{background:var(--paper)!important;background-image:none!important} #s9 section:is(#approach9,#tr-approach9,#method9,#tr-method9){background:transparent!important} #s9 :is(#contact9,#tr-contact9)>div,#s9 :is(#assess9,#tr-assess9)>div{ background:transparent!important;background-image:none!important; } #s9 :is(#advisory9,#tr-advisory9)>div>div>h2{color:#13566C!important} #s9 :is(#approach9,#tr-approach9) h2{color:#347161!important} #s9 :is(#method9,#tr-method9) h2{color:#684C95!important} #s9 :is(#train9,#tr-train9)>h2{color:#347161!important} #s9 :is(#assess9,#tr-assess9) h2{color:#13566C!important} #s9 :is(#contact9,#tr-contact9) h2{color:#684C95!important} #s9 [data-practices]>.paint-card:nth-child(1),#s9 .wf-stage--governance.paint-card{ --paint-color:#D5DFD1;border-color:#779582!important; background-color:var(--paper)!important;box-shadow:3px 4px 0 #B6C7B8,6px 8px 0 #779582,8px 12px 14px rgba(30,42,69,.07)!important; } #s9 [data-practices]>.paint-card:nth-child(2),#s9 .wf-stage--ai.paint-card{ --paint-color:#D5E5ED;border-color:#6E8FA3!important; background-color:var(--paper)!important;box-shadow:3px 4px 0 #9FBED5,6px 8px 0 #6E8FA3,8px 12px 14px rgba(30,42,69,.07)!important; } #s9 [data-practices]>.paint-card:nth-child(3),#s9 .wf-stage--adoption.paint-card{ --paint-color:#DED7E8;border-color:#8B7A9F!important; background-color:var(--paper)!important;box-shadow:3px 4px 0 #C3B8D2,6px 8px 0 #8B7A9F,8px 12px 14px rgba(30,42,69,.07)!important; } #s9 .wf-stage--ai h4{color:#13566C!important} #s9 .wf-stage--governance h4{color:#347161!important} #s9 .wf-stage--adoption h4{color:#684C95!important} #s9 .wf-outcome.paint-card{background-color:var(--paper)!important;border-color:#6E8FA3!important} #s9 [data-numbers-section] [data-washbox].paint-card{background-color:var(--paper)!important;border-color:#6E8FA3!important} #s9 [data-figs]>:nth-child(2) dt{color:#347161!important} #s9 [data-figs]>:nth-child(3) dt{color:#684C95!important} #s9 .eyebrow{color:#13566C!important} } /* Strong contact contrast; no pale colour washes. */ @media screen{ #s9 section[data-screen-label]{background-color:#F8FAFC!important;background-image:none!important} #s9 :is(#contact9,#tr-contact9)>div{ background:linear-gradient(120deg,#13566C 0%,#184A5A 44%,#1E2A45 100%)!important; color:#F8FAFC!important;padding:clamp(28px,4vw,48px)!important;border-radius:6px!important; } #s9 :is(#contact9,#tr-contact9)>div :is(h2,h3,p,label,li,ol,span){color:#F8FAFC!important} #s9 :is(#contact9,#tr-contact9) h2{color:#F8FAFC!important} #s9 :is(#contact9,#tr-contact9) [data-two]>div:last-child{ background:rgba(0,0,0,.12)!important;background-image:none!important;border-color:rgba(213,229,237,.4)!important; } #s9 :is(#contact9,#tr-contact9) :is(input,textarea,select){ background:#F8FAFC!important;color:#1E2A45!important;border-color:#9FBED5!important; } #s9 :is(#contact9,#tr-contact9) a{color:#F8FAFC!important;text-decoration-color:#9FBED5!important} #s9 :is(#contact9,#tr-contact9) :is(button[type="submit"],a.primary-action){ background:#D5E5ED!important;background-image:none!important;color:#1E2A45!important; border:1px solid #F8FAFC!important;border-right:4px solid #7EA7BA!important;border-bottom:5px solid #7EA7BA!important; box-shadow:2px 3px 0 rgba(0,0,0,.18)!important;filter:none!important; } #s9 :is(#contact9,#tr-contact9) :focus-visible{outline-color:#D5E5ED!important;outline-offset:4px} #s9 :is(#assess9,#tr-assess9)>div{background:transparent!important;background-image:none!important} } /* Cool neutral canvas: remove the warm export paper behind every page. */ :root{--paper:#F8FAFC} html,body{background:#F8FAFC!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sf){background-color:#F8FAFC!important} #sh header,#sf footer{background-color:#F8FAFC!important} /* Navigation back links and illustration surfaces stay unboxed. */ @media screen{ #sh .plain-back{ background:none!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important; filter:none!important;transform:none!important;translate:none!important;padding:0!important;color:#2A344D!important; } :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#assessment) :is([data-heroart],[data-portrait],[data-ftrace],.wf-outcome-icon){ background:none!important;background-image:none!important;border:0!important;box-shadow:none!important; } img:is([src^="assets/illustrations/"],[src^="assets/ink-"],[src^="assets/marks/"],[src^="assets/icons/"]){ background:transparent!important;border:0!important;box-shadow:none!important; } img[src^="assets/illustrations/"]{mix-blend-mode:multiply} } /* Shared card rhythm and numbering across content pages. */ :root{--card-padding:28px;--card-gap:24px;--card-title-gap:12px} @media screen{ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) .paint-card.paint-card{ padding:var(--card-padding)!important;min-width:0;box-sizing:border-box; } :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) .paint-card.paint-card> :is(h2,h3,h4){ margin-top:0!important;margin-bottom:var(--card-title-gap)!important; } :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) .paint-card.paint-card>p{margin-top:0!important;margin-bottom:16px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) .paint-card.paint-card>p:last-child{margin-bottom:0!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is([data-practices],.programme-mini-grid,.training-intro-grid){gap:var(--card-gap)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,[data-rwc]) .section-number{ font-family:var(--stratri-font-body)!important;font-size:16px!important;font-style:normal!important;font-weight:500!important; line-height:1.4!important;letter-spacing:.02em!important;font-variant-numeric:tabular-nums; background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important; } } @media screen and (max-width:680px){:root{--card-padding:22px;--card-gap:20px}} /* Final audited cross-page rules. Preserve authored diagrams and artwork. */ @media screen{ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment) :is(section,main){background-color:#F8FAFC!important} #s9 section:is(#approach9,#tr-approach9,#method9,#tr-method9){background:transparent!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,[data-rwc]) :is(.mono,.section-number,.wf-number){font-family:var(--stratri-font-body)!important;font-style:normal!important;font-variant-numeric:tabular-nums} :is(#sv,#gv,#pc,#aw,#ab,#cn,#stratri-insights,#assessment) .paint-card.paint-card{padding:var(--card-padding)!important;background-color:var(--paper)!important;background-image:none!important} :is(#sv,#gv,#pc,#aw) .paint-card.paint-card :is(h2,h3,h4){font-family:var(--stratri-font-body)!important;font-size:22px!important;line-height:1.4!important} :is(#sv,#gv,#pc,#aw) [data-practices]{gap:24px!important} #sv [data-practices]>.paint-card:nth-child(1){border-color:#779582!important;box-shadow:3px 4px 0 #B6C7B8,6px 8px 0 #779582!important} #sv [data-practices]>.paint-card:nth-child(2){border-color:#6E8FA3!important;box-shadow:3px 4px 0 #9FBED5,6px 8px 0 #6E8FA3!important} #sv [data-practices]>.paint-card:nth-child(3){border-color:#8B7A9F!important;box-shadow:3px 4px 0 #C3B8D2,6px 8px 0 #8B7A9F!important} #pc .paint-card.paint-card{border-color:#779582!important;box-shadow:3px 4px 0 #B6C7B8,6px 8px 0 #779582!important} #aw #tailored.paint-card{background-color:#1E2A45!important;color:#F8FAFC!important} #aw #tailored :is(h2,h3,p,a){color:#F8FAFC!important} #aw [data-phead]{font-family:var(--stratri-font-body)!important;line-height:1.5!important} #aw [data-detail].paint-card{gap:24px!important} #ab h1{font-size:clamp(40px,5vw,64px)!important} #ab section:first-of-type p{font-family:var(--stratri-font-body)!important;line-height:1.65!important;max-width:65ch;margin-inline:auto} #ab [data-portrait]{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important} #assessment .hero{gap:24px 40px!important;margin-bottom:28px!important} #assessment .hero h1{font-size:clamp(34px,3.6vw,48px)!important;line-height:1.2!important} #assessment :is(.context-grid,.choice){gap:12px} #assessment .choice{padding:14px 18px!important;border-radius:4px 6px 3px 5px!important;border:1px solid #9FBED5!important;box-shadow:2px 3px 0 #D5E5ED!important;background:var(--paper)!important} #assessment .choice:has(input:checked){border-color:#13566C!important;background:#D5E5ED!important} #assessment .report-panel.paint-card{background:#184A5A!important;color:#F8FAFC!important} #stratri-insights .paint-resource{border:1px solid #9FBED5!important;border-radius:4px 7px 3px 6px!important;box-shadow:3px 4px 0 #D5E5ED,5px 7px 0 #9FBED5!important;background:#F8FAFC!important} #stratri-insights .paint-resource>div:last-child{padding:var(--card-padding)!important} #stratri-insights .paint-resource h3{font-family:var(--stratri-font-body)!important;font-size:21px!important;line-height:1.4!important} #stratri-insights .filter-btn[aria-pressed=true]{background-color:#13566C!important;color:#F8FAFC!important} #stratri-insights .filter-btn[aria-pressed=false]{background-color:#F8FAFC!important;color:#1E2A45!important} #stratri-insights #ins-grid{gap:24px!important} .plain-phase-control{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important} #s9 :is(#contact9,#tr-contact9)>div{background:linear-gradient(120deg,#13566C,#1E2A45)!important} #s9 :is(#contact9,#tr-contact9) :is(label,input,textarea){line-height:1.5!important} } @media screen and (max-width:999px){#sv [data-practices]{grid-template-columns:1fr!important}#s9 [data-numbers-section] [data-two]{grid-template-columns:1fr!important}} @media screen and (max-width:680px){#assessment .hero h1{font-size:34px!important}#assessment .hero img{max-width:240px!important}#aw [data-detail].paint-card{grid-template-columns:1fr!important}#stratri-insights .paint-resource>div:last-child{padding:22px!important}} @media print{.paint-resource{box-shadow:none!important}#assessment .report-panel.paint-card{background:white!important;color:#1E2A45!important}} @media screen{#ab aside[data-panel]{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important}#ab aside[data-panel] :is(p,dt,dd){color:#2A344D!important}} /* Headings use the original ink colour; colour accents belong to card surfaces. */ @media screen{ :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,[data-rwc]) :is(h1,h2,h3,h4,h5,h6){color:#1E2A45!important} #s9 :is(#advisory9,#tr-advisory9)>div>div>h2, #s9 :is(#approach9,#tr-approach9,#method9,#tr-method9,#train9,#tr-train9,#assess9,#tr-assess9) h2, #s9 .wf-stage :is(h3,h4), #s9 .techletter-strip h2{color:#1E2A45!important} #s9 :is(#contact9,#tr-contact9)>div :is(h2,h3,h4), #aw #tailored :is(h2,h3,h4), #assessment .report-panel.paint-card :is(h2,h3,h4){color:#F8FAFC!important} } /* One visual identity for every public STRATRI page. */ :root{--paper:#F8FAFC;--ink:#1E2A45;--teal:#184A5A;--stratri-font-body:Inter,system-ui,sans-serif;--card-padding:28px;--card-gap:24px} @media screen{ html,body{background:var(--paper)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub){color:var(--ink);font-family:var(--stratri-font-body)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) :is(main,section){background:transparent!important;background-image:none!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) :is(h1,h2,h3,h4,h5,h6), :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) :is(h1,h2,h3,h4,h5,h6) :is(span,a,em,strong){color:var(--ink)!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) h1{font-size:clamp(36px,4.1vw,56px)!important;line-height:1.17!important;letter-spacing:-.025em!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) h2{font-size:clamp(27px,2.6vw,36px)!important;line-height:1.23!important;letter-spacing:-.015em!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) :is(p,li){font-size:17px!important;line-height:1.65} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) :is(.eyebrow,.rw-eyebrow,.section-number,[data-phead]){font-family:var(--stratri-font-body)!important;font-variant-numeric:tabular-nums;font-style:normal!important;font-size:15px!important;letter-spacing:.035em} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) section[data-screen-label]{padding-block:40px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) :is(.paint-card,.paint-resource){ --paint-color:#D5E5ED;--edge-color:#6E8FA3; padding:var(--card-padding)!important;background-color:var(--paper)!important; background-image:linear-gradient(175deg,rgba(213,229,237,.16),transparent 28%)!important; border:1px solid var(--edge-color)!important;border-radius:5px 10px 6px 8px!important; box-shadow:2px 3px 0 var(--paint-color),5px 6px 0 var(--edge-color)!important; min-width:0;position:relative;isolation:isolate;box-sizing:border-box; } :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) :is(.paint-card,.paint-resource)::before{ content:"";position:absolute;inset:5px 7px 6px 5px;pointer-events:none;z-index:-1;border:1px solid var(--edge-color);opacity:.22;border-radius:8px 4px 9px 3px; } :is(#s9,#sv) [data-practices]>.paint-card:nth-child(1),#sv.rw-page .rw-card:nth-child(2n){--paint-color:#C7D3C3;--edge-color:#779582} :is(#s9,#sv) [data-practices]>.paint-card:nth-child(2){--paint-color:#D5E5ED;--edge-color:#6E8FA3} :is(#s9,#sv) [data-practices]>.paint-card:nth-child(3),#sv.rw-page .rw-card:nth-child(3){--paint-color:#D8D2E2;--edge-color:#8B7A9F} :is(#s9,#sv) [data-practices]>.paint-card{box-shadow:2px 3px 0 var(--paint-color),5px 6px 0 var(--edge-color)!important} :is(#s9,#sv) [data-practices]>.paint-card :is(h2,h3){font-size:22px!important;line-height:1.35!important} :is(#s9,#sv) [data-practices]>.paint-card p{font-size:16px!important} #s9 :is(#hero9,#tr-hero9){min-height:440px!important;background:transparent!important;padding-block:44px!important} #s9 [data-herotext]{max-width:min(53%,610px)!important} #s9 [data-herotext] h1{font-size:clamp(38px,3.7vw,52px)!important;max-width:22ch!important} #s9 [data-herotext]>p:first-child{font-size:14px!important;color:#4A6275!important;letter-spacing:0!important} #s9 [data-screen-label="01b Clients"]{padding-block:16px!important} #s9 [data-practices]{gap:24px!important} #s9 :is(#assess9,#tr-assess9)>div{padding:0!important;box-shadow:none!important;border:0!important;background:none!important} #s9 :is(#assess9,#tr-assess9) [role=group] button{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important} #s9 :is(#method9,#tr-method9){background:none!important;border-block:1px solid #C7D3DF!important} #s9 [data-field], [data-rwc] [data-field]{background:none!important;border:0!important;box-shadow:none!important} #s9 :is(#train9,#tr-train9){padding-inline:var(--pad)!important;border-bottom:1px solid #C7D3DF!important} #s9 .home-training p{max-width:70ch;margin-bottom:24px} #s9 [data-numbers-section] [data-washbox]{border:0!important;background:none!important;box-shadow:none!important;padding:0!important} #s9 [data-numbers-section] [data-two]{align-items:start!important;gap:48px!important} #s9 [data-numbers-section] dl>div{border:1px solid #9FB7C8!important;border-radius:5px 9px 6px 8px!important;box-shadow:2px 3px 0 #D5E5ED!important;background:transparent!important} #s9 [data-numbers-section] dl dt{font-size:15px!important} #s9 .techletter-strip{padding-block:24px!important} #s9 .techletter-strip>div{background:#EFEDF3!important;background-image:linear-gradient(145deg,#EFEDF3,#E5E1EC)!important;border:1px solid #ADA1BC!important;box-shadow:2px 3px 0 #DDD7E6!important;border-radius:5px 10px 6px 8px!important;padding:24px 28px!important} #s9 .techletter-strip h2{font-size:28px!important} #s9 .techletter-strip p{font-size:16px!important} #s9 .home-contact>.paint-card,#sv.rw-page .rw-cta,#aw #tailored,#assessment .report-panel.paint-card{background:#1E2A45!important;background-image:linear-gradient(120deg,#184A5A,#1E2A45)!important;color:#F8FAFC!important;border-color:#4A6275!important;box-shadow:2px 3px 0 #4A6275!important} #s9 .home-contact>.paint-card :is(h2,h3,p),#sv.rw-page .rw-cta :is(h2,h3,p),#aw #tailored :is(h2,h3,p),#assessment .report-panel.paint-card :is(h2,h3,p,label){color:#F8FAFC!important} #s9 .home-contact>.paint-card :is(h2,h3) *,#sv.rw-page .rw-cta h2 *,#aw #tailored h2 *,#assessment .report-panel.paint-card h2 *{color:inherit!important} #s9 .home-contact>.paint-card{padding:32px 36px!important} #s9 .home-contact p{max-width:65ch} #s9 .home-contact .contact-note{font-size:14px!important;margin:20px 0 0!important} #s9 .home-contact .primary-action,#sv.rw-page .rw-cta .primary-action{color:#1E2A45!important;background-color:#D5E5ED!important} #sh header,#sf footer{background:#F8FAFC!important} #sh :is(.plain-back,.plain-nav){background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;filter:none!important} #stratri-insights .paint-resource{padding:0!important;overflow:hidden} #stratri-insights .paint-resource>div:last-child{padding:var(--card-padding)!important} #stratri-insights :is(#linkedin,#ins-linkedin,[data-linkedin]){margin-bottom:0!important;padding-bottom:20px!important} #sf footer{margin-top:0!important;padding-block:28px!important} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#sh) :focus-visible{outline:3px solid #184A5A!important;outline-offset:5px!important} .standards-map{margin-top:24px;border-block:1px solid #B8C7D3;padding:18px 0;max-width:100%} .standards-map summary{cursor:pointer;font-weight:500;min-height:44px;display:flex;align-items:center} .standards-map .table-wrap{overflow:auto;margin-top:16px} .standards-map table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.55} .standards-map th,.standards-map td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid #CAD5DF} .standards-map th{font-weight:600;background:#EAF0F4} .assessment-takeaways{padding-block:20px;margin-block:20px;border-block:1px solid #B8C7D3} .assessment-takeaways li{margin-bottom:12px} } @media screen and (max-width:900px){ #s9 [data-herotext]{max-width:100%!important} #s9 [data-heroart]{position:relative!important;top:auto!important;right:auto!important;transform:none!important;width:100%!important;height:auto!important;aspect-ratio:1116/768;max-width:420px!important;order:2;margin:24px auto 0;mask-image:none!important;-webkit-mask-image:none!important} #s9 :is(#hero9,#tr-hero9){min-height:0!important} #s9 [data-practices],#sv [data-practices]{grid-template-columns:1fr!important} #s9 [data-numbers-section] [data-two]{grid-template-columns:1fr!important;gap:28px!important} } @media screen and (max-width:680px){ :root{--card-padding:22px;--card-gap:20px} :is(#s9,#ab,#sv,#gv,#pc,#aw,#cn,#stratri-insights,#assessment,#assessment-hub) section[data-screen-label]{padding-block:28px!important} #s9 [data-herotext] h1{font-size:36px!important} #s9 .home-contact>.paint-card{padding:24px!important} #s9 .techletter-strip>div{padding:22px!important;flex-wrap:wrap;gap:18px!important} .standards-map th,.standards-map td{padding:10px;min-width:160px} } @media screen{#s9 [data-field]>svg>path[fill], [data-rwc] [data-field]>svg>path[fill]{fill:transparent!important}.context-options{border-top:1px solid #B8C7D3;padding-top:16px;margin-top:20px}.context-options>summary{font:500 20px Inter,system-ui,sans-serif;cursor:pointer;min-height:44px}} @media screen{#assessment-hub .paint-card h2{font-size:22px!important}.home-contact .primary-action:focus-visible{outline-color:#D5E5ED!important}} /* Restore substantial home sections; keep duplicated process detail on GRC only. */ @media screen{ #s9 :is(#train9,#tr-train9){padding-block:40px!important} #s9 .programme-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:28px} #s9 .programme-mini{display:flex;gap:16px;align-items:flex-start;min-height:0} #s9 .programme-mini h3{font-size:21px!important;line-height:1.35!important} #s9 .programme-mini p{font-size:16px!important} #s9 :is(#contact9,#tr-contact9)>div{padding:36px!important;background:linear-gradient(120deg,#184A5A,#1E2A45)!important} #s9 :is(#contact9,#tr-contact9)>div>div>div:first-child :is(h2,h3,p,li,span,a){color:#F8FAFC!important} #s9 :is(#contact9,#tr-contact9) form :is(label,p,span){color:#1E2A45!important} #s9 :is(#contact9,#tr-contact9)>div>div>div:nth-child(2) :is(h3,h4,p){color:#1E2A45!important} #sf .footer-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:48px;align-items:start} #sf [data-footnav]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;width:100%;min-width:0} #sf [data-footnav]>div{min-width:0;gap:4px} #sf [data-footnav] p{font-size:14px!important;font-weight:600;margin-bottom:8px!important;color:#1E2A45!important} #sf [data-footnav] a{font-size:14px!important;line-height:1.5;min-height:32px!important;overflow-wrap:break-word;background:none!important;background-image:none!important;box-shadow:none!important;border:0!important} #sf .footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #CBD5DF;margin-top:24px;padding-top:16px;font-size:13px;color:#4A6275} #sf .footer-bottom a{color:#4A6275;text-underline-offset:3px} #sv.rw-page .enterprise-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;margin:28px 0;list-style:none} #sv.rw-page .enterprise-stage{display:flex;flex-direction:column;gap:12px} #sv.rw-page .enterprise-stage .phase-label{font-size:15px!important;margin:0} #sv.rw-page .enterprise-stage h3{font-size:22px!important;margin:0} #sv.rw-page .phase-output{margin-top:auto;border-top:1px solid #CBD5DF;padding-top:16px} #sv.rw-page .phase-output p{margin:8px 0 0} } @media screen and (max-width:900px){ #sf .footer-layout{grid-template-columns:1fr;gap:28px} #s9 .programme-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media screen and (max-width:680px){ #sf [data-footnav]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important} #s9 .programme-mini-grid,#sv.rw-page .enterprise-stages{grid-template-columns:1fr} #s9 :is(#contact9,#tr-contact9)>div{padding:24px!important} } /* Compact, dismissible TechLetter invitation; no modal or scroll lock. */ #s9 .techletter-popup{position:fixed;right:24px;bottom:24px;z-index:1000;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:24px;background:#EFEDF3!important;background-image:linear-gradient(145deg,#EFEDF3,#E5E1EC)!important;border:1px solid #ADA1BC;border-radius:5px 10px 6px 8px;box-shadow:3px 4px 0 #DDD7E6,0 12px 30px rgba(30,42,69,.12);color:#1E2A45} #s9 .techletter-popup .techletter-popup-brand{font-size:12px!important;font-weight:600;letter-spacing:.12em;margin:0 36px 12px 0} #s9 .techletter-popup h2{font-size:24px!important;line-height:1.25!important;margin:0 24px 12px 0} #s9 .techletter-popup p{font-size:15px!important;line-height:1.6!important;margin:0 0 18px} #s9 .techletter-popup .techletter-popup-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0!important;background:none!important;background-image:none!important;box-shadow:none!important;color:#1E2A45!important;font-size:26px;cursor:pointer} #s9 .techletter-popup-subscribe{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;text-decoration:none;font-size:15px!important} @media(max-width:680px){#s9 .techletter-popup{right:16px;bottom:16px;padding:22px;width:min(360px,calc(100vw - 32px))}} @media print{#s9 .techletter-popup{display:none!important}} /* Only the labels and descriptive text change colour on the existing dark form. */ @media screen{ #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel :is(p,h2,h3,h4,label,legend,span){color:#F8FAFC!important} } /* Training overview cards fit their brief descriptions. */ @media screen{ #s9 :is(#train9,#tr-train9) .programme-mini-grid{align-items:start!important;gap:18px!important;margin-block:20px!important} #s9 :is(#train9,#tr-train9) .programme-mini.paint-card{min-height:0!important;height:auto!important;padding:18px 20px!important;gap:14px!important;align-items:flex-start!important} #s9 :is(#train9,#tr-train9) .programme-mini>img{width:32px!important;height:32px!important;flex-shrink:0} #s9 :is(#train9,#tr-train9) .programme-mini>div{min-width:0} #s9 :is(#train9,#tr-train9) .programme-mini h3{margin:0 0 6px!important;font-size:20px!important;line-height:1.35!important} #s9 :is(#train9,#tr-train9) .programme-mini p{margin:0!important;font-size:15px!important;line-height:1.5!important} } @media screen{ #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel button[type="submit"], #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel button[type="submit"] span{color:#1E2A45!important} #s9 :is(#train9,#tr-train9) .programme-mini.paint-card.paint-card{padding:14px 16px!important;min-height:0!important;height:fit-content!important;gap:12px!important;align-self:start!important} #s9 :is(#train9,#tr-train9) .programme-mini-grid{grid-auto-rows:min-content!important;align-items:start!important;gap:14px!important} #s9 :is(#train9,#tr-train9) .programme-mini h3{font-size:18px!important;margin:0 0 4px!important} #s9 :is(#train9,#tr-train9) .programme-mini p{font-size:15px!important;margin:0!important} } /* Training card edges follow the same restrained palette as service cards. */ @media screen{ #s9 :is(#train9,#tr-train9) .programme-mini.paint-card:nth-child(3n+1){--paint-color:#C7D3C3;--edge-color:#779582} #s9 :is(#train9,#tr-train9) .programme-mini.paint-card:nth-child(3n+2){--paint-color:#D5E5ED;--edge-color:#6E8FA3} #s9 :is(#train9,#tr-train9) .programme-mini.paint-card:nth-child(3n){--paint-color:#D8D2E2;--edge-color:#8B7A9F} #s9 :is(#train9,#tr-train9) .programme-mini.paint-card, #s9 :is(#train9,#tr-train9) .programme-mini.paint-card:hover{ border-color:var(--edge-color)!important;box-shadow:2px 3px 0 var(--paint-color),5px 6px 0 var(--edge-color)!important; } } /* Give RAILWAY labels room beside the introduction; restore its sage wash. */ @media screen and (min-width:1100px){ #s9 :is(#method9,#tr-method9) [data-instr]{grid-template-columns:minmax(0,360px) minmax(0,1fr)!important;column-gap:clamp(80px,7vw,112px)!important} #s9 :is(#method9,#tr-method9) [data-field]{justify-self:end} } @media screen{ #s9 :is(#method9,#tr-method9) [data-field]>svg>path[fill="#C7D3C3"]{fill:#C7D3C3!important} .training-assessment-links>a.paint-control:nth-child(odd){--paint-color:#D8D2E2;--edge-color:#8B7A9F} .training-assessment-links>a.paint-control:nth-child(even){--paint-color:#C7D3C3;--edge-color:#779582} .training-assessment-links>a.paint-control, .training-assessment-links>a.paint-control:hover{border-color:var(--edge-color)!important;box-shadow:2px 3px 0 var(--paint-color),5px 6px 0 var(--edge-color)!important} } /* 2026-10-15: consistent containers, disclosure controls and contrast. */ *,*::before,*::after{box-sizing:border-box} #sh [data-navlinks]{gap:20px!important} #sh [data-navlinks]>.primary-action.paint-control{width:max-content!important;flex:0 0 auto!important;min-height:44px!important;height:44px!important;padding:10px 18px!important;font-size:16px!important;line-height:1.3!important;white-space:nowrap} @media(max-width:1279px){#sh [data-navlinks]{display:none!important}#sh [data-burger]{display:flex!important}} @media screen{ #assessment-hub{--g:clamp(20px,4vw,48px);--pad:max(var(--g),calc((100% - 1160px)/2))} #assessment main{max-width:none!important;width:100%;margin:0!important;padding:40px max(clamp(20px,4vw,48px),calc((100% - 1160px)/2))!important} #sv.rw-page{--g:clamp(20px,4vw,48px);--pad:max(var(--g),calc((100% - 1160px)/2))} #sv.rw-page main{max-width:none!important;width:100%;margin:0;padding:0 var(--pad)!important} #sv.rw-page h1{font-size:clamp(36px,4.1vw,56px)!important;line-height:1.17!important} #sv.rw-page .rw-grid{gap:24px!important} #sv.rw-page .rw-card{min-width:0;height:auto;min-height:0;padding:24px!important} #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel{background:#F8FAFC!important;background-image:none!important} #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel :is(p,h2,h3,h4,label,legend,span){color:#1E2A45!important} #s9 :is(#contact9,#tr-contact9) .contact-form-panel.contact-form-panel button[type=submit]{background:#D5E5ED!important;background-image:none!important;border:1px solid #6E8FA3!important;box-shadow:2px 3px 0 #9FB7C8!important;color:#1E2A45!important} #s9 :is(#contact9,#tr-contact9) .contact-form-panel input,#s9 :is(#contact9,#tr-contact9) .contact-form-panel textarea{color:#1E2A45!important} #sv.rw-page .rw-cta .primary-action{background:#D5E5ED!important;background-image:none!important;color:#1E2A45!important} #aw .training-programme{--edge-color:#779582;--paint-color:#C7D3C3;border:1px solid var(--edge-color)!important;box-shadow:2px 3px 0 var(--paint-color),5px 6px 0 var(--edge-color)!important;overflow:visible!important;border-radius:5px!important} #aw .training-programme:nth-child(3n+2){--edge-color:#6E8FA3;--paint-color:#D5E5ED} #aw .training-programme:nth-child(3n){--edge-color:#8B7A9F;--paint-color:#D8D2E2} #aw .plain-programme-control{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important;color:#1E2A45!important;white-space:normal} #aw .programme-practice{background:none!important;border:0!important;box-shadow:none!important;padding:20px 0 0!important;border-top:1px solid #CBD5DF!important} #aw [data-prow]>span{min-width:0;overflow-wrap:break-word} #aw #tailored :is(p,h2,h3,li,span){color:#F8FAFC!important} #aw #tailored a.paint-control{color:#1E2A45!important;background:#D5E5ED!important;background-image:none!important} #sv [data-practices]>.paint-card:nth-child(3n+1),#assessment-hub .hub-grid>.paint-card:nth-child(3n+1),#pc:not(.grc-page) [data-two]>.paint-card:nth-child(3n+1),#sv.rw-page .rw-card:nth-child(3n+1){--paint-color:#C7D3C3;--edge-color:#779582} #sv [data-practices]>.paint-card:nth-child(3n+2),#assessment-hub .hub-grid>.paint-card:nth-child(3n+2),#pc:not(.grc-page) [data-two]>.paint-card:nth-child(3n+2),#sv.rw-page .rw-card:nth-child(3n+2){--paint-color:#D5E5ED;--edge-color:#6E8FA3} #sv [data-practices]>.paint-card:nth-child(3n),#assessment-hub .hub-grid>.paint-card:nth-child(3n),#pc:not(.grc-page) [data-two]>.paint-card:nth-child(3n),#sv.rw-page .rw-card:nth-child(3n){--paint-color:#D8D2E2;--edge-color:#8B7A9F} #sv [data-practices]>.paint-card.paint-card,#assessment-hub .hub-grid>.paint-card.paint-card,#pc:not(.grc-page) [data-two]>.paint-card.paint-card,#sv.rw-page .rw-card.paint-card{border-color:var(--edge-color)!important;box-shadow:2px 3px 0 var(--paint-color),5px 6px 0 var(--edge-color)!important} [data-rwc] [data-field]>svg>path[fill="#C7D3C3"]{fill:#C7D3C3!important} #sf .footer-layout p,#sf [data-footnav] p{font-size:14px!important;line-height:1.5!important} #sf .footer-bottom{font-size:13px!important} } @media(min-width:1100px){[data-rwc]{grid-template-columns:minmax(0,300px) minmax(0,1fr)!important;column-gap:80px!important;padding-right:80px!important}} @media(min-width:901px) and (max-width:1099px){[data-rwc]{grid-template-columns:1fr!important;padding-right:0!important}[data-rwc] [data-field],[data-rwc] [data-stagedetail]{display:none!important}[data-rwc] [data-stagelist]{display:flex!important}} @media(max-width:680px){ #assessment main{padding-block:28px!important} #sv.rw-page .rw-card{padding:22px!important} #s9 :is(#contact9,#tr-contact9) [data-split]{grid-template-columns:1fr!important} #aw .training-programme [data-prow]{padding:16px!important} } /* Context checkboxes use the same compact sizing as quiz radios. */ #assessment input[type=checkbox],#assessment input[type=radio]{min-height:0!important;width:18px!important;height:18px!important;margin:2px 0 0!important} #assessment .context-options #a-uses .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #assessment .context-options .choice{min-height:48px;padding:10px 12px;align-items:flex-start} @media(max-width:680px){#assessment .context-options #a-uses .choices{grid-template-columns:1fr}} @media(max-width:680px){#s9 :is(#hero9,#tr-hero9) [data-heroart]{width:100%!important;max-width:100%!important;right:auto!important;left:auto!important;margin-right:0!important}} /* Georgia is the display face, including exported inline serif labels. */ :root{--stratri-font-display:Georgia,'Times New Roman',serif} :where([style*="Fraunces"],[font-family*="Fraunces"]){font-family:Georgia,'Times New Roman',serif!important}