/* Fill the viewport using available space; let content grow at narrow widths/zoom. */
body[data-page=journey]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-2);color:var(--ink)}
body[data-page=journey] .topbar{flex:none;position:relative}
body[data-page=journey] .topbar-inner{max-width:none;width:100%;padding-inline:clamp(20px,3vw,70px)}
body[data-page=journey] .page{width:100%;flex:1;display:flex;flex-direction:column}
body[data-page=journey] .journey-page{flex:1;display:flex;flex-direction:column}
body[data-page=journey] .wrap{max-width:none;width:100%;padding-inline:clamp(20px,3vw,70px)}
body[data-page=journey] .hero{padding-block:clamp(26px,5vh,72px);flex:1;display:flex;align-items:center}
body[data-page=journey] .hero .hero-title{font-size:clamp(35px,6.3vw,128px)!important}
body[data-page=journey] .value-proposition{font-size:clamp(21px,3.05vw,64px)}
body[data-page=journey] .value-support{font-size:clamp(16px,2.05vw,42px)}
body[data-page=journey] .journey-start{padding-top:clamp(24px,3.5vh,52px)!important;flex:none}
body[data-page=journey] .runway-wrap{padding-bottom:clamp(18px,3vh,36px);flex:none}
body[data-page=journey] .foot{max-width:none;width:100%;margin:0;padding:18px max(240px,calc(3vw + 205px)) 22px clamp(20px,3vw,70px);min-height:90px;flex:none}
body[data-page=journey] .footer-brand{color:var(--ink-2)}
.footer-brand img{background:transparent!important;border-radius:0;padding:0;mix-blend-mode:multiply}
/* Preserve the approved cover typography; compact desktop spacing, not type size. */
@media(min-width:1151px) and (max-height:820px) and (min-aspect-ratio:4/3){
 body[data-page=journey] .topbar-inner{min-height:64px;padding-block:8px}
 body[data-page=journey] .brand-logo{width:55px;height:40px}
 body[data-page=journey] .hero{padding-block:22px}
 body[data-page=journey] .hero .hero-title{margin-bottom:18px!important}
 body[data-page=journey] .value-proposition{margin-bottom:10px}
 body[data-page=journey] .journey-start{padding-top:20px!important}
 body[data-page=journey] .journey-start h2{font-size:26px;margin-bottom:6px}
 body[data-page=journey] .journey-start p{font-size:14px;margin-bottom:16px}
 body[data-page=journey] .runway .np-home-stop>.chev{min-height:202px;padding-top:18px;gap:7px}
 body[data-page=journey] .chev-n{font-size:44px}
 body[data-page=journey] .chev-l{font-size:clamp(16px,1.4vw,21px)}
 body[data-page=journey] .chev-t{font-size:13px}
 body[data-page=journey] .runway-wrap{padding-bottom:14px}
 body[data-page=journey] .foot{min-height:76px;padding-block:14px}
}
@media(min-width:1800px) and (min-height:900px){
 body[data-page=journey] .runway .np-home-stop>.chev{min-height:clamp(260px,25vh,390px);padding:30px 34px 52px;gap:14px}
 body[data-page=journey] .chev-n{font-size:clamp(58px,5vw,85px)}
 body[data-page=journey] .chev-l{font-size:clamp(23px,1.4vw,34px)}
 body[data-page=journey] .chev-t{font-size:clamp(15px,1vw,21px)}
 body[data-page=journey] .journey-start h2{font-size:clamp(32px,2vw,42px)}
 body[data-page=journey] .journey-start p{font-size:clamp(16px,1vw,21px)}
}
@media(max-width:1150px){body[data-page=journey] .hero{flex:none}.hub-launcher{max-width:calc(100vw - 28px)}}
@media(max-width:700px){body[data-page=journey] .foot{padding:20px 20px 110px;min-height:0}body[data-page=journey] .hero .hero-title{font-size:clamp(31px,7.4vw,48px)!important}body[data-page=journey] .value-proposition{font-size:21px}}
@media print{body[data-page=journey]{display:block;min-height:0}.digital-controls,.digital-modal,.hub-launcher{display:none!important}.digital-details[open] .digital-detail-content{display:block}}
/* Source diagrams are selectable native text; the original artwork remains linked. */
.figmatrix-chart{position:relative;margin-left:28px}
.figmatrix-y-ticks{position:absolute;inset:0 calc(100% + 6px) 0 auto;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:var(--ink);white-space:nowrap}
.figmatrix-x-ticks{display:flex;justify-content:space-between;margin:8px 0 0 28px;font-size:12px;color:var(--ink)}
.figmatrix-cell{white-space:pre-line}
.figmatrix-long .figmatrix-cell{font-size:14px;font-weight:500;line-height:1.6;text-align:left;padding:20px;min-height:0}
.figmatrix-long .figmatrix-y-ticks{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px}
/* Original white type on blue/grey fails small-text contrast; use dark ink. */
.figmatrix-grey,.figmatrix-blue{color:#14201f!important}
.figure-text:has(.figdepartments){overflow-x:auto}
.figdepartments{text-align:left;padding:10px 0;min-width:900px}
.figdepartments-buyer{background:#78206e;color:#fff;border-radius:50%;padding:20px;max-width:240px;margin:0 auto 32px;text-align:center;font-weight:700;position:relative}
.figdepartments-buyer::after{content:"";position:absolute;top:100%;height:32px;width:2px;left:50%;background:var(--ink-2)}
.figdepartments-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border-top:2px solid var(--ink-2);padding-top:18px}
.figdepartments-grid section{position:relative;border:1px dashed var(--accent-cool);border-radius:10px;background:var(--panel);min-width:0}
.figdepartments-grid section::before{content:"";position:absolute;bottom:100%;height:20px;width:2px;left:50%;background:var(--ink-2)}
.figdepartments h3{font-size:13px;background:var(--muted-fill);color:var(--ink);margin:0;padding:12px 8px;border-radius:9px 9px 0 0}
.figdepartments ul{padding:12px 14px 12px 24px;margin:0;font-size:13px;line-height:1.6;overflow-wrap:normal}

@media(max-width:600px){.figmatrix-long .figmatrix-cell{font-size:12px;padding:12px}.figcards{grid-template-columns:1fr!important}.figflow-box{font-size:12px!important}}
/* v5 has a single Adjacency branch, not the earlier A/B split. */
.figure-text:has(.figflow){overflow-x:auto}
.figure-text .figflow{min-width:660px}
.figure-text .figflow-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:8px}
.figure-text .figflow-main,.figure-text .figflow-row-3 .figflow-main,.figure-text .figflow-row-4 .figflow-main{grid-column:3 / span 5;display:flex}
.figure-text .figflow-row-4 .figflow-main::before,.figure-text .figflow-row-4 .figflow-main::after{display:none}
.figure-text .figflow-aside{grid-column:9 / span 4;display:flex;flex-direction:row;align-items:center}
.figure-text .figflow-aside .figflow-lead{flex-direction:row}
.figure-text .figflow-lead-side .figflow-glyph{transform:rotate(-90deg)}
.figure-text .figflow-box{font-size:14px!important}
.figmatrix{grid-template-rows:auto auto auto;gap:8px 10px}
.figmatrix-chart{grid-column:2;grid-row:1}
.figmatrix-x-ticks{grid-column:2;grid-row:2}
.figmatrix-x{grid-column:2;grid-row:3}
.figmatrix-grid{gap:0;height:100%}
.figmatrix:not(.figmatrix-long) .figmatrix-chart{aspect-ratio:1.6}
.figmatrix-y-ticks span:nth-child(6),.figmatrix-x-ticks span:nth-child(6){font-weight:700}
.figmatrix-long .figmatrix-y-ticks{writing-mode:horizontal-tb;transform:none;justify-content:space-around}
.figmatrix-long .figmatrix-y-ticks span{writing-mode:vertical-rl;transform:rotate(180deg)}
.figmatrix-grey{color:#000!important}
/* Dark theme keeps its existing light title inks; deepen only light-surface inks. */
:root{--fc-green-ink:#276B15;--fc-orange-ink:#91390B}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--fc-green-ink:#92DA76;--fc-orange-ink:#F5AC7E}}
:root[data-theme=dark]{--fc-green-ink:#92DA76;--fc-orange-ink:#F5AC7E}
@media(max-width:700px){
 body[data-page=journey] .topbar{position:sticky;top:0;z-index:100}
 .hub-launcher{top:8px;bottom:auto;right:16px;padding:8px 13px}
 .hub-launcher-copy strong{font-size:12px}.hub-launcher-copy small{font-size:9px}
}

/* Light reading surfaces; homepage cover retains the approved deep-green palette. */
:root[data-theme=light]{color-scheme:only light;--ground:#F6F5F2;--line:#DEDFDA;--line-2:#ECEDE8}
body[data-page=journey] .topbar{background:#0B3035}
body[data-page=journey] .hero{background:var(--petrol-900);color:#fff;border-bottom:1px solid var(--petrol-900)}
body[data-page=journey] .hero .hero-title{color:#fff!important}
body[data-page=journey] .value-proposition{color:#fff}
body[data-page=journey] .value-support{color:#c7ddde}
.digital-modal::backdrop{background:rgba(32,48,47,.25)}
/* v5 flow: equal boxes, attached arrows, explicit labels on both routes. */
.figure-text:has(.v5-flow){overflow-x:auto}
.v5-flow{min-width:500px;max-width:960px;width:100%;box-sizing:border-box;margin:0 auto;padding:16px 4px;--flow-gap:44px;--flow-box:80px;--flow-step:40px}
.v5-flow-row{display:grid;grid-template-columns:minmax(0,1.35fr) var(--flow-gap) minmax(0,1fr);align-items:start}
.v5-flow-main{grid-column:1}
.v5-flow-node{box-sizing:border-box;margin:0;min-height:var(--flow-box);height:var(--flow-box);padding:12px 18px;border:2px solid var(--fl-line);border-radius:10px;background:var(--panel);color:var(--ink);font-size:18px;font-weight:700;line-height:1.4;text-align:center;display:flex;align-items:center;justify-content:center}
.v5-flow-node.is-dashed{border-style:dashed}
.v5-flow-down{height:var(--flow-step);position:relative}
.v5-flow-down::before{content:"";position:absolute;top:0;bottom:7px;left:50%;border-left:2px solid var(--ink-3);transform:translateX(-1px)}
.v5-flow-down::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:8px solid var(--ink-3);border-bottom:0}
.v5-flow-down span{position:absolute;left:calc(50% + 12px);top:7px;font-size:17px;font-weight:700;color:var(--ink)}
.v5-flow-aside{grid-column:2 / 4;display:grid;grid-template-columns:var(--flow-gap) minmax(0,1fr);padding-top:var(--flow-step);align-items:center}
.v5-flow-across{height:var(--flow-box);position:relative}
.v5-flow-across::before{content:"";position:absolute;left:0;right:7px;top:50%;border-top:2px solid var(--ink-3);transform:translateY(-1px)}
.v5-flow-across::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left:8px solid var(--ink-3);border-right:0}
.v5-flow-across span{position:absolute;left:50%;top:calc(50% - 28px);transform:translateX(-50%);font-size:17px;font-weight:700;color:var(--ink)}

/* Review revision: diagrams carry readable text at normal browser zoom. */
.figcard-title{font-size:20px}.figcard-lede,.figcard-body{font-size:16px;line-height:1.6}.figcard-foot{font-size:15px;line-height:1.5}
.figdepartments{min-width:1100px}.figdepartments h3{font-size:16px;line-height:1.4;padding:12px}.figdepartments ul{font-size:16px;line-height:1.6;padding:14px 16px 14px 28px}.figdepartments-buyer{font-size:18px}
.figmatrix-axis{font-size:16px}.figmatrix-x-ticks,.figmatrix-y-ticks{font-size:14px}.figmatrix-long .figmatrix-y-ticks{font-size:13px}
.figmatrix-long .figmatrix-cell{font-size:16px;line-height:1.6;padding:20px}
@media(max-width:600px){.figmatrix-long{min-width:640px}.figure-text:has(.figmatrix-long){overflow-x:auto}.figmatrix-long .figmatrix-cell{font-size:16px}.figmatrix-axis{font-size:16px}}

/* Match the three category labels to their card titles; keep conclusions dark. */
.figcard-label{color:var(--fc-ink);font-weight:600}

/* Compact the inline comparisons without changing their words or column order. */
[data-block="1.1-b02"].figure-text{overflow-x:auto}
[data-block="1.1-b02"] .figcards{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:630px;gap:10px}
[data-block="1.1-b02"] .figcard{padding:10px 10px 12px}
[data-block="1.1-b02"] .figcard-head{padding:8px 6px;margin-bottom:10px}
[data-block="1.1-b02"] .figcard-title{font-size:17px;line-height:1.2;margin-bottom:6px}
[data-block="1.1-b02"] .figcard-lede{font-size:14px;line-height:1.4}
[data-block="1.1-b02"] .figcard-body{font-size:14px;line-height:1.45;margin-bottom:14px}
[data-block="1.1-b02"] .figcard-foot{font-size:13px;line-height:1.4}
[data-block="2.2.3-b04"] .figdepartments{min-width:650px;padding:6px 0}
[data-block="2.2.3-b04"] .figdepartments-buyer{width:210px;padding:12px;margin-bottom:24px;font-size:16px;white-space:nowrap}
[data-block="2.2.3-b04"] .figdepartments-buyer::after{height:24px}
[data-block="2.2.3-b04"] .figdepartments-grid{grid-template-columns:1.15fr 1.125fr 1.125fr 1.05fr .8fr;gap:8px;padding-top:14px}
[data-block="2.2.3-b04"] .figdepartments-grid section::before{height:16px}
[data-block="2.2.3-b04"] .figdepartments h3{display:flex;align-items:center;min-height:52px;padding:8px 6px;font-size:13px;line-height:1.35}
[data-block="2.2.3-b04"] .figdepartments ul{padding:10px 6px 10px 20px;font-size:13px;line-height:1.5}

/* Restore the detailed matrix emphasis from the v5 artwork. */
.figmatrix-long .figmatrix-cell{display:block}
.figmatrix-long .figmatrix-cell strong{font-weight:700}

/* Keep score labels and assessment guidance at the prose level; nest each formula. */
p:is([data-block="3.4.4-b02"],[data-block="3.4.4-b04"],[data-block="3.4.4-b06"],[data-block="3.4.4-b07"]){margin-inline-start:0}
p:is([data-block="3.4.4-b03"],[data-block="3.4.4-b05"]){margin-inline-start:24px;text-wrap:balance}
/* A modest reduction applies only to the detailed matrix, retaining its emphasis. */
[data-block="3.4.6-b06"] .figmatrix-cell{font-size:14px}

@container (max-width:700px) {
 .v5-flow-node { font-size:16px; padding:10px; }
}

/* Case Studies is a focused gateway; the worked examples have their own pages. */
.case-index{max-width:1120px;margin:0 auto;padding:clamp(32px,5vw,72px) 24px 80px}
.case-index-intro{max-width:780px;margin-bottom:36px}
.case-index h1{font-size:clamp(32px,3.4vw,48px);line-height:1.2;letter-spacing:-1.2px;margin:0 0 20px;color:var(--petrol-900)}
.case-index-intro p{font-size:17px;line-height:1.8;color:var(--ink-2)}
.case-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.case-entry{display:flex;flex-direction:column;align-items:flex-start;min-height:260px;padding:32px;border:1px solid var(--line);border-top:5px solid var(--accent-cool);border-radius:8px;background:var(--panel);color:var(--ink);text-decoration:none!important}
.case-entry:nth-child(2){border-top-color:var(--accent-warm)}
.case-entry:hover{border-color:var(--accent-cool)}
.case-entry h2{font-size:28px;line-height:1.3;margin:0 0 15px;letter-spacing:-.5px}
.case-entry p{font-size:17px;line-height:1.7;color:var(--ink-2);margin:0 0 32px}
.case-entry-action{margin-top:auto;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:14px;font-weight:700;color:var(--accent-cool)}
.case-reading .case-back{display:inline-block;margin:8px 0 26px;font-size:13px;font-weight:650;color:var(--accent-cool)}
.case-reading>.sec{margin-top:0}
.resource-reference>summary{cursor:pointer;font-size:16px;font-weight:700;color:var(--petrol-900);padding:8px 0}
.resource-reference{margin-top:32px;border-top:1px solid var(--line);padding:20px 0;scroll-margin-top:150px}
.resource-reference-body{padding-top:16px}.resource-reference .table-wrap{overflow:auto}
.support-provider .table-wrap{overflow:auto}.support-provider td{white-space:normal;line-height:1.6}
@media(max-width:700px){.case-index-grid{grid-template-columns:1fr;gap:18px}.case-entry{min-height:220px;padding:26px}.case-index{padding:28px 20px 48px}.case-index-intro{margin-bottom:24px}.case-entry h2{font-size:25px}}

/* The 00 approved framework remains intact inside its own style boundary. */
html:has(body[data-page=toolkit-map]){scrollbar-gutter:stable both-edges}
body[data-page=toolkit-map] .page{width:100%;max-width:none;padding:0 24px 64px}
.approved-map-page{width:100%;max-width:1584px;margin-inline:auto;padding:32px 24px 48px;min-width:0}
.approved-map-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:20px}
.approved-map-intro h1{font-size:clamp(27px,2.8vw,38px);line-height:1.2;letter-spacing:-.8px;margin:0 0 12px}
.approved-map-intro p{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0}
.approved-map-intro>a{font-size:13px;font-weight:650;color:var(--accent-cool);white-space:nowrap;border-bottom:1px solid var(--line);padding:10px 0}
.approved-map-scroll{width:100%;max-width:1536px;overflow:hidden;margin:0 auto;border:1px solid var(--line);border-radius:6px;background:white}
.approved-map-frame{display:block;width:100%;aspect-ratio:3/2;border:0;background:white;color-scheme:only light}
@media(max-width:700px){.approved-map-page{padding:24px 16px 40px}.approved-map-intro{display:block}.approved-map-intro>a{display:inline-block;margin-top:10px}}

/* Keep the approved resource navigation together on the right. */
body[data-page=journey] .utility-nav{flex:1;margin-left:auto;justify-content:flex-end}
body[data-page=journey] .journey-start{--starting-indent:clamp(42px,3.5vw,64px)}
body[data-page=journey] .journey-start h2{position:relative;padding-left:var(--starting-indent)}
body[data-page=journey] .starting-arrow{position:absolute;left:0;top:-.08em;font-size:1.25em;line-height:1;color:var(--orange);font-weight:700}
body[data-page=journey] .journey-start p{padding-left:var(--starting-indent)}
.hub-launcher{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.hub-launcher.is-dragging{cursor:grabbing;transition:none;box-shadow:0 8px 24px #0f3a4055}

/* Improve readability within the approved six-arrow journey. */
body[data-page=journey] .chev-l{font-size:clamp(22px,1.75vw,40px);line-height:1.2}
body[data-page=journey] .chev-t{font-size:clamp(16px,1.2vw,28px);line-height:1.45}
@media(min-width:1151px) and (max-height:820px) and (min-aspect-ratio:4/3){
 body[data-page=journey] .chev-n{font-size:50px}
 body[data-page=journey] .runway .np-home-stop>.chev{padding-left:24px;padding-right:20px;padding-bottom:40px;min-height:212px}
 body[data-page=journey] .runway .np-home-stop:first-child>.chev{padding-left:20px}
}
@media(max-width:700px){
 body[data-page=journey] .chev-l{font-size:20px}
 body[data-page=journey] .chev-t{font-size:15px}
 body[data-page=journey] .runway .np-home-stop>.chev{min-height:265px}
}

/* Compact navigation and cover spacing; preserve all existing cover type sizes. */
body[data-page=journey] .topbar-inner{min-height:63px;padding-block:8px}
body[data-page=journey] .brand-logo{height:36px;width:50px}
body:not([data-page=journey]) .topbar-inner{min-height:46px;padding-block:1px}
body:not([data-page=journey]) .brand-logo{height:32px;width:44px}
.topbar-inner .utility-nav a{min-height:36px;display:flex;align-items:center;padding-block:4px}
body[data-page=journey] .hero{flex:none;padding-block:clamp(28px,4.5vh,64px)}
.hub-launcher{background:#0F3A40;color:#fff!important;border:1px solid #709697;padding:10px 16px;border-radius:28px;box-shadow:0 3px 12px #0f3a4020}
.hub-launcher-copy strong{font-size:14px;font-weight:700}
.hub-launcher-copy small{font-size:11px;color:#daebea}
.hub-launcher:hover{background:#1F6F78;border-color:#8AB1B3}
@media(min-width:1151px) and (max-height:820px) and (min-aspect-ratio:4/3){
 body[data-page=journey] .topbar-inner{min-height:48px;padding-block:2px}
 body[data-page=journey] .brand-logo{height:32px;width:44px}
 body[data-page=journey] .hero{padding-block:28px}
}
@media(max-width:700px){
 .hub-launcher{top:auto;bottom:16px;right:16px;padding:10px 16px}
 .hub-launcher-copy strong{font-size:14px}.hub-launcher-copy small{font-size:11px}
}

/* Home navigation replaces the duplicate RX mark; the footer keeps the brand. */
.topbar-inner .brand{min-height:44px;gap:12px;color:#fff;text-decoration:none}
/* When the menu wraps below the title, rows sit close: no gap between rows and a
   shorter title row (the 44px rows had left a large gap around the menu). */
.topbar .topbar-inner{row-gap:0}
.home-mark{width:26px;height:26px;display:block;flex:none}
/* The header follows the width of the page it sits in, not of the window. With the
   assistant docked the page is narrower than the window, and a page opened inside
   the docked panel loads in a frame that carries no dock attribute, so rules keyed
   on the window or on the dock reached the header only some of the time. The site
   name belongs to the home page, and is dropped there when it would push the menu
   onto a second row; chapter pages keep the home icon alone (its label names the
   site). The menu sits beside the icon when it fits and takes its own row only
   when it does not. */
.topbar{container:topbar/inline-size}
@container topbar (max-width:1100px){
 .topbar-inner .brand{min-height:32px}
 .topbar .topbar-inner .utility-nav{gap:0 16px}
 .topbar .utility-nav a,.topbar .utility-nav a:last-child{font-size:13px}
}
@container topbar (max-width:980px){
 body[data-page=journey] .brand-name{display:none}
}
@container topbar (max-width:700px){
 body[data-page] .topbar-inner{display:flex;flex-wrap:wrap;min-height:0;padding:6px 20px;gap:0 12px}
 body[data-page] .topbar-inner .utility-nav{flex:1 1 auto;width:auto;justify-content:space-between;gap:4px 14px}
 .topbar .utility-nav a,.topbar .utility-nav a:last-child{font-size:11px;margin:0}
}

.support-intro .support-tools-entry{margin-top:12px}
.support-tools-entry a{font-weight:650;color:var(--accent-cool);text-decoration:underline;text-underline-offset:3px}

/* Give the approved framework its own deep-green viewing surface. */
body[data-page=toolkit-map]{background:#0F3A40}
body[data-page=toolkit-map] .page{background:#0F3A40;padding:0 24px 24px}
.approved-map-page{max-width:1584px;padding:20px 0 0}
.approved-map-intro{margin-bottom:16px;gap:20px}
.approved-map-intro h1{color:#fff;font-size:clamp(25px,2.4vw,34px);margin-bottom:8px}
.approved-map-intro p{color:#C7DDDE;font-size:14px}
.approved-map-intro>a{color:#F8DAB5;border-color:#63888B}
.approved-map-scroll{border-color:#729496;box-shadow:0 8px 24px #00151725}
/* Preserve the coloured RX artwork against a light footer. */
body[data-page=toolkit-map] .foot{box-sizing:border-box;width:100%;max-width:none;margin:0;min-height:80px;padding:20px max(220px,calc(3vw + 180px)) 20px clamp(20px,3vw,70px);background:var(--bg-2);color:var(--ink-2);border-color:var(--line);align-items:center}
body[data-page=toolkit-map] .footer-brand{color:var(--ink-2)}
@media(max-width:700px){
 body[data-page=toolkit-map] .page{padding-inline:16px}
 .approved-map-page{padding-top:18px}
 .approved-map-intro>a{margin-top:8px;padding-block:5px}
}

/* Rebalance the cover for the viewport instead of leaving unused space below it. */
@media screen and (min-width:1151px){
 body[data-page=journey] .hero{padding-block:clamp(72px,10dvh,140px)}
 body[data-page=journey] .runway-wrap{flex:1;display:flex;flex-direction:column;padding-bottom:clamp(20px,3dvh,42px)}
 body[data-page=journey] .runway{flex:1;align-items:stretch}
}
@media screen and (min-width:1151px) and (max-height:820px) and (min-aspect-ratio:4/3){
 body[data-page=journey] .hero{padding-block:72px}
 body[data-page=journey] .journey-start{padding-top:16px!important}
 body[data-page=journey] .journey-start p{margin-bottom:12px}
 body[data-page=journey] .runway .np-home-stop>.chev{min-height:194px;padding-bottom:22px}
 body[data-page=journey] .runway-wrap{padding-bottom:18px}
 body[data-page=journey] .foot{min-height:62px;padding-block:10px}
}
@media screen and (max-width:1150px){
 body[data-page=journey] .page,body[data-page=journey] .journey-page{flex:none}
}

@media(max-width:700px){body[data-page=toolkit-map] .foot{min-height:0;padding:20px 20px 90px;align-items:flex-start}}

/* Relocated tool support; retain normal reading sizes. */
.digital-page>.support-provider{margin-top:32px;max-width:800px}
.utility-nav{flex-wrap:wrap}
body[data-page=journey] .foot{padding-right:clamp(20px,3vw,70px)}
@media(max-width:700px){body[data-page=journey] .foot{padding-bottom:20px}.utility-nav{gap:8px 16px}}

.approved-map-page .overview-figure-actions{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0}
.approved-map-page .overview-figure-actions a{color:#fff}
.case-shared-lessons{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.case-shared-lessons [data-section-wrap="7.2"]{padding-left:0}
[data-block="3.4.6-b04"] .figmatrix-cell{font-size:18px}
@media(max-width:600px){[data-block="3.4.6-b04"] .figmatrix-cell{font-size:16px}}

/* Reviewed v6 Core Sales Tools row labels stay regular on mobile cards too. */
body[data-frame="handbook"] .table-wrap[data-v6-revised="true"] > table > tbody > tr > td:first-child { font-weight: 400; }

/* Approved 2026-10-27: adopt the original six-stage desktop layout; keep mobile unchanged. */
@media screen and (min-width:1024px) {
 body[data-page=journey] .runway-wrap { flex:none; }
 body[data-page=journey] .runway { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; align-items:stretch; }
 body[data-page=journey] .np-home-stop { display:flex; min-width:0; margin-left:0; }
 body[data-page=journey] .runway .np-home-stop>.chev,
 body[data-page=journey] .runway .np-home-stop:first-child>.chev,
 body[data-page=journey] .runway .np-home-stop:last-child>.chev {
  min-height:0; height:auto; padding:20px 18px 24px 22px; gap:10px; border-radius:0;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);
 }
 body[data-page=journey] .runway .np-home-stop:first-child>.chev {
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);
 }
 body[data-page=journey] .chev-n { font-size:38px; line-height:1; margin:0; }
 body[data-page=journey] .chev-l { font-size:clamp(18px,1.55vw,24px); line-height:1.2; min-height:2.4em; }
 body[data-page=journey] .chev-t { font-size:16px; line-height:1.45; min-height:0; }
}

/* Homepage arrows open their chapters directly, with no "View topics" control:
   at every width they keep only their text height, and every row matches the tallest. */
body[data-page=journey] .runway { grid-auto-rows:1fr; }
body[data-page=journey] .runway .np-home-stop>.chev,
body[data-page=journey] .runway .np-home-stop:first-child>.chev { min-height:0; padding-bottom:24px; }

/* The approved guidance replaces the old heading; keep the full sentence readable. */
body[data-page=journey] .journey-start h2.journey-guidance { font-size:20px; line-height:1.5; font-weight:600; letter-spacing:0; margin-bottom:20px; }
@media(max-width:700px) { body[data-page=journey] .journey-start h2.journey-guidance { font-size:18px; margin-bottom:22px; } }

/* Half-screen widths: the six arrows stay in one row down to 901px, as at full
   width; titles scale with the window and stay on one line, so "Go-to-Market"
   no longer breaks in two. From 701 to 900px the steps sit 3x2 as short arrows,
   the number beside the title. Full width and phones unchanged. */
@media screen and (min-width:901px) and (max-width:1279px){
 body[data-page=journey] .runway{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
 body[data-page=journey] .runway .np-home-stop>.chev,
 body[data-page=journey] .runway .np-home-stop:first-child>.chev,
 body[data-page=journey] .runway .np-home-stop:last-child>.chev{justify-content:center;gap:6px;padding:16px 14px 18px 26px}
 body[data-page=journey] .runway .np-home-stop:first-child>.chev{padding-left:18px}
 body[data-page=journey] .chev-n{font-size:36px}
 body[data-page=journey] .chev-l{font-size:clamp(14px,1.6vw,20px);min-height:0;white-space:nowrap}
}
@media screen and (min-width:701px) and (max-width:900px){
 body[data-page=journey] .runway{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 0}
 body[data-page=journey] .runway .np-home-stop>.chev,
 body[data-page=journey] .runway .np-home-stop:first-child>.chev,
 body[data-page=journey] .runway .np-home-stop:last-child>.chev{flex-direction:row;align-items:center;gap:14px;padding:18px 26px 18px 30px}
 body[data-page=journey] .runway .np-home-stop:first-child>.chev{padding-left:22px}
 body[data-page=journey] .chev-n{font-size:40px}
 body[data-page=journey] .chev-l{font-size:20px;min-height:0}
}