header.top,nav.breadcrumb,.atlas-viewtabs{--oc-card: #ffffff;--oc-surface: #f2f7fa;--oc-ink: #17313f;--oc-muted: #56727f;--oc-line: #c8dde6;--oc-pale: #e5f2f8;--oc-blue: #0085ad;--oc-deep: #006b8c;--oc-navtrack: #eef4f7}:root[data-theme=dark] header.top,:root[data-theme=dark] nav.breadcrumb,:root[data-theme=dark] .atlas-viewtabs{--oc-card: #111e2d;--oc-surface: #142438;--oc-ink: #e1ebf3;--oc-muted: #a6b9ca;--oc-line: #334c61;--oc-pale: #192b3d;--oc-blue: #096b89;--oc-deep: #8ad5f5;--oc-navtrack: #192b3d}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) header.top,:root:not([data-theme=light]) nav.breadcrumb,:root:not([data-theme=light]) .atlas-viewtabs{--oc-card: #111e2d;--oc-surface: #142438;--oc-ink: #e1ebf3;--oc-muted: #a6b9ca;--oc-line: #334c61;--oc-pale: #192b3d;--oc-blue: #096b89;--oc-deep: #8ad5f5;--oc-navtrack: #192b3d}}header.top{background:var(--oc-card);border-bottom:1px solid var(--oc-line);position:sticky;top:0;z-index:50;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--oc-ink)}.top-inner{max-width:1920px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.top .top-brand{display:flex;align-items:center;gap:11px;min-width:0}.top .brand .emblem,.top .top-brand .emblem{width:40px;height:40px;flex:none}.top .brand{margin:0;display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.4px;color:var(--oc-ink);text-decoration:none;line-height:1.15}.top .brand:hover{color:var(--oc-deep)}.top .brand .edition{display:block;font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--oc-muted);font-weight:700;margin-top:3px;white-space:normal;overflow-wrap:anywhere}.top .brand-text{min-width:0}header.top ul.top-nav{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:4px;max-width:none;border-radius:10px;background:var(--oc-navtrack)}header.top ul.top-nav li{margin:0}header.top ul.top-nav a{display:inline-block;border-radius:7px;padding:8px 14px;font-size:12px;font-weight:650;color:var(--oc-muted);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}header.top ul.top-nav a:hover{color:var(--oc-ink);background:var(--oc-pale)}header.top ul.top-nav a[aria-current=page]{background:var(--oc-deep);color:#fff}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--oc-line);border-radius:7px;background:var(--oc-pale);color:var(--oc-ink);padding:7px 12px;font-size:12px;font-weight:650;line-height:1.5;cursor:pointer;transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:var(--oc-blue)}:root[data-theme=dark] header.top ul.top-nav{background:#192b3d}:root[data-theme=dark] header.top ul.top-nav a[aria-current=page]{background:#096b89;color:#fff}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) header.top ul.top-nav{background:#192b3d}:root:not([data-theme=light]) header.top ul.top-nav a[aria-current=page]{background:#096b89;color:#fff}}nav.breadcrumb{font:600 12px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--oc-muted);background:var(--oc-card);border:1px solid var(--oc-line);border-radius:8px;padding:8px 14px;margin-bottom:14px;display:flex;width:fit-content;max-width:100%}nav.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center;margin:0;padding:0;max-width:none}nav.breadcrumb li{margin:0;display:inline-flex;align-items:center;gap:8px}nav.breadcrumb li+li:before{content:"/";color:var(--oc-line)}nav.breadcrumb a{color:var(--oc-deep);text-decoration:none;font-weight:650}nav.breadcrumb a:hover{text-decoration:underline}nav.breadcrumb [aria-current=page]{color:var(--oc-muted)}@media(max-width:760px){.top-inner{padding:12px 14px;flex-direction:column;align-items:stretch;gap:10px}.top .top-brand{justify-content:center}header.top ul.top-nav{width:100%}header.top ul.top-nav a{flex:1;padding:9px 7px;font-size:12px;white-space:normal;text-align:center}}:root{--bg: #f1f4f5;--card: #ffffff;--surface-alt: #f2f7fa;--ink: #17313f;--muted: #56727f;--blue: #0085ad;--deep: #006b8c;--accent: #006b8c;--accent-ink: #004e66;--pale: #e5f2f8;--mint: #00b98e;--mint-ink: #00765c;--mintp: #d5f4e9;--gold: #ffbc00;--line: #c8dde6;--radius: 12px;--measure: 68rem;--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=light]{--bg: #f1f4f5;--card: #ffffff;--surface-alt: #f2f7fa;--ink: #17313f;--muted: #56727f;--blue: #0085ad;--deep: #006b8c;--accent: #006b8c;--accent-ink: #004e66;--pale: #e5f2f8;--mint: #00b98e;--mint-ink: #00765c;--mintp: #d5f4e9;--gold: #ffbc00;--line: #c8dde6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c1420;--card: #111e2d;--surface-alt: #142438;--ink: #e1ebf3;--muted: #a6b9ca;--blue: #096b89;--deep: #8ad5f5;--accent: #8ad5f5;--accent-ink: #b9eaff;--pale: #192b3d;--mint: #82dfc0;--mint-ink: #82dfc0;--mintp: #163a38;--gold: #f0c65e;--line: #334c61;color-scheme:dark}}:root[data-theme=dark]{--bg: #0c1420;--card: #111e2d;--surface-alt: #142438;--ink: #e1ebf3;--muted: #a6b9ca;--blue: #096b89;--deep: #8ad5f5;--accent: #8ad5f5;--accent-ink: #b9eaff;--pale: #192b3d;--mint: #82dfc0;--mint-ink: #82dfc0;--mintp: #163a38;--gold: #f0c65e;--line: #334c61;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font)}button,input{font:inherit}button{cursor:pointer}h1,h2,h3{line-height:1.3;text-wrap:balance}h1{font-size:25px;line-height:1.15;letter-spacing:-.6px;margin:8px 0 12px}h2{font-size:22px;margin:10px 0 8px;font-weight:650}h3{font-size:17px;margin:18px 0 8px;font-weight:650}p,dl,ol,ul{max-width:var(--measure)}li{margin-block:.25rem}a{color:var(--accent);text-underline-offset:.15em}a:hover{color:var(--accent-ink)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bf7b00;outline-offset:2px;border-radius:.25rem}mark{background:#ffe39a;color:inherit;padding:0 3px}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--ink);color:var(--bg);padding:.6rem 1rem;border-radius:.5rem;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:.75rem}main#main{max-width:1440px;margin:0 auto;padding:22px 28px}main#main:focus{outline:none}footer.bot{max-width:1440px;margin:0 auto;padding:18px 28px 26px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.strategy{display:grid;grid-template-columns:1fr .65fr 1fr;gap:9px;text-align:center;align-items:center;font-size:18px;font-weight:650;margin-bottom:10px;max-width:none}.strategy>div{padding:14px 10px;border-radius:18px;background:var(--gold);color:var(--ink);position:relative}.strategy>div:nth-child(2){background:var(--blue);color:#fff}.strategy>div:nth-child(3){background:var(--mint)}.strategy>div:nth-child(2):before,.strategy>div:nth-child(2):after{content:"↔";position:absolute;top:8px;color:#fff;font-size:28px;font-weight:700;z-index:1}.strategy>div:nth-child(2):before{left:-17px}.strategy>div:nth-child(2):after{right:-17px}.framework{border:3px solid var(--blue);border-radius:21px;overflow:hidden;background:var(--card)}.scope{background:var(--blue);color:#fff;padding:18px 22px 0}.scope h1,.scope h2{font-size:22px;line-height:1.3;letter-spacing:-.2px;margin:0 0 8px;font-weight:650;color:#fff}.scope p{margin:0 0 13px;font-size:14px;max-width:1000px;color:#e5f5fa}.scope mark{background:var(--gold);color:inherit}.scopechips{display:flex;gap:5px;flex-wrap:wrap;max-width:none}.scopechips span{padding:5px 11px;background:var(--gold);color:#24424a;border-radius:7px 7px 0 0;font-size:12px;font-weight:700}.scopechips span:nth-child(n+4){background:var(--mint)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar p{font-size:12px;color:var(--muted);margin:0}.capability{display:flex;align-items:center;gap:12px;background:var(--pale);border:1px solid transparent;border-radius:8px;padding:14px;color:var(--ink);transition:border-color .15s,background .15s}.capability:hover{border-color:var(--blue)}.capability strong{font-size:14px;font-weight:650;line-height:1.3;display:block}.capability small{font-size:11px;display:block;color:var(--muted);margin-top:5px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;margin:.75rem 0;background:var(--card)}.card h2{margin-top:.25rem}.muted{color:var(--muted)}.badge{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--deep);border:1px solid var(--line);background:var(--surface-alt);border-radius:999px;padding:3px 10px}.course-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:12px;margin:0;padding:18px;max-width:none}.course-grid li{margin:0}.course-grid .card{margin:0;height:100%;display:flex;flex-direction:column;gap:7px;background:var(--pale);border:1px solid transparent;border-radius:8px;padding:14px;transition:border-color .15s,background .15s}.course-grid .card:hover{border-color:var(--blue)}.course-grid a.card-title{font-size:16px;font-weight:650;line-height:1.35;text-decoration:none;color:var(--deep)}.course-grid a.card-title:hover{color:var(--deep);text-decoration:underline}.course-grid .card-desc{margin:0;font-size:13px}.course-grid .card-prereq{margin:0;font-size:12px;font-weight:600;color:var(--muted)}.course-grid .card-prereq a{color:var(--deep);text-decoration:underline;text-underline-offset:2px}.card-pills{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 0}.card-pills a{display:inline-block;font-size:11px;font-weight:650;text-decoration:none;color:var(--deep);background:var(--surface-alt);border:1px solid var(--line);border-radius:7px;padding:4px 9px;transition:border-color .15s,background .15s}.card-pills a:hover{border-color:var(--blue);background:var(--pale);color:var(--deep)}.lesson-list{margin:0;padding:18px;list-style:none;display:grid;gap:10px;max-width:none}.lesson-list li{margin:0}.lesson-list .card{margin:0;background:var(--pale);border:1px solid var(--line);border-radius:8px;padding:14px;transition:border-color .15s,background .15s}.lesson-list .card:hover{border-color:var(--blue)}.lesson-list .card-title{font-weight:650;font-size:15px;text-decoration:none;color:var(--deep)}.lesson-list .card-title:hover{text-decoration:underline;color:var(--deep)}.lesson-layout{display:block}.lesson-main{min-width:0}details.lesson-sidebar{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:.75rem 1rem;margin:0 0 1.5rem;max-width:var(--measure)}details.lesson-sidebar summary{cursor:pointer;font-weight:700;padding:.25rem 0}details.lesson-sidebar nav{margin-top:.5rem}details.lesson-sidebar ol{margin:.25rem 0 .5rem;padding-left:1.25rem;max-width:none}details.lesson-sidebar li{margin-block:.15rem;font-size:.95rem}details.lesson-sidebar a{text-decoration:none;display:inline-block;padding:.1rem .35rem;margin-left:-.35rem;border-radius:.35rem}details.lesson-sidebar a:hover{text-decoration:underline}.lesson-main h2[id]{scroll-margin-top:calc(var(--lesson-header-height, 3.5rem) + 1rem)}pre.code{overflow:auto;background:#102c3d;color:#e6f3fa;padding:1rem;border-radius:8px;font-size:.85rem;line-height:1.6;max-width:100%}.flow-list{counter-reset:step}.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;flex-wrap:wrap}.pager span{max-width:48%}details.glossary{margin-top:1.5rem}ul.clean,ol.clean{padding-left:1.25rem}dt{font-weight:700;margin-top:.75rem}dd{margin:.15rem 0 .5rem 1rem;color:var(--ink)}:root[data-theme=dark] .strategy>div:nth-child(1),:root[data-theme=dark] .strategy>div:nth-child(3){color:#24424a}:root[data-theme=dark] .scope{background:var(--blue)}:root[data-theme=dark] .scope h1,:root[data-theme=dark] .scope h2{color:#fff}:root[data-theme=dark] .strategy>div:nth-child(2):before,:root[data-theme=dark] .strategy>div:nth-child(2):after{color:#fff}:root[data-theme=dark] .capability:hover{background:#1e354c}:root[data-theme=dark] .lesson-list .card:hover{background:#1e354c}:root[data-theme=dark] .scopechips span{color:#17313f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .strategy>div:nth-child(1),:root:not([data-theme=light]) .strategy>div:nth-child(3){color:#24424a}:root:not([data-theme=light]) .scope{background:var(--blue)}:root:not([data-theme=light]) .scope h1,:root:not([data-theme=light]) .scope h2{color:#fff}:root:not([data-theme=light]) .strategy>div:nth-child(2):before,:root:not([data-theme=light]) .strategy>div:nth-child(2):after{color:#fff}:root:not([data-theme=light]) .capability:hover{background:#1e354c}:root:not([data-theme=light]) .lesson-list .card:hover{background:#1e354c}:root:not([data-theme=light]) .scopechips span{color:#17313f}}@media(min-width:90rem){.strategy{font-size:19px}}@media(max-width:760px){main#main{padding:16px 14px}footer.bot{padding:16px 14px 22px}.strategy{font-size:11px;gap:7px}.strategy>div{border-radius:10px;padding:11px 7px}.strategy>div:nth-child(2):before,.strategy>div:nth-child(2):after{font-size:22px;top:7px}.scope{padding:14px 12px 0}.scope h1,.scope h2{font-size:19px}.scope p{font-size:12px}.toolbar{padding:10px;gap:8px}.capability{padding:10px;gap:7px}.course-grid,.lesson-list{padding:14px}body{font-size:14.5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}