:root{
  --g-ink:#10233d;--g-muted:#60738e;--g-line:#dce7f4;--g-bg:#f5f9fe;--g-surface:#fff;
  --g-navy:#071a33;--g-blue:#1268e8;--g-purple:#6246d9;--g-aqua:#0cb8a5;--g-good:#0b9b69;
  --g-warn:#d97706;--g-bad:#c43a4c;--g-shadow:0 24px 70px rgba(16,54,97,.12);--g-max:1240px;
}
html[data-theme="dark"]{
  --g-ink:#e8f0fb;--g-muted:#9eb0c8;--g-line:#2a405d;--g-bg:#081728;--g-surface:#0f2035;
  --g-navy:#061426;--g-blue:#6da9ff;--g-purple:#9c85ff;--g-aqua:#42d8c5;--g-good:#55dda7;
  --g-warn:#f2b45d;--g-bad:#ff7a8a;--g-shadow:0 24px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--g-ink);background:linear-gradient(180deg,var(--g-bg),var(--g-surface) 28%,var(--g-bg));line-height:1.55}
a{color:inherit}.skip-link{position:fixed;left:14px;top:-70px;z-index:1200;padding:10px 14px;border-radius:10px;background:var(--g-navy);color:#fff;text-decoration:none;font-weight:900}.skip-link:focus{top:10px}
.reading-progress{position:fixed;inset:0 0 auto;z-index:1000;height:3px}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--g-blue),var(--g-purple))}
.shell{width:min(var(--g-max),calc(100% - 36px));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--g-surface) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--g-line)}
.topbar-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}.brand img{width:42px;height:42px;border-radius:12px}.brand span{display:grid}.brand small{font-size:.62rem;letter-spacing:.12em;color:var(--g-muted)}
.topbar nav{display:flex;align-items:center;gap:9px}.topbar nav a,.topbar nav button{border:0;background:transparent;color:var(--g-muted);font:inherit;font-size:.82rem;font-weight:800;padding:9px 11px;border-radius:10px;text-decoration:none;cursor:pointer}.topbar nav a:hover,.topbar nav button:hover{background:var(--g-bg);color:var(--g-blue)}.topbar nav .open{background:var(--g-navy);color:#fff}
.hero{margin-top:28px;border-radius:30px;padding:clamp(28px,5vw,58px);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:34px;background:radial-gradient(circle at 85% 15%,rgba(98,70,217,.35),transparent 35%),linear-gradient(135deg,#071a33,#0d315a 63%,#123f68);color:#fff;box-shadow:var(--g-shadow);overflow:hidden}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hero-meta span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:800}.hero h1{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.01;letter-spacing:-.05em;margin:0 0 17px}.hero-copy>p{max-width:760px;color:#cfe2f5;font-size:1.02rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 15px;border-radius:12px;font-weight:900;text-decoration:none}.btn.primary{background:#fff;color:#0a2b4f}.btn.ghost{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff}
.manual-search{max-width:770px;margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.1);padding:7px 9px 7px 13px}.manual-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit}.manual-search input::placeholder{color:#bdd2e8}.manual-search kbd{border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:2px 7px}.search-feedback{min-height:1.4em;margin-top:7px;color:#bdd2e8;font-size:.78rem}
.hero-principle{align-self:stretch;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.08);padding:22px}.mini-label,.eyebrow{display:block;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mini-label{color:#87d9ff}.hero-principle>strong{display:block;font-size:1.35rem;line-height:1.18;margin:8px 0 16px}.principle-list{display:grid;gap:9px}.principle-list p{margin:0;padding:10px;border-radius:12px;background:rgba(255,255,255,.07)}.principle-list b{display:block}.principle-list span{color:#cfe2f5;font-size:.82rem}
.journey{padding-block:34px 18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:17px}.section-head h2{margin:3px 0 0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.08;letter-spacing:-.035em}.section-head>p{max-width:500px;margin:0;color:var(--g-muted)}.eyebrow{color:var(--g-blue)}
.journey-track{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.journey-track a{min-height:112px;border:1px solid var(--g-line);border-radius:15px;background:var(--g-surface);padding:12px;text-decoration:none;box-shadow:0 10px 25px rgba(16,54,97,.05)}.journey-track b{color:var(--g-blue);font-size:.7rem}.journey-track span{display:block;font-weight:900;margin:7px 0 3px}.journey-track small{display:block;color:var(--g-muted);font-size:.7rem;line-height:1.32}
.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;padding-block:18px 70px}.toc{position:sticky;top:92px;align-self:start;border:1px solid var(--g-line);border-radius:18px;background:var(--g-surface);padding:16px;max-height:calc(100vh - 110px);overflow:auto}.toc-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.toc-title span{font-size:.72rem;color:var(--g-blue);font-weight:900}.toc a{display:block;padding:7px 8px;border-radius:8px;text-decoration:none;color:var(--g-muted);font-size:.78rem;font-weight:700}.toc a:hover,.toc a.active{background:var(--g-bg);color:var(--g-blue)}.toc-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.toc-actions button{border:1px solid var(--g-line);background:var(--g-bg);color:var(--g-ink);border-radius:9px;padding:7px;font-size:.7rem;font-weight:800;cursor:pointer}
.content{min-width:0}.guide-section{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding:34px 0;border-bottom:1px solid var(--g-line)}.section-marker span{display:block;font-weight:950;font-size:2rem;color:color-mix(in srgb,var(--g-blue) 48%,var(--g-line))}.section-marker i{font-style:normal;font-size:.62rem;letter-spacing:.1em;font-weight:900;color:var(--g-muted)}.section-body h3{margin:25px 0 10px;font-size:1.05rem}.section-body p{color:var(--g-muted)}
.lens-grid{display:grid;gap:10px}.lens-grid.four{grid-template-columns:repeat(4,1fr)}.lens-grid.three{grid-template-columns:repeat(3,1fr)}.lens-grid article,.risk-grid article,.tool-grid article,.decision-grid article{border:1px solid var(--g-line);border-radius:15px;background:var(--g-surface);padding:15px}.lens-grid article>span,.tool-grid article>span{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--g-blue);font-weight:900}.lens-grid strong,.tool-grid strong{display:block;margin:6px 0;line-height:1.2}.lens-grid p,.tool-grid p{margin:0;font-size:.82rem}
.risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.risk-grid p{margin:4px 0 0;font-size:.82rem}
.callout{margin-top:17px;border:1px solid var(--g-line);border-left:4px solid var(--g-blue);border-radius:14px;background:var(--g-bg);padding:15px}.callout span{display:block;font-size:.65rem;font-weight:900;letter-spacing:.1em;color:var(--g-blue)}.callout b{display:block;margin:4px 0}.callout p{margin:0}.callout.warn{border-left-color:var(--g-warn)}.callout.warn span{color:var(--g-warn)}.callout.good{border-left-color:var(--g-good)}.callout.good span{color:var(--g-good)}.callout.boundary{border-left-color:var(--g-purple)}.callout.boundary span{color:var(--g-purple)}
.step-list{padding:0;list-style:none;counter-reset:steps;display:grid;gap:9px}.step-list li{counter-increment:steps;position:relative;padding:14px 14px 14px 52px;border:1px solid var(--g-line);border-radius:13px;background:var(--g-surface)}.step-list li::before{content:counter(steps);position:absolute;left:13px;top:13px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:var(--g-navy);color:#fff;font-size:.75rem;font-weight:900}.step-list p{margin:3px 0 0;font-size:.83rem}
.table-wrap{overflow:auto;border:1px solid var(--g-line);border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap th,.table-wrap td{padding:10px 11px;border-bottom:1px solid var(--g-line);text-align:left;vertical-align:top;font-size:.78rem}.table-wrap th{background:var(--g-bg);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.table-wrap td{color:var(--g-muted)}.table-wrap td:first-child{font-weight:900;color:var(--g-ink)}
.workflow-table{display:grid;gap:8px}.workflow-table article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid var(--g-line);border-radius:13px;background:var(--g-surface);padding:12px}.workflow-table article>span{width:34px;height:34px;border-radius:10px;background:var(--g-bg);display:grid;place-items:center;color:var(--g-blue);font-weight:900}.workflow-table article p{margin:2px 0 0;font-size:.8rem}.workflow-table em{font-style:normal;font-size:.64rem;font-weight:900;color:var(--g-purple);background:color-mix(in srgb,var(--g-purple) 9%,var(--g-surface));padding:5px 7px;border-radius:999px;white-space:nowrap}
.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.evidence-grid article{border:1px solid var(--g-line);border-radius:15px;background:var(--g-surface);padding:15px}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.08em}.retrieved{background:#edf4ff;color:#2459a9}.computed{background:#f1edff;color:#6246d9}.measured{background:#e6f8f2;color:#087a55}.reviewed{background:#fff2df;color:#a96000}.evidence-grid h3{margin:10px 0 5px}.evidence-grid p{margin:0;font-size:.8rem}
.deep-dive{display:grid;gap:8px;margin-top:14px}.deep-dive details{border:1px solid var(--g-line);border-radius:13px;background:var(--g-surface);overflow:hidden}.deep-dive summary{cursor:pointer;padding:12px 14px;font-weight:850}.detail-body{padding:0 14px 14px}.detail-body p{margin:0}.micro-rule,.micro-example{display:grid;gap:5px;margin-top:10px;padding:10px;border-radius:10px;background:var(--g-bg);font-size:.78rem}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tool-grid a{display:inline-flex;margin-top:10px;color:var(--g-blue);font-size:.78rem;font-weight:900}.tool-grid article{display:flex;flex-direction:column}.tool-grid article p{flex:1}
.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.decision-grid strong{display:block}.decision-grid p{margin:4px 0 0;font-size:.8rem}
.final-cta{margin-top:26px;border-radius:22px;background:linear-gradient(135deg,var(--g-navy),#123f68);color:#fff;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.final-cta h2{margin:4px 0 6px}.final-cta p{margin:0;color:#cfe2f5}.final-cta .btn{margin-left:7px}
.search-hidden{display:none!important}.footer{border-top:1px solid var(--g-line);padding:28px 0 42px;color:var(--g-muted);font-size:.78rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:var(--g-blue);font-weight:800}
@media(max-width:1050px){.journey-track{grid-template-columns:repeat(4,1fr)}.lens-grid.four,.evidence-grid,.decision-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.topbar nav a:not(.open){display:none}.hero{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr}.toc{position:relative;top:auto;max-height:none}.guide-section{grid-template-columns:1fr}.section-marker{display:flex;align-items:center;gap:8px}.section-marker span{font-size:1.3rem}.section-head{align-items:start;flex-direction:column}.workflow-table article{grid-template-columns:42px 1fr}.workflow-table em{grid-column:2}}
@media(max-width:620px){.shell{width:min(100% - 22px,var(--g-max))}.topbar-inner{min-height:64px}.brand small{display:none}.hero{padding:23px;border-radius:20px}.hero h1{font-size:2.35rem}.journey-track{grid-template-columns:repeat(2,1fr)}.lens-grid.four,.lens-grid.three,.risk-grid,.evidence-grid,.decision-grid,.tool-grid{grid-template-columns:1fr}.final-cta{align-items:flex-start;flex-direction:column}.final-cta .btn{margin:6px 6px 0 0}.toc-actions{grid-template-columns:1fr}.workflow-table article{grid-template-columns:36px 1fr;padding:10px}.workflow-table article>span{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.inline-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.inline-actions .btn{border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-blue)}.inline-actions .btn.primary{border-color:var(--g-navy);background:var(--g-navy);color:#fff}

/* Complete-guide role, worked-programme and advancement layers */
.role-start{padding:8px 0 24px}
.role-start-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.role-start-grid a{display:flex;min-height:132px;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--g-line);border-radius:15px;background:var(--g-surface);text-decoration:none;box-shadow:0 10px 25px rgba(16,54,97,.04)}
.role-start-grid a:hover{border-color:color-mix(in srgb,var(--g-blue) 52%,var(--g-line));transform:translateY(-1px)}
.role-start-grid span{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--g-blue);font-weight:900}
.role-start-grid b{font-size:.84rem;line-height:1.25}
.role-start-grid small{margin-top:auto;color:var(--g-muted);font-size:.68rem}
.role-playbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.role-playbook-grid article{display:flex;flex-direction:column;border:1px solid var(--g-line);border-radius:15px;background:var(--g-surface);padding:15px}
.role-playbook-grid article>span{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--g-purple);font-weight:900}
.role-playbook-grid h3{margin:6px 0 5px}
.role-playbook-grid p{margin:0 0 10px;font-size:.82rem;flex:1}
.role-playbook-grid a{font-size:.78rem;font-weight:900;color:var(--g-blue)}
.worked-path{display:grid;gap:8px}
.worked-path article{display:grid;grid-template-columns:118px minmax(0,1fr) 86px minmax(0,.72fr);gap:11px;align-items:start;border:1px solid var(--g-line);border-radius:13px;background:var(--g-surface);padding:12px}
.worked-path b{color:var(--g-blue)}
.worked-path p{margin:0;font-size:.8rem}
.worked-path strong{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--g-muted)}
.worked-path span{font-size:.78rem;font-weight:750}
.advance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.advance-grid article{border:1px solid var(--g-line);border-radius:15px;background:var(--g-surface);padding:15px}
.advance-grid article>span{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--g-blue);font-weight:900;margin-bottom:8px}
.advance-grid ul{margin:0;padding-left:18px;color:var(--g-muted);font-size:.8rem}
.advance-grid li+li{margin-top:6px}
@media(max-width:1150px){.role-start-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.role-start-grid{grid-template-columns:repeat(2,1fr)}.advance-grid{grid-template-columns:1fr}.worked-path article{grid-template-columns:100px minmax(0,1fr)}.worked-path strong,.worked-path span{grid-column:2}}
@media(max-width:620px){.role-start-grid,.role-playbook-grid{grid-template-columns:1fr}.worked-path article{grid-template-columns:1fr}.worked-path strong,.worked-path span{grid-column:auto}.role-start-grid a{min-height:112px}}
