/* Shared MB identity: artwork stays outside readable data surfaces. */
html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
body{isolation:isolate;background-color:#f3f7fd;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{content:"";position:fixed;left:50%;top:50%;width:min(62vw,480px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #78a9e1;z-index:-1;pointer-events:none;background:#e5eefb url('/assets/mb-transparent-v59.png') center/78% no-repeat;opacity:.035}
.mb-page-masthead{position:relative;overflow:hidden;background:#061b39 url('/assets/service-network-pearl-v44.png') no-repeat right 48%;background-size:auto 280%;border-bottom:3px solid #80baff;padding:24px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;isolation:isolate}
.mb-page-masthead::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061b39 0%,#061b39ed 45%,#061b3933 100%)}
.mb-page-masthead a{color:#edf5ff;text-decoration:none;display:flex;align-items:center;gap:14px;font-weight:700;font-size:20px;line-height:1.3}.mb-page-masthead img{width:64px;height:64px;object-fit:contain;border-radius:12px}.mb-page-masthead small{display:block;color:#b6d8ff;font-size:12px;font-weight:500;letter-spacing:2px;margin-top:5px}.mb-page-masthead nav{display:flex;gap:10px;flex-wrap:wrap;border:0;padding:0}.mb-page-masthead nav a{font-size:12px;padding:10px;border-radius:8px;background:#0a2c56e8;border:1px solid #87b3e06b}
.dashboard-shell aside{background:#061b39 url('/assets/service-network-pearl-v44.png') no-repeat 58% bottom;background-size:auto 60%;background-blend-mode:soft-light}
.dashboard-shell .metric,.dashboard-shell .panel,body:not(.marketing-shell) .card{border-color:#d1dfef;box-shadow:0 4px 0 #d8e3f033,0 10px 28px #14396009}
.dashboard-shell .metric{background:linear-gradient(140deg,#fff,#edf4ff)}
.dashboard-shell .panel h2,.report-shell h2{color:#10386b}
body:not(.marketing-shell) section{border-color:#d1dfef}
body:not(.marketing-shell) h1{letter-spacing:-.035em}
body:not(.marketing-shell) .bar i,body:not(.marketing-shell) .track i{background:linear-gradient(#65acff,#176dd5 45%,#064caa)!important;box-shadow:0 3px 0 #084b93,inset 0 1px 1px #e2f1ff}
body:not(.marketing-shell) .bar,body:not(.marketing-shell) .track{overflow:visible;border:1px solid #d4dfec;background:#eaf0f8}
body:not(.marketing-shell) .result{background:linear-gradient(140deg,#fff,#eaf3ff);box-shadow:0 3px 0 #c6d7ed}
body:not(.marketing-shell) .chart-scroll{border-radius:14px;border:1px solid #e2eaf5;background:white}
body:not(.marketing-shell) footer{border-top:1px solid #d4e1ef}
@media(max-width:650px){.mb-page-masthead{padding:18px 16px;flex-wrap:wrap;background-size:auto 210%}.mb-page-masthead>a{font-size:17px}.mb-page-masthead img{width:48px;height:48px}.mb-page-masthead nav{gap:7px}.mb-page-masthead nav a{padding:8px;font-size:11px}body::before{width:70vw;background-size:78%}}
@media print{body::before{display:none}.mb-page-masthead{background:white!important;color:#102445;padding:10px 0;border-color:#afc7e5}.mb-page-masthead a{color:#102445}.mb-page-masthead small{color:#476789}.mb-page-masthead nav{display:none}.mb-page-masthead::before{display:none}}

/* Keep charts crisp and readable; depth belongs to the page, not data marks. */
body:not(.marketing-shell) .bar i,body:not(.marketing-shell) .track i{box-shadow:none!important;background:#1769be!important}

/* Compact, centered presentation; chart axes remain unrotated. */
body:not(.marketing-shell) .chart-scroll{max-width:680px;width:96%;margin:20px auto;padding:6px;border:0;box-shadow:0 10px 24px #13396c08;background:linear-gradient(145deg,#fff,#f3f7fd)}
body:not(.marketing-shell) .mock-chart-grid figure{padding:10px;background:linear-gradient(145deg,#fff,#f3f7fd);border:1px solid #dfE8f4;border-radius:14px}
body:not(.marketing-shell) .bar i,body:not(.marketing-shell) .track i{background:linear-gradient(#71aff3,#1769be 35%,#155ba3 80%,#438bd0)!important;border-top:1px solid #b2d8ff;border-right:2px solid #12508e;box-shadow:none!important}
@media(max-width:700px){body:not(.marketing-shell) .chart-scroll{width:96%;padding:2px}}

/* Consistent blue top masthead, including workspace and preview. */
.mb-page-masthead{background-color:#0753a8;border-bottom-color:#a6d1ff}
.mb-page-masthead::before{background:linear-gradient(90deg,#07346d,#0753a8e8 55%,#0753a844)}
.dashboard-shell>.mb-page-masthead{margin-left:235px;min-height:100px}
@media(max-width:900px){.dashboard-shell>.mb-page-masthead{margin-left:0;min-height:80px}}
@media print{.dashboard-shell>.mb-page-masthead{margin-left:0}}

/* Compact chart cards with optional full-size view. */
body:not(.marketing-shell) .report-summary-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,470px);gap:24px;align-items:center;margin:20px 0}
body:not(.marketing-shell) .report-summary-layout .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
body:not(.marketing-shell) .chart-scroll{width:100%;max-width:470px;margin:0 auto;padding:8px;overflow:hidden}
body:not(.marketing-shell) .chart{display:block;width:100%;max-width:450px;height:auto;max-height:330px;margin:0 auto;box-shadow:none;object-fit:contain}
.enlarge-chart{display:block;text-align:right;padding:5px 10px;font-size:13px;font-weight:650}
body:not(.marketing-shell) .mock-chart-grid figure{max-width:470px;width:100%;margin:12px auto}
body:not(.marketing-shell) .mock-chart-grid img{display:block;max-width:450px;width:100%;height:auto;max-height:330px;object-fit:contain;margin:auto}
@media(max-width:800px){body:not(.marketing-shell) .report-summary-layout{grid-template-columns:1fr;gap:16px}body:not(.marketing-shell) .chart-scroll{max-width:470px}body:not(.marketing-shell) .chart{max-height:none}}

.report-summary-layout:not(:has(.chart-scroll)){grid-template-columns:1fr!important}

/* Phone reports reflow; only the data table scrolls horizontally. */
.report-shell{width:100%;max-width:100%;margin:0}
.report-shell main{width:100%;max-width:1160px;min-width:0;margin-inline:auto}
.report-shell section,.report-shell .card,.report-shell .report-details,.report-shell .report-summary-layout,.report-shell .metrics,.report-shell .metric{min-width:0;max-width:100%}
.report-shell h1,.report-shell h2,.report-shell p,.report-shell .metric strong{overflow-wrap:anywhere}
.report-shell .chart-scroll{width:100%;max-width:450px;box-sizing:border-box}
.report-shell .chart{width:100%;height:auto;max-width:100%;object-fit:contain}
.report-shell .tablewrap{width:100%;max-width:100%;overflow-x:auto}
@media(max-width:800px){
 .report-shell main{padding:14px}
 .report-shell section,.report-shell .card{padding:16px;margin:16px 0}
 .report-shell h1{font-size:30px;line-height:1.15}
 .report-shell h2{font-size:23px;line-height:1.25}
 .report-shell .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .report-shell .metric{padding:12px;font-size:14px}
 .report-shell .metric strong{font-size:19px}
 .report-shell .report-summary-layout{display:grid;grid-template-columns:minmax(0,1fr)!important}
 .report-shell .chart-scroll{max-width:420px}
 .mb-page-masthead>a{min-width:0;max-width:100%}
 .mb-page-masthead a span{overflow-wrap:anywhere}
}

.mb-page-masthead{background:#f4f9ff!important;color:#102445!important;border-bottom:1px solid #d7e4f1}.mb-page-masthead a,.mb-page-masthead small{color:#102445!important}.mb-page-masthead img{object-fit:contain;background:transparent;border-radius:0}

/* Cross-page readability review, 16 October 2026. */
*,*::before,*::after{box-sizing:border-box}
.mb-page-masthead::before{display:none}
.mb-page-masthead nav a{background:#e7f0fc;border-color:#c7d9ef;color:#123b70!important;font-size:13px;min-height:44px;align-items:center}
.mb-page-masthead small{font-size:12px;letter-spacing:1.2px}
body:not(.marketing-shell) p,body:not(.marketing-shell) li{line-height:1.65}
body:not(.marketing-shell) .note,body:not(.marketing-shell) .explain{font-size:14px;line-height:1.6;color:#435b79}
body:not(.marketing-shell) input,body:not(.marketing-shell) select,body:not(.marketing-shell) textarea{font-size:16px;max-width:100%}
body:not(.marketing-shell) main,body:not(.marketing-shell) section,body:not(.marketing-shell) article{min-width:0}
body:not(.marketing-shell) h1,body:not(.marketing-shell) h2,body:not(.marketing-shell) p,body:not(.marketing-shell) a{overflow-wrap:break-word}
.report-shell main>h1,.report-shell section>h1{font-size:clamp(27px,4vw,40px);line-height:1.2;letter-spacing:-.025em}
.reading-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:16px}
.reading-table table{margin:0}
:focus-visible{outline:3px solid #0865c8;outline-offset:3px}
@media(max-width:700px){.mb-page-masthead{gap:12px}.mb-page-masthead nav{width:100%}.mb-page-masthead nav a{flex:1;justify-content:center;text-align:center;padding:9px 7px}.report-shell main>h1{font-size:28px}.report-shell .metric strong{line-height:1.35}.reading-table{font-size:14px}body:not(.marketing-shell) .note{font-size:13px}}
@media print{.reading-table{overflow:visible}.mb-page-masthead{break-inside:avoid}.mb-page-masthead nav{display:none}}


/* Typography and surface refinement; keep emphasis for decisions and primary actions. */
:root{--mb-action:#0965d5;--mb-body:#334155;--mb-muted:#475569}
body:not(.marketing-shell){color:#263a53}
body:not(.marketing-shell) p,body:not(.marketing-shell) li,body:not(.marketing-shell) .note,body:not(.marketing-shell) .explain,body:not(.marketing-shell) .hint{color:#334155;line-height:1.65}
body:not(.marketing-shell) h1,body:not(.marketing-shell) h2,body:not(.marketing-shell) h3{font-weight:600}
body:not(.marketing-shell) label,body:not(.marketing-shell) legend{font-weight:500;color:#334155}
body:not(.marketing-shell) .metric strong{font-weight:500;color:#132c4d}
body:not(.marketing-shell) .metric small,body:not(.marketing-shell) .metric label{color:#475569}
body:not(.marketing-shell) th{font-weight:600;background:#f1f5f9;color:#263a53}
body:not(.marketing-shell) td{color:#334155}
body:not(.marketing-shell) .metric,body:not(.marketing-shell) .panel,body:not(.marketing-shell) .card,body:not(.marketing-shell) .result{background:#fff!important;box-shadow:none!important;border-color:#d8e0e9}
body:not(.marketing-shell) .metrics{gap:24px;margin-bottom:36px}
body:not(.marketing-shell) .metric{padding:26px}
body:not(.marketing-shell) .panel{padding:28px;margin-bottom:32px}
body:not(.marketing-shell) .chart-scroll,body:not(.marketing-shell) .mock-chart-grid figure{background:#fff!important;box-shadow:none!important}
body:not(.marketing-shell) .bar i,body:not(.marketing-shell) .track i{background:#1769be!important;border:0!important;box-shadow:none!important}
body:not(.marketing-shell) .dashboard-detail>summary{background:#f7f9fc;font-weight:600}
body .btn,body button:not(nav button):not(.landing-menu){background:#0965d5;color:#fff;background-image:none;box-shadow:none;border:1px solid #0965d5}
body .btn:hover,body button:not(nav button):not(.landing-menu):hover{background:#0754b2}
body .btn.secondary,body button.secondary,body .toolbar button,body .dashboard-shortcuts button{background:#fff!important;background-image:none!important;color:#0754b2!important;border:1px solid #0965d5!important;box-shadow:none!important}
body .btn.secondary:hover,body button.secondary:hover,body .toolbar button:hover{background:#edf4fd!important}
body button:disabled{cursor:not-allowed}
@media(max-width:700px){body:not(.marketing-shell) .metrics{gap:16px;margin-bottom:28px}body:not(.marketing-shell) .metric{padding:20px}body:not(.marketing-shell) .panel{padding:20px;margin-bottom:26px}}
@media print{body button{display:none}}

/* V49 appearance with current corrections */
/* Approved dark navy presentation. Screen-only: printed reports retain paper styling. */
@media screen{
:root{color-scheme:dark;--mb-bg:#061326;--mb-panel:#0d213b;--mb-raised:#142c49;--mb-ink:#edf4ff;--mb-muted:#bdcce0;--mb-line:#304964}
html,body,body.marketing-shell.selected-design{background:#061326!important;color:#edf4ff!important}
body{color-scheme:dark}body::before{opacity:.045}
body h1,body h2,body h3,body h4,body label,body legend,body strong{color:#edf4ff}
body p,body li,body small,body .note,body .explain,body .hint,body .mini-note,body .muted{color:#bdcce0!important}
body a{color:#80bcff}body a:hover{color:#badbff}
body header,body .mb-page-masthead,body .hero-band,body .site-switch-wrap{background-color:#071a32!important;color:#edf4ff!important;border-color:#304964!important}
body .mb-page-masthead::before{display:none}
body .mb-page-masthead a,body .mb-page-masthead small{color:#edf4ff!important}
body .mb-page-masthead nav a{background:#153354!important;border-color:#345676!important}
body .panel,body .card,body .feature-card,body .metric,body .notice,body .result,body .overview-card,body .inquiry-section,body .homepage-detail,body .demo-invitation,body .outcome-cards article,body .readiness-grid article,body .scenario-path li,body .visitor-start article,body .report-banner,body .report-preview,body .report-details,body .dashboard-detail>summary,body .dashboard-detail-content{background:#0d213b!important;color:#edf4ff!important;border-color:#304964!important;box-shadow:0 6px 20px #00000016!important}
body .metric strong,body .metric h3,body .panel h2,body .report-shell h2,body .outcome-cards h3{color:#edf4ff!important}
body .outcome-cards strong,body .kicker,body .eyebrow,body .number{color:#83c1ff!important}
body .scenario-outcome,body .sample-tag,body .status-tag,body .report-preview>summary,body .compact-panel summary{background:#173454!important;color:#ddecff!important;border-color:#365473!important}
body .homepage-detail>summary,body .homepage-detail summary,body details summary{color:#ddecff!important}
body .homepage-detail[open]>summary,body .completion-grid,body .completion-grid>div+div,body footer,body .landing-footer{border-color:#304964!important}
body input:not([type=checkbox]):not([type=radio]),body select,body textarea{background:#091a30!important;color:#edf4ff!important;border-color:#57708c!important}
body input::placeholder,body textarea::placeholder{color:#93a8c2!important;opacity:1}
body input:disabled,body select:disabled,body textarea:disabled{color:#b9c9dd!important;opacity:1}
body button,body .btn{background:#0969dd;color:#fff;border-color:#508ddd}
body .btn.secondary,body .secondary,body .toolbar button{background:#193b61!important;color:#e1efff!important;border-color:#46698f!important}
body button:disabled{opacity:.6}body :focus-visible{outline:3px solid #98cbff!important;outline-offset:3px}
body table{color:#e2ecfa}body th{background:#183451!important;color:#edf4ff!important;border-color:#38516c!important}body td{border-color:#304964!important}body tr:nth-child(even)>td{background:#102640}
body .tablewrap,body .reading-table{border-color:#304964}
body nav,body .toolbar{background-color:#0b203a!important;color:#edf4ff;border-color:#304964!important}
body .dashboard-shell aside,body.dashboard-shell aside{background-color:#06172e!important}
body .mb-site-switch,body .site-switch{background:#122b49!important;border-color:#3b5675!important}
body .mb-site-switch a,body .site-switch a{color:#c8d9ed!important;background:transparent!important}
body .mb-site-switch a[aria-current],body .site-switch a[aria-current]{color:#fff!important;background:#096be7!important}
body .landing-footer strong,body .landing-footer a,body #visitor-count{color:#dcecff!important}
/* Match the existing blue and silver illustration with crisp, shadow-free type. */
body.selected-design .hero-band .brand-lockup strong,body.selected-design .hero-band .landing-menu{color:#edf4ff!important;background:transparent}
body.selected-design .hero-band .brand-lockup .blue-word,body.selected-design .hero-copy h1 .blue-word{color:#8ac6ff!important}
body.selected-design .hero-band .brand-lockup small{color:#b9cde7!important}
body.selected-design .hero-band .hero-copy h1{color:#f3f7ff!important;text-shadow:none!important}
body.selected-design .hero-band .hero-copy>p:not(.eyebrow),body.selected-design .hero-band .hero-copy .hero-trial-note{color:#d2dfef!important;text-shadow:none!important}
body.selected-design .hero-band .hero-copy .hero-trial-note a,body.selected-design .hero-band a.hero-report{color:#99cdff!important;text-shadow:none!important}
body.selected-design .site-links{background:#102944!important;border-color:#3c5876!important}
body.selected-design .hero-band .site-links a{color:#e1edff!important}
body.selected-design .next-options,body.selected-design .simple-step{border-color:#304964}
body.selected-design .service-flow{color:#a6d4ff!important}
/* Charts retain their original light plotting canvas and exact data colors. */
body .chart-scroll,body .mock-chart-grid figure,body #viewport{background:#fff!important;color:#153151!important}
body .mock-chart-grid figcaption,body .mock-chart-grid .enlarge-chart,body .chart-scroll .enlarge-chart{color:#194e87!important}
body .chart,body #chart,body .volume-figure img{filter:none!important}
body dialog{background:#102640;color:#edf4ff;border-color:#466789}body dialog::backdrop{background:#000b}
}

@media screen{body:not(.marketing-shell) section,body:not(.marketing-shell) article{background-color:#0d213b!important;border-color:#304964!important}body .volume-figure{background:#fff;border-radius:14px;padding:12px}body .volume-figure figcaption{color:#345571!important}body .completion-grid img{background:#fff;border-radius:50%;padding:4px}body .quick-links>a{background:#0d213b!important;color:#edf4ff!important;border-color:#304964!important}body .quick-links small{color:#bdcce0!important}}

@media screen{
 body.selected-design .executive-insights .insight-heading h2{color:#edf4ff!important}
 body.selected-design .executive-grid article,body.selected-design .journey-panel,body.selected-design .homepage-detail{background:#0d213b!important;border-color:#304964!important;box-shadow:none!important}
 body.selected-design .performance-summary strong,body.selected-design .performance-summary h3,body.selected-design .journey-panel h3{color:#edf4ff!important}
 body.selected-design .journey-stages button{background:#102944!important;color:#dceaff!important;border-color:#3a5677!important}
 body.selected-design .journey-stages button[aria-pressed=true]{background:#0965d5!important;color:white!important}
 body.selected-design .journey-stages button span{color:#b6d5f8!important}
 body.selected-design .journey-panel p{color:#c8d8ed!important}
 body.selected-design .journey-result{border-color:#37516e!important}
 body.selected-design .dashboard-preview-grid figure{background:#fff!important;color:#183858!important}
 body.selected-design .dashboard-preview-grid figcaption{color:#183858!important}
 body.selected-design .supporting-reports,body.selected-design .supporting-reports a{color:#a2ceff!important}
 body.selected-design .hero-band .brand-lockup img{background:transparent!important}
}

@media screen{body td{color:#e2ecfa!important}body:not(.marketing-shell) label,body:not(.marketing-shell) legend{color:#d4e2f3!important}}

/* Consistent transparent branding and square homepage cards. */
img[src*="mb-transparent-v59.png"]{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;object-fit:contain!important}
body.selected-design section.rich-kpis{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:22px 0 10px!important;overflow:visible!important}
body.selected-design .rich-kpis>div{padding:18px 14px!important;border:1px solid #365574!important;border-top:2px solid #308bff!important;border-radius:0!important;background:#0d233e!important;box-shadow:none!important;min-width:0}
body.selected-design .rich-kpis strong{font-size:29px!important;font-weight:600!important;line-height:1.1!important;color:#f2f7ff!important}
body.selected-design .rich-kpis span{font-size:12px!important;color:#c3d4e9!important;line-height:1.45!important}
body.selected-design .module-tile,body.selected-design .rich-story-grid article,body.selected-design .rich-history,body.selected-design .rich-report-grid article,body.selected-design .rich-report-grid figure,body.selected-design .outcome-cards article{border-radius:0!important;box-shadow:none!important}
body.selected-design .module-tile{border:1px solid #365574!important;border-top:2px solid #308bff!important;background:#10263f!important}
body.selected-design .module-tile:hover,body.selected-design .module-tile:focus-within{border-color:#83bfff!important;background:#142e4a!important}
@media(max-width:700px){body.selected-design section.rich-kpis{gap:7px!important}body.selected-design .rich-kpis>div{padding:15px 8px!important}body.selected-design .rich-kpis strong{font-size:clamp(22px,6vw,28px)!important}body.selected-design .rich-kpis span{font-size:11px!important}body.selected-design .module-tile{padding:16px 12px!important}}