@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182024;--muted:#677076;--blue:#194eee;--line:#dee3e8;--nav:#111a23}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#fafbfc;color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #e9a73a;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:5;background:white;padding:10px}.skip:focus{top:10px}.sidebar{width:238px;background:var(--nav);color:#fff;position:fixed;inset:0 auto 0 0;padding:36px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.25;font-weight:700;letter-spacing:1.5px}.brandmark{font:800 33px 'Manrope',sans-serif;letter-spacing:-3px}.brandmark span{color:#87a7ff;font-size:22px;vertical-align:top}.nav-label{color:#8f9ba7;font-size:12px;letter-spacing:1.7px;margin:68px 12px 18px}nav{display:grid;gap:7px}nav a{padding:12px;border-radius:5px;color:#b7c1cb;font-size:14px;display:flex;gap:15px}nav a span{color:#7c8b99;font-size:12px;margin-top:2px}nav a:hover,nav a.active{background:#263342;color:white}nav a.active{box-shadow:inset 3px 0 #7196ff}nav a.active span{color:#9eb6ff}.sidebar-bottom{margin-top:auto;padding:32px 12px 0}.small-label{font-size:11px;color:#9aa8b6;letter-spacing:1px}.sidebar-bottom p{font-size:15px;line-height:1.5;margin:12px 0 5px}.sidebar-bottom small{font-size:12px;color:#95a3b0}.sidebar-line{height:1px;background:#34404c;margin:24px 0}.page{margin-left:238px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:23px 48px;font-size:13px;color:#59656e;background:white}.slash{margin:0 12px;color:#b2b9bf}.stage,.tag{font-size:11px;letter-spacing:1px;white-space:nowrap}.stage{background:#eef2fa;color:#42516c;padding:5px 10px;border-radius:3px}main{max-width:1420px;margin:auto;padding:49px 48px 0}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#5b6b7b;margin-bottom:17px}.title-row{display:flex;justify-content:space-between;gap:15px}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(35px,3.9vw,58px)/1.16 'Manrope',sans-serif;letter-spacing:-2.4px;margin-bottom:23px}h1 span{color:#667581}.edition{font-size:10px;line-height:1.65;letter-spacing:1.4px;color:#84909b;text-align:right;padding-top:10px;min-width:112px}.edition b{display:block;font-weight:500;font-size:10px;margin-top:8px;color:#3d4f62}.intro{max-width:670px;font-size:17px;line-height:1.8;color:#5b6974;margin-bottom:25px}.overview-bottom{display:flex;align-items:center;gap:27px;margin-bottom:40px}.primary{display:inline-flex;gap:34px;align-items:center;background:var(--blue);color:#fff;font-size:14px;font-weight:600;padding:13px 19px;border-radius:3px}.primary:hover{background:#123ccb}.primary span{font-size:20px}.overview-bottom p{font-size:12px;line-height:1.65;color:#76808a;margin:0}.workstreams{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.workstream{background:#fff;border:1px solid var(--line);padding:25px 24px 20px;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.workstream:hover{transform:translateY(-4px);box-shadow:0 8px 24px #17223b0c}.number{font-size:10px;letter-spacing:1.4px;color:#75818a;font-weight:700;margin-bottom:24px}.workstream h2{font:600 clamp(22px,2vw,29px)/1.25 'Manrope',sans-serif;letter-spacing:-1px;margin-bottom:14px}.workstream p{color:#6e7880;font-size:14px;line-height:1.7;max-width:260px}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:auto;font-size:12px;font-weight:600}.card-link span{font-size:18px;line-height:1}.blue{background:var(--blue);color:white;border-color:var(--blue)}.blue .number,.blue p{color:#d9e3ff}.blue .card-link{border-color:#ffffff45}.content-section{padding-top:65px;margin-top:55px;border-top:1px solid var(--line);scroll-margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head h2{font:600 29px/1.3 'Manrope',sans-serif;letter-spacing:-1px;margin:0 0 18px}.section-head .eyebrow{margin-bottom:13px}.tag{color:#6b7781;border:1px solid var(--line);padding:5px 9px}.section-intro{max-width:700px;color:var(--muted);margin-bottom:30px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-grid article{border-top:2px solid #202a35;padding-top:20px}.mini-number{font-size:12px;color:var(--blue)}h3{font-size:18px;letter-spacing:-.3px;line-height:1.4;margin-bottom:12px}.service-grid h3{margin-top:16px}.service-grid p{font-size:15px;color:var(--muted)}.outcome{font-size:12px;color:#385077;background:#edf2fb;padding:9px 12px}.system-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;margin-top:20px}.system-flow{background:#edf1f6;padding:28px}.flow-block{background:#fff;border:1px solid #dce2e9;display:flex;gap:20px;align-items:center;padding:18px}.flow-block>span{font-size:12px;color:#728199}.flow-block h3{font-size:16px;margin-bottom:5px}.flow-block p{margin:0;font-size:13px;color:var(--muted)}.flow-connector{text-align:center;color:#7e90a6;font-size:22px;line-height:30px}.highlight{border-color:#97b1fb;box-shadow:inset 3px 0 var(--blue)}.principles>h3{font-size:23px}.principles p{font-size:14px;color:var(--muted)}.principles article{border-top:1px solid var(--line);padding-top:15px}.principles article b{font-size:14px}.principles article p{margin:5px 0 16px}details{font-size:14px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font-weight:600}details p{margin:15px 0 0}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px}.roadmap article{border-top:2px solid #bdc8d6;padding-top:20px}.roadmap article:first-child{border-color:var(--blue)}.phase{font-size:25px;color:#718198;font-family:'Manrope',sans-serif;margin-bottom:18px;display:flex;align-items:center;gap:12px}.phase span{font:600 9px 'DM Sans',sans-serif;letter-spacing:1px;color:var(--blue);background:#e9efff;padding:5px 6px}.roadmap p{font-size:14px;color:var(--muted)}.roadmap b{font-size:12px;font-weight:500;color:#455b74}.decision-table{margin-top:20px;border-top:1px solid var(--line)}.decision{display:grid;grid-template-columns:30px 1fr 1.4fr 48px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.decision>span:first-child{font-size:12px;color:#84919d}.decision h3{font-size:15px;margin:0}.decision p{font-size:14px;color:var(--muted);margin:0}.open{font-size:11px;text-align:center;background:#eef0f4;color:#65707b;padding:3px 8px;border-radius:3px}.closing{background:#edf2fc;display:flex;align-items:center;gap:25px;padding:30px;margin-top:45px}.closing-symbol{font-size:40px;color:var(--blue)}.closing p{font-size:17px;margin:0;color:#657387}.closing strong{color:#253954;font-weight:500}.closing a{margin-left:auto;font-size:13px;color:#254ebb}footer{display:flex;justify-content:space-between;padding:36px 0;color:#83909c;font-size:12px}@media(min-width:1600px){main{padding-top:65px}.workstream{padding:30px}.workstream p{max-width:320px}}@media(max-width:1100px){.sidebar{width:200px;padding:30px 18px}.page{margin-left:200px}main{padding:35px 28px 0}.topbar{padding:20px 28px}.edition{display:none}.workstream{padding:20px 17px}.system-layout{gap:25px}.section-head{align-items:flex-start}.tag{font-size:9px}.roadmap{grid-template-columns:repeat(2,1fr)}.decision{grid-template-columns:25px 1fr 1.3fr 48px;gap:12px}}@media(max-width:760px){html{scroll-padding-top:20px}.sidebar{position:relative;width:auto;padding:22px}.brand{font-size:11px}.brandmark{font-size:29px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:4px;margin-top:25px;flex-wrap:wrap}nav a{font-size:12px;padding:8px 10px}nav a span{display:none}.page{margin:0}.topbar{padding:16px 22px;font-size:11px}.stage{font-size:9px}.slash{margin:0 6px}main{padding:32px 22px 0}h1{font-size:40px;letter-spacing:-1.7px}.intro{font-size:16px}.overview-bottom{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:30px}.workstreams,.service-grid,.system-layout{grid-template-columns:1fr}.workstream{padding:25px}.workstream h2{font-size:28px}.workstream p{max-width:none}.number{margin-bottom:18px}.card-link{margin-top:10px}.section-head{display:block}.tag{display:inline-block;margin-bottom:20px}.section-head h2{font-size:27px}.content-section{margin-top:40px;padding-top:35px}.service-grid{gap:28px}.system-layout{margin-top:0}.system-flow{padding:18px}.decision{grid-template-columns:22px 1fr 48px;gap:10px}.decision p{grid-column:2;grid-row:2}.decision .open{grid-column:3;grid-row:1}.closing{padding:24px;flex-wrap:wrap;gap:16px}.closing a{margin-left:0;width:100%}.closing p{font-size:15px}footer{font-size:10px;gap:15px}.roadmap{gap:25px}.roadmap h3{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workstream{transition:none}}

