:root{--navy:#071226;--navy2:#0c1b36;--panel:#102441;--paper:#f4f7fb;--ink:#17243a;--muted:#60708a;--line:#d9e2ee;--cyan:#71e8ff;--purple:#a797ff;--gold:#e1bd74;--white:#fff;--input:#fff3c4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans Thai",sans-serif;line-height:1.7}
a{color:inherit}
.skip-link{position:absolute;left:-9999px;top:12px;z-index:100;padding:10px 15px;background:#fff;color:#071226}
.skip-link:focus{left:12px}
.ol-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px max(22px,calc((100vw - 1240px)/2));border-bottom:1px solid #fff2;background:#071226f2;backdrop-filter:blur(16px);color:#fff}
.ol-brand{text-decoration:none;font-weight:800;letter-spacing:-.04em}
.ol-brand small{display:block;color:#86edff;font:500 .58rem/1.2 "DM Mono",monospace;letter-spacing:.14em}
.ol-header nav{display:flex;align-items:center;gap:22px;font-size:.78rem}
.ol-header nav a{text-decoration:none;color:#c7d4e8}
.ol-header nav a:hover,.ol-header nav a:focus-visible{color:#fff}
.ol-header .ol-nav-cta{padding:8px 14px;border:1px solid #70eaff66;border-radius:999px;color:#fff}
.ol-mobile-nav{display:none}
.ol-hero{padding:92px max(24px,calc((100vw - 1168px)/2)) 105px;background:radial-gradient(circle at 80% 10%,#2a75a166,transparent 30%),linear-gradient(135deg,#071226,#10254b 65%,#302979);color:#fff}
.ol-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}
.eyebrow{margin:0 0 18px;color:var(--cyan);font:600 .68rem/1.3 "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase}
.ol-hero h1{max-width:850px;margin:0;font-size:clamp(3.1rem,7vw,6.8rem);line-height:.9;letter-spacing:-.07em}
.ol-hero h1 em{font:inherit;font-style:normal;color:var(--cyan)}
.ol-lead{max-width:740px;margin:28px 0 0;color:#c2d0e5;font-size:1.08rem}
.ol-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-weight:700}
.button-primary{background:var(--cyan);color:#061426}
.button-secondary{border-color:#74e9ff70;color:#fff}
.button-dark{background:#071226;color:#fff}
.hero-facts{margin:0;padding:0;list-style:none;border-top:1px solid #fff3}
.hero-facts li{padding:17px 0;border-bottom:1px solid #fff3;color:#c7d4e8}
.hero-facts strong{display:block;color:#fff;font-size:1.02rem}
.ol-principle{display:grid;grid-template-columns:repeat(4,1fr);background:#08162e;color:#fff;border-block:1px solid #fff2}
.ol-principle div{padding:25px 28px;border-right:1px solid #fff2}
.ol-principle div:last-child{border-right:0}
.ol-principle span{display:block;color:var(--cyan);font:500 .62rem "DM Mono",monospace;letter-spacing:.1em}
.ol-principle strong{display:block;margin-top:8px;font-size:1.08rem}
.ol-section{max-width:1240px;margin:auto;padding:100px 36px}
.section-heading{display:grid;grid-template-columns:.45fr 1.55fr;gap:36px;margin-bottom:46px}
.section-heading h2{max-width:830px;margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95;letter-spacing:-.06em}
.section-heading p:not(.eyebrow){max-width:760px;color:var(--muted)}
.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.module-card{position:relative;display:grid;grid-template-columns:72px 1fr;gap:22px;min-height:235px;padding:26px;border:1px solid var(--line);background:#fff;text-decoration:none;transition:.2s ease}
.module-card:hover,.module-card:focus-visible{transform:translateY(-3px);border-color:#6bc7da;box-shadow:0 22px 50px #16345a14}
.module-card .number{color:#335176;font:700 2.2rem/1 "DM Mono",monospace}
.module-card small{color:#5e72a0;font:600 .62rem "DM Mono",monospace;letter-spacing:.08em}
.module-card h3{margin:8px 0 10px;font-size:1.35rem;line-height:1.18}
.module-card p{margin:0;color:var(--muted);font-size:.9rem}
.module-card b{display:block;margin-top:16px;color:#12657a;font-size:.82rem}
.ol-dark{max-width:none;padding-left:max(36px,calc((100vw - 1168px)/2));padding-right:max(36px,calc((100vw - 1168px)/2));background:#08162e;color:#fff}
.ol-dark .section-heading p:not(.eyebrow){color:#a9bbd4}
.case-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.case-panel{padding:34px;border:1px solid #fff2;background:#0e2140}
.case-panel h3{margin:0 0 14px;font-size:1.7rem;line-height:1.15}
.case-panel p{color:#b9c9df}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.metric-grid div{padding:22px;background:#fff0b;border:1px solid #fff2}
.metric-grid strong{display:block;color:var(--cyan);font-size:1.65rem}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.resource-card{padding:26px;border:1px solid var(--line);background:#fff}
.resource-card h3{margin:8px 0}
.resource-card p{color:var(--muted);font-size:.88rem}
.resource-card a{color:#12657a;font-weight:700}
.ol-cta{padding:95px 24px;text-align:center;background:radial-gradient(circle at 50% -20%,#62e6ff55,transparent 38%),linear-gradient(135deg,#3d2b97,#075f88);color:#fff}
.ol-cta h2{max-width:880px;margin:0 auto 20px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.96;letter-spacing:-.06em}
.ol-cta p{max-width:720px;margin:0 auto 28px;color:#d4e6f4}
.ol-footer{display:flex;justify-content:space-between;gap:20px;padding:30px max(24px,calc((100vw - 1168px)/2));background:#061020;color:#a9bad2;font-size:.78rem}
.ol-footer a{color:#fff}
.course-hero{padding-bottom:74px}
.course-hero h1{max-width:1000px;font-size:clamp(3rem,6vw,5.9rem)}
.course-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border:1px solid #fff2}
.course-summary div{padding:22px;border-right:1px solid #fff2}
.course-summary div:last-child{border-right:0}
.course-summary strong{display:block;font-size:1.4rem}
.course-summary span{color:#aebfd6;font-size:.78rem}
.book-cover{display:block;width:min(100%,420px);height:auto;justify-self:center;box-shadow:0 28px 65px #0005}
.curriculum-list{border-top:1px solid var(--line)}
.curriculum-row{display:grid;grid-template-columns:75px 170px 1fr 230px;gap:20px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}
.curriculum-row>strong{font:700 1.7rem "DM Mono",monospace;color:#315274}
.curriculum-row small{color:#6c63a8;font:600 .63rem "DM Mono",monospace;letter-spacing:.08em}
.curriculum-row h3{margin:5px 0 7px;font-size:1.15rem}
.curriculum-row p{margin:0;color:var(--muted);font-size:.87rem}
.curriculum-row>a{justify-self:end;color:#12657a;font-weight:700}
.lesson-hero{padding:72px max(24px,calc((100vw - 1080px)/2)) 65px}
.lesson-crumbs{margin:0 0 30px;color:#9db1ce;font-size:.75rem}
.lesson-crumbs a{color:#d8e9fb}
.lesson-hero h1{max-width:920px;font-size:clamp(2.8rem,6vw,5.6rem)}
.lesson-outcome{max-width:760px;margin-top:30px;padding:20px 22px;border-left:3px solid var(--cyan);background:#fff1}
.lesson-outcome span{display:block;color:var(--cyan);font:600 .65rem "DM Mono",monospace;letter-spacing:.1em}
.lesson-outcome strong{display:block;margin-top:6px;font-size:1.08rem}
.lesson-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;gap:64px;max-width:1080px;margin:auto;padding:74px 24px 110px}
.lesson-content{min-width:0}
.lesson-content section{margin-bottom:74px;scroll-margin-top:96px}
.lesson-content h2{margin:0 0 22px;font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:-.05em}
.lesson-content h3{margin:28px 0 8px;font-size:1.2rem}
.lesson-content p{color:#40516a}
.lesson-content li{margin-bottom:10px;color:#40516a}
.lesson-nav{position:sticky;top:92px;align-self:start;padding:18px;border-left:1px solid var(--line)}
.lesson-nav strong{display:block;margin-bottom:12px;font-size:.75rem}
.lesson-nav a{display:block;padding:6px 0;color:#60718a;font-size:.78rem;text-decoration:none}
.lesson-nav a:hover,.lesson-nav a:focus-visible{color:#0b6378}
.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.concept-card{padding:23px;border:1px solid var(--line);background:#fff}
.concept-card h3{margin:0 0 8px}
.concept-card p{margin:0;font-size:.88rem}
.workflow-visual{display:flex;align-items:stretch;gap:7px;margin-top:26px;overflow-x:auto}
.workflow-visual span{min-width:122px;padding:18px 12px;border:1px solid #bfd0e4;background:#fff;text-align:center;font-size:.78rem;font-weight:700}
.workflow-visual i{align-self:center;color:#4d6888;font-style:normal}
.case-study{padding:28px;border-left:4px solid var(--purple);background:#0b1b35;color:#fff}
.case-study .case-label{color:#b8aaff;font:600 .63rem "DM Mono",monospace;letter-spacing:.08em}
.case-study h3{font-size:1.55rem}
.case-study p,.case-study li{color:#c3d0e3}
.exercise{padding:30px;border:2px solid #d8bd72;background:#fffaf0}
.exercise .exercise-label{color:#8a641b;font:700 .65rem "DM Mono",monospace;letter-spacing:.08em}
.exercise ol{padding-left:22px}
.deliverable{padding:28px;background:#e7f7fb;border:1px solid #a7d8e3}
.deliverable h3{margin-top:0}
.mistake-list{padding:0;list-style:none}
.mistake-list li{position:relative;padding:15px 15px 15px 44px;border-bottom:1px solid var(--line)}
.mistake-list li:before{content:"×";position:absolute;left:13px;color:#a43838;font-size:1.3rem;font-weight:800}
.source-list{font-size:.84rem}
.source-list a{color:#0b657c}
.source-note{color:#77869a;font-size:.75rem}
.lesson-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lesson-pager a{padding:20px;border:1px solid var(--line);background:#fff;text-decoration:none}
.lesson-pager a:last-child{text-align:right}
.mobile-toc{display:none;margin:18px 0 0}
.mobile-toc summary{cursor:pointer;font-weight:700}
.mobile-toc a{display:block;padding:7px 0;color:#486078}
.legal-note{padding:18px;border:1px solid #e3d09e;background:#fffaf0;color:#665526;font-size:.82rem}
.lesson-prose p{font-size:1.02rem;line-height:1.9}
.deep-dive-list{border-top:1px solid var(--line)}
.deep-dive{padding:28px 0;border-bottom:1px solid var(--line)}
.deep-dive h3{margin:0 0 12px;font-size:1.45rem}
.deep-dive p{margin:10px 0;line-height:1.85}
.example-table-wrap{max-width:100%;margin:24px 0;overflow-x:auto;border:1px solid var(--line);background:#fff;-webkit-overflow-scrolling:touch}
.example-table{width:100%;min-width:680px;border-collapse:collapse;font-size:.84rem}
.example-table th,.example-table td{padding:15px;text-align:left;vertical-align:top;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.example-table th:last-child,.example-table td:last-child{border-right:0}
.example-table tr:last-child td{border-bottom:0}
.example-table th{background:#10213f;color:#fff;font-size:.76rem}
.worked-note{padding:20px;border-left:3px solid var(--cyan);background:#eaf8fb}
.reflection-list{padding:0;list-style:none;counter-reset:reflection}
.reflection-list li{position:relative;margin:0;padding:18px 18px 18px 62px;border-bottom:1px solid var(--line);counter-increment:reflection}
.reflection-list li:before{content:counter(reflection,decimal-leading-zero);position:absolute;left:12px;color:#0b657c;font:700 1.15rem "DM Mono",monospace}
.takeaway{margin-top:28px;padding:25px 28px;background:#0b1b35;color:#fff}
.takeaway span{color:var(--cyan);font:600 .64rem "DM Mono",monospace;letter-spacing:.08em}
.takeaway p{margin:9px 0 0;color:#d5e1f1;font-size:1.04rem}
.lesson-nav{max-height:calc(100vh - 110px);overflow:auto}
.story-opening h2{max-width:680px}
.morning-scene{position:relative;margin:28px 0;padding:34px 36px;border-radius:2px;background:linear-gradient(145deg,#0b1c36,#172d50);box-shadow:0 24px 55px #132b4b20;color:#fff}
.morning-scene:after{content:"";position:absolute;right:24px;bottom:-14px;border:14px solid transparent;border-top-color:#172d50;border-right:0}
.morning-scene .scene-time{margin-bottom:18px;color:var(--cyan);font:600 .68rem "DM Mono",monospace;letter-spacing:.08em}
.morning-scene p{max-width:660px;margin:12px 0;color:#d4e1f1;font-size:1rem;line-height:1.85}
.chapter-lead{font-size:1.08rem;line-height:1.9!important;color:#2d405c!important}
.chapter-lead em{font-style:normal;font-weight:700;color:#0b657c}
.lesson-promise{margin-top:26px;padding:22px 25px;border:1px solid #9bd7e4;background:#eaf8fb}
.lesson-promise span,.sample-answer>span,.answer-strip>span{color:#0b657c;font:700 .66rem "DM Mono",monospace;letter-spacing:.08em}
.lesson-promise p{margin:7px 0 0}
.lesson-cite{display:inline-block;color:#075f88;font:700 .72rem "DM Mono",monospace;text-decoration:none;vertical-align:super}
.figure-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:22px}
.figure-heading span{flex:none;color:#596c86;font:600 .65rem "DM Mono",monospace;letter-spacing:.08em}
.figure-heading h3{margin:0;font-size:1.35rem}
.autonomy-figure,.agent-loop-figure{margin:38px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}
.autonomy-track{display:flex;align-items:center;gap:9px;margin:0 3px 18px;color:#5b6e88;font:600 .65rem "DM Mono",monospace;letter-spacing:.04em}
.autonomy-track i{height:1px;flex:1;background:linear-gradient(90deg,#71dff6,#8d79e7)}
.autonomy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.autonomy-cards article{min-height:245px;padding:20px;border:1px solid var(--line);background:#f8fafc}
.autonomy-cards article:nth-child(2){background:#f3f8ff}.autonomy-cards article:nth-child(3){background:#f5f2ff}
.visual-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:23px;border-radius:50%;background:#dff6fb;color:#0b657c;font:700 .78rem "DM Mono",monospace}
.copilot-icon{background:#e6edff;color:#3e5b9d}.agent-icon{background:#ebe5ff;color:#5f4dac}
.autonomy-cards small{color:#61728c;font:600 .62rem "DM Mono",monospace;letter-spacing:.08em}.autonomy-cards h4{margin:9px 0;font-size:1.12rem}.autonomy-cards p{margin:0;font-size:.86rem;line-height:1.7}
.autonomy-figure figcaption,.agent-loop-figure figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.story-concepts{margin-top:30px;border-top:1px solid var(--line)}
.story-concepts article{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid var(--line)}
.story-number{color:#9badd0;font:700 1.45rem "DM Mono",monospace}.story-concepts h3{margin:2px 0 11px;font-size:1.45rem}.story-concepts p{margin:9px 0;line-height:1.85}
.plain-test{padding:13px 16px;background:#fff;border-left:3px solid #8acddd;font-size:.88rem}
.human-card{margin-top:30px;padding:30px;border-left:4px solid #e1bd74;background:#fff9ec}.human-card span{color:#8a641b;font:700 .66rem "DM Mono",monospace;letter-spacing:.07em}.human-card h3{margin-top:9px}
.agent-loop{display:grid;grid-template-columns:repeat(9,max-content);align-items:center;gap:8px;overflow-x:auto;padding-bottom:8px}
.agent-loop div{display:grid;grid-template-columns:28px 130px;min-width:180px;padding:15px;border:1px solid var(--line);background:#f7f9fc}.agent-loop b{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0b657c;color:#fff;font:.65rem "DM Mono",monospace}.agent-loop strong{font-size:.82rem}.agent-loop span{color:#697a91;font-size:.72rem;line-height:1.45}.agent-loop i{color:#58718d;font-style:normal}
.anatomy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0 36px}.anatomy-grid article{padding:20px;border:1px solid var(--line);background:#fff}.anatomy-grid strong{color:#0b657c}.anatomy-grid p{margin:6px 0 0;font-size:.84rem}
.autonomy-budget{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:22px 0 26px;background:#bfccdc;border:1px solid #bfccdc}.autonomy-budget div{padding:20px;background:#f8fafc}.autonomy-budget span{color:#5b4aa2;font:700 .68rem "DM Mono",monospace;letter-spacing:.06em}.autonomy-budget p{margin:6px 0 0;font-size:.84rem}
.email-mock{margin:30px 0;padding:0 28px 28px;border:1px solid #cad6e5;background:#fff;box-shadow:0 16px 40px #17315112}.email-toolbar{display:flex;align-items:center;gap:7px;margin:0 -28px 22px;padding:12px 16px;background:#10213f;color:#fff}.email-toolbar span{width:8px;height:8px;border-radius:50%;background:#ff8f80}.email-toolbar span:nth-child(2){background:#efc663}.email-toolbar span:nth-child(3){background:#75d0a0}.email-toolbar b{margin-left:9px;font-size:.75rem}.email-mock dl{margin:0}.email-mock dl div{display:grid;grid-template-columns:70px 1fr;padding:8px 0;border-bottom:1px solid var(--line)}.email-mock dt{color:#75859a;font-size:.75rem}.email-mock dd{margin:0;font-size:.82rem}.email-mock>p{margin:20px 0;line-height:1.85}.attachment-chip{display:inline-block;padding:8px 12px;border-radius:999px;background:#edf3fa;color:#3a5271;font-size:.74rem}
.case-walkthrough{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.case-walkthrough article{padding:23px;border:1px solid var(--line);background:#fff}.case-walkthrough span{color:#5f4dac;font:700 .65rem "DM Mono",monospace;letter-spacing:.06em}.case-walkthrough h3{margin:9px 0}.case-walkthrough p{margin:0;font-size:.86rem;line-height:1.75}
.story-pause{margin-top:22px;padding:23px 25px;border-left:4px solid var(--purple);background:#0b1b35;color:#fff}.story-pause strong{color:#b8aaff}.story-pause p{margin:7px 0 0;color:#cdd9e9}
.decision-walkthrough{margin:28px 0;border-top:1px solid var(--line)}.decision-walkthrough article{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.decision-walkthrough article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#10213f;color:var(--cyan);font:700 .8rem "DM Mono",monospace}.decision-walkthrough h3{margin:0 0 7px}.decision-walkthrough p{margin:0}
.answer-strip{padding:24px 26px;background:#e8f7fb;border:1px solid #a7d8e3}.answer-strip p{margin:8px 0 0}.not-agent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.not-agent-grid article{display:flex;gap:13px;padding:18px;border:1px solid var(--line);background:#fff}.not-agent-grid span{color:#a43838;font:700 .72rem "DM Mono",monospace}.not-agent-grid p{margin:0;font-size:.84rem}
.sample-answer{margin-top:26px;padding:27px;border:1px solid #bdcfe2;background:#fff}.sample-answer h3{margin:9px 0 18px}.sample-answer dl{margin:0}.sample-answer dl div{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.sample-answer dt{font-weight:700;color:#4c5e78}.sample-answer dd{margin:0;color:#40516a}
.idea-room{margin-bottom:0}.idea-wall{display:flex;flex-wrap:wrap;gap:10px;margin:0 18px 34px;padding:26px 24px 22px;border:1px solid #d4c49d;border-top:0;background:#fffaf0}.idea-wall span{padding:11px 15px;background:#fff0ae;box-shadow:2px 3px 0 #d8c983;color:#594d2d;font-size:.8rem;transform:rotate(-1deg)}.idea-wall span:nth-child(2n){background:#dff5f8;transform:rotate(1deg)}.idea-wall span:nth-child(3n){background:#ece5ff;transform:rotate(-.5deg)}
.discovery-funnel{margin:38px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.funnel-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:9px}.funnel-steps article{display:flex;flex-direction:column;padding:19px 17px;border:1px solid var(--line);background:#f8fafc}.funnel-steps article:nth-of-type(4){border-color:#8bcddd;background:#eaf8fb}.funnel-steps b{color:#9badd0;font:700 .72rem "DM Mono",monospace}.funnel-steps strong{margin:9px 0 6px}.funnel-steps span{color:#61728a;font-size:.76rem;line-height:1.55}.funnel-steps>i{align-self:center;color:#60758e;font-style:normal}.discovery-funnel figcaption,.portfolio-figure figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.evidence-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.evidence-levels article{padding:22px;border:1px solid var(--line);background:#fff}.evidence-levels h3{margin:12px 0 8px;font-size:1rem}.evidence-levels p{margin:0;font-size:.82rem;line-height:1.7}.evidence-tag{display:inline-block;padding:5px 8px;border-radius:999px;font:700 .62rem "DM Mono",monospace;letter-spacing:.06em}.evidence-tag.fact{background:#dff5e9;color:#176443}.evidence-tag.estimate{background:#fff0cf;color:#7a581c}.evidence-tag.unknown{background:#ece9f8;color:#5a4a8b}
.before-after-problem{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:25px 0 34px}.before-after-problem>div{min-height:112px;padding:20px;border:1px solid var(--line);background:#fff}.before-after-problem>div:last-child{border-color:#8bcddd;background:#eaf8fb}.before-after-problem small{color:#718097;font:700 .63rem "DM Mono",monospace;letter-spacing:.08em}.before-after-problem p{margin:8px 0 0;font-size:.88rem}.before-after-problem>i{color:#60758e;font-style:normal}.field-questions{padding-left:19px}.field-questions li{margin:8px 0;color:#4d5360}.priority-lenses{margin-bottom:30px}.score-warning{margin-top:27px;padding:24px 27px;border:1px solid #d8c99f;background:#fffaf0}.score-warning strong{color:#795e22}.score-warning p{margin:8px 0 0}
.portfolio-figure{margin:35px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-left:48px;background:#c8d4e2;border:1px solid #c8d4e2}.portfolio-zone{position:relative;min-height:230px;padding:18px;background:#f8fafc}.portfolio-zone.pilot{background:#e9f8f5}.portfolio-zone.research{background:#fff8e7}.portfolio-zone.quick{background:#eef4fb}.portfolio-zone.park{background:#f4f5f7}.portfolio-zone>small{font:700 .64rem "DM Mono",monospace;letter-spacing:.06em}.portfolio-zone>p{margin:5px 0;color:#6d7c90;font-size:.73rem}.portfolio-axis-y{float:left;display:flex;width:34px;height:462px;flex-direction:column;justify-content:space-between;align-items:center;padding-top:5px}.portfolio-axis-y span{writing-mode:vertical-rl;transform:rotate(180deg);color:#64758c;font:600 .59rem "DM Mono",monospace;letter-spacing:.05em}.portfolio-axis-x{display:flex;justify-content:space-between;margin:11px 0 0 48px;color:#64758c;font:600 .59rem "DM Mono",monospace;letter-spacing:.05em}.use-case-pin{position:absolute;display:flex;min-width:145px;max-width:190px;flex-direction:column;padding:11px 13px;border-radius:2px;background:#10213f;box-shadow:0 8px 18px #10213f25;color:#fff}.use-case-pin b{font-size:.75rem}.use-case-pin em{margin-top:3px;color:#bdcce0;font-size:.66rem;font-style:normal}.pin-production{left:20%;top:47%}.pin-order{right:9%;top:38%}.pin-supplier{left:8%;bottom:14%}.pin-meeting{right:16%;top:43%}.portfolio-decisions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.portfolio-decisions article{padding:22px;border:1px solid var(--line);background:#fff}.portfolio-decisions span{color:#0b657c;font:700 .64rem "DM Mono",monospace;letter-spacing:.07em}.portfolio-decisions h3{margin:8px 0}.portfolio-decisions p{margin:0;font-size:.84rem;line-height:1.7}
.time-split,.work-item-trail,.swimlane-figure{margin:36px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.time-bars{display:grid;gap:18px}.time-bars article{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:15px}.time-bars article>span{color:#53667f;font-size:.78rem;font-weight:700}.time-bars article>div{width:var(--size);min-width:118px;padding:13px 15px;background:#dff5f8;border-left:4px solid #0b657c}.time-bars article:last-child>div{background:#fff0cf;border-color:#c09032}.time-bars b,.time-bars small{display:block}.time-bars small{margin-top:3px;color:#65758b;font-size:.7rem}.time-split figcaption,.work-item-trail figcaption,.swimlane-figure figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.exception-contract{margin:26px 0 34px;padding:26px;border-left:4px solid #d0a54d;background:#fff9ec}.exception-contract>span{color:#8a641b;font:700 .65rem "DM Mono",monospace;letter-spacing:.08em}.exception-contract dl{margin:15px 0 0}.exception-contract dl div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:12px 0;border-top:1px solid #e5d6ae}.exception-contract dt{font-weight:700;color:#584920}.exception-contract dd{margin:0;color:#526176}
.trail-line{display:grid;grid-template-columns:1fr auto 1fr auto 1.25fr auto 1fr auto 1.15fr;align-items:stretch;gap:8px}.trail-line article{padding:16px;border:1px solid var(--line);background:#f8fafc}.trail-line article.waiting{background:#fff8e7;border-color:#e1cc91}.trail-line article.blocked{background:#fff0ee;border-color:#e2aaa2}.trail-line b,.trail-line strong,.trail-line small{display:block}.trail-line b{color:#0b657c;font:.7rem "DM Mono",monospace}.trail-line strong{margin:8px 0 5px;font-size:.82rem}.trail-line small{color:#687990;line-height:1.5}.trail-line>i{align-self:center;color:#61758e;font-style:normal}
.swimlane{display:grid;gap:2px;background:#d3dde9;border:1px solid #d3dde9;overflow-x:auto}.lane-row{display:grid;grid-template-columns:105px repeat(3,minmax(155px,1fr));gap:2px;min-width:640px;background:#d3dde9}.lane-row>*{min-height:62px;padding:13px;background:#f8fafc}.lane-row>b{display:grid;align-items:center;background:#10213f;color:#fff;font-size:.76rem}.lane-step{position:relative;display:grid;align-items:center;border-left:3px solid #0b657c!important;background:#e8f7fb!important;color:#30455f;font-size:.76rem;font-weight:700}.lane-step.human-step{border-color:#6b58b3!important;background:#f0edff!important}.lane-step.system-step{border-color:#647891!important;background:#eef2f7!important}.lane-step.muted-step{border-color:#c49638!important;background:#fff6dd!important}
.permission-ladder,.architecture-map{margin:36px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.ladder-steps{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:7px}.ladder-steps article{display:flex;min-height:190px;flex-direction:column;padding:17px;border:1px solid var(--line);background:#f8fafc}.ladder-steps article:nth-child(2){min-height:215px}.ladder-steps article:nth-child(3){min-height:240px;background:#e8f7fb}.ladder-steps article:nth-child(4){min-height:265px;background:#f0edff}.ladder-steps article:nth-child(5){min-height:290px;background:#10213f;color:#fff}.ladder-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0b657c;color:#fff;font:.72rem "DM Mono",monospace}.ladder-steps span{margin-top:auto;color:#6b58b3;font:700 .62rem "DM Mono",monospace;letter-spacing:.07em}.ladder-steps strong{margin:7px 0;font-size:.86rem}.ladder-steps small{color:#697991;line-height:1.5}.ladder-steps article:last-child small{color:#bdcbe0}.permission-ladder figcaption,.architecture-map figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.trust-questions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.trust-questions article{padding:23px;border:1px solid var(--line);background:#fff}.trust-questions span{color:#0b657c;font:700 .64rem "DM Mono",monospace;letter-spacing:.07em}.trust-questions h3{margin:8px 0}.trust-questions p{margin:0;font-size:.85rem}
.architecture-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr auto 1fr;align-items:stretch;gap:8px}.architecture-flow article{display:flex;min-height:190px;flex-direction:column;padding:18px;border:1px solid var(--line);background:#f8fafc}.architecture-flow article.external-zone{border-top:4px solid #c3574d;background:#fff3f1}.architecture-flow article.agent-zone{border-top:4px solid #0b657c;background:#e8f7fb}.architecture-flow article.tool-zone{border-top:4px solid #6b58b3;background:#f0edff}.architecture-flow article.record-zone{border-top:4px solid #455c78;background:#edf2f7}.architecture-flow small{color:#697b92;font:700 .59rem "DM Mono",monospace;letter-spacing:.05em}.architecture-flow strong{margin:12px 0 6px}.architecture-flow span{color:#5d6f86;font-size:.73rem;line-height:1.55}.architecture-flow>i{align-self:center;color:#60758e;font:.7rem "DM Mono",monospace}.audit-rail{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;padding:13px;background:#10213f;color:#d9e4f2}.audit-rail b{color:#6ee7ff;font:.65rem "DM Mono",monospace}.audit-rail span{padding-left:8px;border-left:1px solid #ffffff33;font-size:.7rem}
.incident-timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin:28px 0}.incident-timeline article{padding:18px;border:1px solid var(--line);background:#fff}.incident-timeline article.incident{border-color:#e0a49c;background:#fff1ef}.incident-timeline article.recover{border-color:#8dcfbb;background:#ebf8f3}.incident-timeline b,.incident-timeline strong{display:block}.incident-timeline b{color:#0b657c;font:.68rem "DM Mono",monospace}.incident-timeline strong{margin:8px 0}.incident-timeline p{margin:0;font-size:.78rem;line-height:1.6}.incident-timeline>i{align-self:center;color:#60758e;font-style:normal}
.instruction-contract{margin:28px 0;padding:26px;border-left:4px solid #6b58b3;background:#f3f0ff}.instruction-contract>span,.trace-card>span{color:#5f4dac;font:700 .65rem "DM Mono",monospace;letter-spacing:.07em}.instruction-contract pre{margin:16px 0 0;white-space:pre-wrap;color:#354862;font:500 .8rem/1.8 "DM Mono",monospace}.instruction-contract pre strong{color:#0b657c}
.eval-loop,.evidence-board{margin:36px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.eval-steps{display:grid;grid-template-columns:repeat(9,max-content);align-items:center;gap:8px;overflow-x:auto;padding-bottom:6px}.eval-steps article{display:flex;width:135px;min-height:145px;flex-direction:column;padding:16px;border:1px solid var(--line);background:#f8fafc}.eval-steps b{color:#0b657c;font:.7rem "DM Mono",monospace}.eval-steps strong{margin-top:auto}.eval-steps span{margin-top:6px;color:#687991;font-size:.72rem;line-height:1.45}.eval-steps>i{color:#61758d;font-style:normal}.eval-loop figcaption,.evidence-board figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.test-coverage{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 34px}.test-coverage article{padding:19px;border:1px solid var(--line);background:#fff}.test-coverage span{color:#6b58b3;font:700 .61rem "DM Mono",monospace;letter-spacing:.06em}.test-coverage strong{display:block;margin:8px 0}.test-coverage p{margin:0;font-size:.8rem;line-height:1.6}
.evidence-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.evidence-columns article{padding:20px;border:1px solid var(--line);background:#f8fafc}.evidence-columns article.critical-column{border-color:#dda8a0;background:#fff1ef}.evidence-columns span{color:#0b657c;font:700 .6rem "DM Mono",monospace;letter-spacing:.05em}.evidence-columns b{display:block;margin:12px 0;font-size:2rem}.evidence-columns small{color:#687991;line-height:1.5}.pass-chip,.fail-chip,.review-chip{display:inline-block;padding:5px 8px;border-radius:999px;background:#dff5e9;color:#176443;font:700 .62rem "DM Mono",monospace}.fail-chip{background:#ffe0dc;color:#9a3028}.review-chip{background:#fff0cf;color:#7a581c}.trace-card{margin:27px 0;padding:26px;border:1px solid #bdcfe2;background:#fff}.trace-card ol{margin:16px 0 0;padding-left:22px}.trace-card p{margin:17px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:.86rem}
.value-types{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0}.value-types article{padding:19px;border:1px solid var(--line);background:#fff}.value-types span{color:#0b657c;font:700 .59rem "DM Mono",monospace;letter-spacing:.04em}.value-types h3{margin:10px 0;font-size:1rem}.value-types p{margin:0;font-size:.78rem;line-height:1.6}
.tco-iceberg,.benefit-waterfall{margin:36px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.iceberg-top{width:48%;margin:auto;padding:20px;background:#e8f7fb;border:1px solid #8bcddd;text-align:center}.iceberg-top span,.iceberg-top strong{display:block}.iceberg-top span{color:#61748b;font-size:.68rem}.iceberg-top strong{margin-top:6px}.iceberg-water{margin:7px 0;padding:8px;border-top:2px solid #7bc9da;border-bottom:1px solid #b9dfe7;color:#0b657c;text-align:center;font:.62rem "DM Mono",monospace;letter-spacing:.05em}.iceberg-bottom{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.iceberg-bottom article{min-height:135px;padding:18px;background:#10213f;color:#fff}.iceberg-bottom b,.iceberg-bottom span{display:block}.iceberg-bottom b{color:#6ee7ff;font:.65rem "DM Mono",monospace}.iceberg-bottom span{margin-top:11px;color:#cbd8e9;font-size:.76rem;line-height:1.6}.tco-iceberg figcaption,.benefit-waterfall figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.scenario-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 33px}.scenario-cards article{padding:22px;border:1px solid var(--line);background:#fff}.scenario-cards span{color:#6b58b3;font:700 .62rem "DM Mono",monospace}.scenario-cards strong{display:block;margin:10px 0}.scenario-cards p{margin:0;font-size:.81rem;line-height:1.65}
.waterfall-bars{display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr auto 1fr;align-items:stretch;gap:8px}.waterfall-bars article{padding:19px;border:1px solid var(--line);background:#f8fafc}.waterfall-bars article.potential-bar{border-color:#8bcddd;background:#e8f7fb}.waterfall-bars article.realize-bar{border-color:#d7bc74;background:#fff8e7}.waterfall-bars span,.waterfall-bars b,.waterfall-bars small{display:block}.waterfall-bars span{color:#64758d;font:700 .59rem "DM Mono",monospace}.waterfall-bars b{margin:11px 0}.waterfall-bars small{color:#687991;line-height:1.5}.waterfall-bars>i{align-self:center;color:#64758d;font-style:normal}
.calculation-sheet{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:28px 0}.calculation-sheet>div{padding:23px;border:1px solid var(--line);background:#fff}.calculation-sheet span{color:#0b657c;font:700 .61rem "DM Mono",monospace}.calculation-sheet p{margin:12px 0 6px;color:#64758d;font:.8rem "DM Mono",monospace}.calculation-sheet strong{font-size:1.15rem}.gate-decision{margin:22px 0;padding:25px;border-left:4px solid #2e9a78;background:#ebf8f3}.gate-decision span{color:#176443;font:700 .66rem "DM Mono",monospace;letter-spacing:.06em}.gate-decision p{margin:9px 0 0}
.governance-questions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0}.governance-questions article{padding:19px;border:1px solid var(--line);background:#fff}.governance-questions b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#10213f;color:#6ee7ff;font:.7rem "DM Mono",monospace}.governance-questions span{display:block;margin-top:19px;color:#6b58b3;font:700 .6rem "DM Mono",monospace}.governance-questions h3{margin:8px 0;font-size:1rem}.governance-questions p{margin:0;font-size:.77rem;line-height:1.6}
.risk-tier-figure,.governance-path{margin:36px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.risk-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.risk-tiers article{min-height:210px;padding:20px;border-top:5px solid #2f9b78;background:#edf8f4}.risk-tiers article.tier-medium{border-color:#c39838;background:#fff8e7}.risk-tiers article.tier-high{border-color:#c2674f;background:#fff1ee}.risk-tiers article.tier-restricted{border-color:#793c78;background:#f5edf6}.risk-tiers span,.risk-tiers strong,.risk-tiers small{display:block}.risk-tiers span{color:#60738a;font:700 .61rem "DM Mono",monospace}.risk-tiers strong{margin:14px 0 7px;font-size:1.3rem}.risk-tiers p{font-size:.82rem;line-height:1.6}.risk-tiers small{margin-top:17px;color:#65768c}.risk-tier-figure figcaption,.governance-path figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.data-lineage,.governance-flow{display:grid;grid-template-columns:repeat(9,max-content);align-items:stretch;gap:7px;margin:26px 0;overflow-x:auto;padding-bottom:7px}.data-lineage article,.governance-flow article{display:flex;width:132px;min-height:130px;flex-direction:column;padding:16px;border:1px solid var(--line);background:#fff}.data-lineage span{color:#0b657c;font:.68rem "DM Mono",monospace}.data-lineage strong,.governance-flow strong{margin-top:auto}.data-lineage small,.governance-flow small{margin-top:7px;color:#687991;line-height:1.5}.data-lineage>i,.governance-flow>i{align-self:center;color:#62758d;font-style:normal}.governance-flow article{width:138px;background:#f8fafc}.governance-flow b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0b657c;color:#fff;font:.67rem "DM Mono",monospace}.governance-flow article.decision-node{border-color:#8dcfbb;background:#ebf8f3}
.decision-record{margin:28px 0;padding:28px;border-left:4px solid #2e9a78;background:#ebf8f3}.decision-record>span{color:#176443;font:700 .65rem "DM Mono",monospace;letter-spacing:.06em}.decision-record h3{margin:10px 0 16px}.decision-record ul{margin-bottom:0}
.control-quadrants{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0}.control-quadrants article{padding:22px;border-top:4px solid #0b657c;background:#fff}.control-quadrants article:nth-child(2){border-color:#c39838}.control-quadrants article:nth-child(3){border-color:#c2674f}.control-quadrants article:nth-child(4){border-color:#6b58b3}.control-quadrants span{color:#64758d;font:700 .62rem "DM Mono",monospace}.control-quadrants h3{margin:10px 0}.control-quadrants p{margin:0;font-size:.81rem;line-height:1.65}.approval-quality{margin:25px 0;padding:26px;border-left:4px solid #d0a54d;background:#fff9ec}.approval-quality>span{color:#8a641b;font:700 .64rem "DM Mono",monospace}.approval-quality ol{margin-bottom:0;padding-left:23px}
.control-stack,.approval-packet{margin:36px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.stack-layers{display:grid;gap:5px}.stack-layers article{display:grid;grid-template-columns:120px 1fr 1.4fr;gap:16px;padding:17px 20px;border-left:5px solid #0b657c;background:#f7fafc}.stack-layers article:nth-child(2){margin-left:4%;border-color:#4477aa}.stack-layers article:nth-child(3){margin-left:8%;border-color:#6b58b3}.stack-layers article:nth-child(4){margin-left:12%;border-color:#c39838}.stack-layers article:nth-child(5){margin-left:16%;border-color:#c2674f}.stack-layers span{color:#62758d;font:700 .6rem "DM Mono",monospace}.stack-layers strong{font-size:.86rem}.stack-layers small{color:#697a90}.control-stack figcaption,.approval-packet figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.kill-switch{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin:25px 0}.kill-switch article{padding:19px;border:1px solid var(--line);background:#fff}.kill-switch span{color:#a33e35;font:700 .61rem "DM Mono",monospace}.kill-switch strong{display:block;margin-top:9px;font-size:.8rem;line-height:1.6}.kill-switch>i{align-self:center;color:#62758d;font-style:normal}
.approval-screen{border:1px solid #b9c8da;background:#f7f9fc;box-shadow:0 16px 36px #19304c14}.approval-screen header{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;background:#10213f;color:#fff}.approval-screen header span{color:#6ee7ff;font:.65rem "DM Mono",monospace}.approval-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ced8e5}.approval-grid article{padding:20px;background:#fff}.approval-grid small,.approval-grid strong{display:block}.approval-grid small{color:#687990;margin-bottom:9px}.approval-screen footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px}.approval-screen button{padding:9px 12px;border:1px solid #aebbd0;background:#fff;color:#52647d}.incident-runbook{margin:24px 0;padding:26px;border:1px solid #bdcfe2;background:#fff}.incident-runbook ol{margin:0;padding-left:23px}
.stage-runway,.kpi-dashboard,.evidence-chain,.executive-onepage{margin:36px 0;padding:30px;border:1px solid #bdcfe2;background:#fff}.runway-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px}.runway-steps article{display:flex;min-height:180px;flex-direction:column;padding:20px;border-top:4px solid #0b657c;background:#f7fafc}.runway-steps article:nth-of-type(2){border-color:#6b58b3;background:#f3f0ff}.runway-steps article:nth-of-type(3){border-color:#c39838;background:#fff8e7}.runway-steps article:nth-of-type(4){border-color:#2e9a78;background:#ebf8f3}.runway-steps span,.runway-steps small{color:#64758d;font:700 .61rem "DM Mono",monospace}.runway-steps strong{margin:14px 0 6px}.runway-steps p{font-size:.78rem;line-height:1.6}.runway-steps small{margin-top:auto}.runway-steps>i{align-self:center;color:#62758d;font-style:normal}.return-lane{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:14px;background:#10213f;color:#d9e4f2}.return-lane b{color:#6ee7ff}.return-lane span{padding-left:9px;border-left:1px solid #ffffff33;font-size:.72rem}.stage-runway figcaption,.kpi-dashboard figcaption,.evidence-chain figcaption,.executive-onepage figcaption{margin-top:17px;color:#6b7b90;font-size:.78rem}
.kpi-windows{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.kpi-windows article{padding:20px;border:1px solid var(--line);background:#f8fafc}.kpi-windows span{color:#6b58b3;font:700 .62rem "DM Mono",monospace}.kpi-windows strong{display:block;margin:12px 0;font-size:.87rem}.kpi-windows p{margin:0;color:#687991;font-size:.72rem;line-height:1.6}.pilot-scoreboard{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:25px 0}.pilot-scoreboard article{padding:19px;border:1px solid #b8daca;background:#edf8f4}.pilot-scoreboard article.score-alert{border-color:#dfc783;background:#fff8e7}.pilot-scoreboard small,.pilot-scoreboard b,.pilot-scoreboard span{display:block}.pilot-scoreboard small{color:#61758b;font:700 .58rem "DM Mono",monospace}.pilot-scoreboard b{margin:10px 0;font-size:1.45rem}.pilot-scoreboard span{color:#687991;font-size:.72rem}.roadmap-90{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:28px 0}.roadmap-90 article{display:flex;min-height:280px;flex-direction:column;padding:23px;border-top:4px solid #0b657c;background:#fff}.roadmap-90 article:nth-child(2){border-color:#6b58b3}.roadmap-90 article:nth-child(3){border-color:#2e9a78}.roadmap-90 span{color:#64758d;font:700 .61rem "DM Mono",monospace}.roadmap-90 h3{font-size:1rem}.roadmap-90 ul{padding-left:18px}.roadmap-90 b{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:.78rem}
.chain-track{display:grid;grid-template-columns:repeat(11,max-content);align-items:center;gap:7px;overflow-x:auto;padding-bottom:7px}.chain-track article{display:flex;width:138px;min-height:160px;flex-direction:column;padding:17px;border:1px solid var(--line);background:#f8fafc}.chain-track span{color:#0b657c;font:700 .65rem "DM Mono",monospace}.chain-track strong{margin:16px 0 8px}.chain-track p{margin:0;color:#687991;font-size:.72rem;line-height:1.55}.chain-track>i{color:#61758d;font-style:normal}.onepage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ced8e5}.onepage-grid article{padding:20px;background:#fff}.onepage-grid article.onepage-ask{grid-column:1/-1;background:#10213f;color:#fff}.onepage-grid small{color:#0b657c;font:700 .62rem "DM Mono",monospace}.onepage-grid .onepage-ask small{color:#6ee7ff}.onepage-grid strong{display:block;margin:9px 0}.onepage-grid p{margin:0;color:#687991;font-size:.78rem}.onepage-grid .onepage-ask p{color:#cbd8e9}.board-questions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:26px 0}.board-questions article{padding:22px;border-left:4px solid #0b657c;background:#fff}.board-questions span{color:#6b58b3;font:700 .62rem "DM Mono",monospace}.board-questions h3{margin:10px 0;font-size:1rem}.board-questions p{margin:0;font-size:.8rem;line-height:1.65}.capstone-build{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0}.capstone-build article{padding:20px;border:1px solid var(--line);background:#fff}.capstone-build b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#10213f;color:#6ee7ff;font:.66rem "DM Mono",monospace}.capstone-build span{display:block;margin:14px 0 7px;color:#6b58b3;font:700 .61rem "DM Mono",monospace}.capstone-build p{margin:0;font-size:.78rem;line-height:1.6}
@media(max-width:900px){.ol-header nav{display:none}
.ol-mobile-nav{display:block}
.ol-mobile-nav details{position:relative}
.ol-mobile-nav summary{cursor:pointer;list-style:none}
.ol-mobile-nav details div{position:absolute;right:0;top:38px;width:240px;padding:15px;background:#10213f;border:1px solid #ffffff22}
.ol-mobile-nav a{display:block;padding:8px;color:#fff;text-decoration:none}
.ol-hero-grid,.section-heading,.case-layout,.lesson-layout{grid-template-columns:1fr}
.hero-facts{margin-top:12px}
.ol-principle{grid-template-columns:repeat(2,1fr)}
.ol-principle div:nth-child(2){border-right:0}
.module-grid,.resource-grid{grid-template-columns:1fr 1fr}
.lesson-nav{display:none}
.mobile-toc{display:block}
.curriculum-row{grid-template-columns:58px 1fr}
.curriculum-row>div,.curriculum-row>a{grid-column:2}
.curriculum-row>a{justify-self:start}
.course-summary{grid-template-columns:repeat(2,1fr)}
.course-summary div:nth-child(2){border-right:0}
}
@media(max-width:620px){.ol-header{padding:14px 18px}
.ol-hero{padding:64px 20px 74px}
.ol-hero h1{font-size:3.25rem}
.ol-section{padding:72px 20px}
.module-grid,.resource-grid,.concept-grid{grid-template-columns:1fr}
.module-card{grid-template-columns:52px 1fr;padding:22px}
.module-card .number{font-size:1.55rem}
.ol-principle{grid-template-columns:1fr}
.ol-principle div{border-right:0;border-bottom:1px solid #fff2}
.metric-grid{grid-template-columns:1fr}
.ol-dark{padding-left:20px;padding-right:20px}
.course-summary{grid-template-columns:1fr}
.course-summary div{border-right:0;border-bottom:1px solid #fff2}
.lesson-hero{padding:54px 20px}
.lesson-hero h1{font-size:3rem}
.lesson-layout{padding:55px 20px 80px}
.workflow-visual{display:grid;grid-template-columns:1fr}
.workflow-visual i{transform:rotate(90deg);justify-self:center}
.morning-scene{padding:25px 23px}
.figure-heading{display:block}.figure-heading span{display:block;margin-bottom:7px}
.autonomy-figure,.agent-loop-figure{padding:21px 18px}
.autonomy-track{display:none}
.autonomy-cards,.anatomy-grid,.autonomy-budget,.case-walkthrough,.not-agent-grid{grid-template-columns:1fr}
.autonomy-cards article{min-height:auto}
.story-concepts article{grid-template-columns:38px 1fr;gap:10px}
.agent-loop{grid-template-columns:repeat(9,max-content)}
.email-mock{padding:0 20px 22px}.email-toolbar{margin:0 -20px 20px}.email-mock dl div{grid-template-columns:1fr}.email-mock dd{margin-top:3px;overflow-wrap:anywhere}
.decision-walkthrough article{grid-template-columns:38px 1fr;gap:11px}
.sample-answer dl div{grid-template-columns:1fr;gap:4px}
.funnel-steps{grid-template-columns:1fr}.funnel-steps>i{transform:rotate(90deg)}.evidence-levels,.portfolio-decisions{grid-template-columns:1fr}.before-after-problem{grid-template-columns:1fr}.before-after-problem>i{justify-self:center;transform:rotate(90deg)}
.portfolio-figure{padding:20px 15px}.portfolio-grid{margin-left:30px}.portfolio-axis-y{width:20px}.portfolio-axis-x{margin-left:30px}.portfolio-zone{min-height:250px;padding:12px}.use-case-pin{position:static;min-width:0;max-width:none;margin-top:12px}.portfolio-zone>p{min-height:42px}
.time-split,.work-item-trail,.swimlane-figure{padding:21px 18px}.time-bars article{grid-template-columns:1fr}.time-bars article>div{width:var(--size)}.exception-contract dl div{grid-template-columns:1fr;gap:4px}.trail-line{grid-template-columns:1fr}.trail-line>i{justify-self:center;transform:rotate(90deg)}
.permission-ladder,.architecture-map{padding:21px 18px}.ladder-steps{grid-template-columns:1fr}.ladder-steps article,.ladder-steps article:nth-child(2),.ladder-steps article:nth-child(3),.ladder-steps article:nth-child(4),.ladder-steps article:nth-child(5){min-height:0}.ladder-steps span{margin-top:20px}.trust-questions{grid-template-columns:1fr}.architecture-flow,.incident-timeline{grid-template-columns:1fr}.architecture-flow>i,.incident-timeline>i{justify-self:center;transform:rotate(90deg)}
.eval-loop,.evidence-board{padding:21px 18px}.test-coverage{grid-template-columns:1fr}.evidence-columns{grid-template-columns:repeat(2,1fr)}
.value-types{grid-template-columns:1fr}.tco-iceberg,.benefit-waterfall{padding:21px 18px}.iceberg-top{width:auto}.iceberg-bottom{grid-template-columns:1fr}.iceberg-bottom article{min-height:0}.scenario-cards,.calculation-sheet{grid-template-columns:1fr}.waterfall-bars{grid-template-columns:1fr}.waterfall-bars>i{justify-self:center;transform:rotate(90deg)}
.governance-questions,.risk-tiers{grid-template-columns:1fr}.risk-tier-figure,.governance-path{padding:21px 18px}.risk-tiers article{min-height:0}
.control-quadrants{grid-template-columns:1fr}.control-stack,.approval-packet{padding:21px 18px}.stack-layers article,.stack-layers article:nth-child(2),.stack-layers article:nth-child(3),.stack-layers article:nth-child(4),.stack-layers article:nth-child(5){grid-template-columns:1fr;gap:6px;margin-left:0}.kill-switch{grid-template-columns:1fr}.kill-switch>i{justify-self:center;transform:rotate(90deg)}.approval-grid{grid-template-columns:1fr}.approval-screen header{display:block}.approval-screen header b{display:block;margin-top:7px}.approval-screen footer{flex-direction:column}
.stage-runway,.kpi-dashboard,.evidence-chain,.executive-onepage{padding:21px 18px}.runway-steps{grid-template-columns:1fr}.runway-steps article{min-height:0}.runway-steps>i{justify-self:center;transform:rotate(90deg)}.kpi-windows,.pilot-scoreboard,.roadmap-90{grid-template-columns:1fr}.roadmap-90 article{min-height:0}.onepage-grid,.board-questions,.capstone-build{grid-template-columns:1fr}.onepage-grid article.onepage-ask{grid-column:auto}
.lesson-pager{grid-template-columns:1fr}
.lesson-pager a:last-child{text-align:left}
.ol-footer{display:block}
.ol-footer>*{display:block;margin:7px 0}
}