/* Readable project planning additions */
.context-note{margin-top:30px}.sidebar{overflow-y:auto}.nav-label{margin-top:38px}.service-grid{row-gap:32px}.service-grid p,.principles p,.roadmap p,.decision p{font-size:16px}.outcome,.card-link,.roadmap b,.overview-bottom p,.flow-block p{font-size:14px}.number,.mini-number,.eyebrow,.tag,.stage,.phase span,.open,.edition,.edition b{font-size:12px}.decision{grid-template-columns:30px 1fr 1.4fr 55px}@media(max-width:760px){.decision{grid-template-columns:22px 1fr 55px}nav a{font-size:14px}.roadmap{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:8px}}

/* Shared color roles cover every surface in both themes. */
:root {
 color-scheme:light;
 --canvas:#fafbfc;--surface:#ffffff;--soft:#edf2fb;--ink:#182024;
 --muted:#4b5b6b;--blue:#194eee;--line:#c6cfd9;--control-border:#62758b;
 --nav:#111a23;--nav-active:#263342;--nav-text:#ffffff;--nav-muted:#bcc9d7;
 --accent:#1644ce;--action:#194eee;--action-hover:#123ccb;--on-action:#ffffff;
 --card-blue:#194eee;--card-text:#ffffff;--card-line:#b5c8ff;
}
:root[data-theme="dark"] {
 color-scheme:dark;
 --canvas:#0d1520;--surface:#142131;--soft:#1b2c42;--ink:#f2f6fc;
 --muted:#bdc9d8;--blue:#a8c2ff;--line:#40536a;--control-border:#92a8c3;
 --nav:#101c2b;--nav-active:#2b405c;--nav-text:#f2f6fc;--nav-muted:#bdc9d8;
 --accent:#a8c2ff;--action:#a8c2ff;--action-hover:#c5d6ff;--on-action:#101c2b;
 --card-blue:#163c8f;--card-text:#ffffff;--card-line:#9bb9ff;
}
body{background:var(--canvas);color:var(--ink)}
.sidebar{background:var(--nav);color:var(--nav-text)}
nav a,nav a span,.nav-label,.sidebar-bottom small{color:var(--nav-muted)}
nav a:hover,nav a.active{background:var(--nav-active);color:var(--nav-text)}
nav a.active span{color:var(--nav-text)}
.topbar,.workstream,.flow-block,.skip{background:var(--surface);color:var(--ink)}
.topbar,.intro,h1 span,.edition,.edition b,.eyebrow,.overview-bottom p,.number,
.workstream p,.section-intro,.service-grid p,.principles p,.roadmap p,.roadmap b,
.decision p,.decision>span:first-child,footer,.flow-block p,.flow-block>span,.phase,.tag,.slash{color:var(--muted)}
.stage,.outcome,.phase span,.open,.closing,.system-flow{background:var(--soft);color:var(--ink)}
.mini-number,.closing-symbol,.closing a{color:var(--accent)}
.primary{background:var(--action);color:var(--on-action)}
.primary:hover{background:var(--action-hover)}
.blue{background:var(--card-blue);border-color:var(--card-blue);color:var(--card-text)}
.blue .number,.blue p,.blue .card-link{color:var(--card-text)}
.blue .card-link{border-color:var(--card-line)}
.flow-block{border-color:var(--line)}
.highlight{border-color:var(--accent)}
.closing p{color:var(--muted)}.closing strong{color:var(--ink)}
.service-grid article{border-top-color:var(--muted)}
.roadmap article{border-top-color:var(--line)}.roadmap article:first-child{border-top-color:var(--accent)}
.topbar{gap:20px;flex-wrap:wrap}.topbar-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);color:var(--ink);font:600 .875rem/1.5 'DM Sans',sans-serif;cursor:pointer}
.toolbar-button[hidden]{display:none}.toolbar-button:hover{background:var(--soft)}
.toolbar-button[aria-pressed="true"]{background:var(--soft);border-color:var(--accent)}
.theme-icon{font-size:1.25rem;line-height:1}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 3px var(--surface)}
.sidebar a:focus-visible,.blue:focus-visible,.primary:focus-visible{outline-color:#a8c2ff;box-shadow:0 0 0 3px #101c2b}
::selection{background:var(--action);color:var(--on-action)}
@media(forced-colors:active){.toolbar-button[aria-pressed="true"]{outline:2px solid Highlight}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:Highlight}}

/* Expanded reading view keeps navigation controls available. */
.topbar-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-width:0}
.sidebar[hidden]{display:none}
.sidebar-collapsed .page{margin-left:0}
.sidebar-collapsed main{max-width:1720px;padding-left:clamp(22px,4vw,72px);padding-right:clamp(22px,4vw,72px)}
.topbar .toolbar-button{flex-shrink:0}
.view-status{color:var(--ink);background:var(--soft);padding:12px 24px;margin:0}
.view-status:empty{display:none}
:root:fullscreen{overflow:auto;background:var(--canvas)}
@media(min-width:1101px){.sidebar-collapsed .workstream p{max-width:38ch}.sidebar-collapsed .system-layout{gap:clamp(30px,5vw,80px)}}
@media(max-width:760px){.topbar-heading{gap:12px}.topbar-actions{gap:10px}.sidebar-collapsed main{padding-left:22px;padding-right:22px}}