.ol-page{--ol-blue:#075ccd;--ol-ink:#143a58;--ol-muted:var(--site-body,#52677e);--ol-line:#d9e4ef;padding:0;background:#f5f8fc;color:var(--ol-ink);font-family:inherit;font-size:16px;line-height:1.85}
.ol-page p{font-size:16px;line-height:1.85;color:var(--ol-muted)}
.ol-page-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:28px}
.ol-kicker{display:block;font-size:14px;color:var(--ol-blue);font-weight:600;margin-bottom:8px}
.ol-page-intro h2{font-size:clamp(27px,2.4vw,36px);line-height:1.45;font-weight:600;margin-bottom:12px}

.ol-platform-entry{display:inline-flex;align-items:center;justify-content:center;gap:16px;white-space:nowrap;padding:10px 20px;border:1px solid var(--ol-blue);background:white;color:var(--ol-blue);font-size:15px;line-height:1.6}
.ol-platform-entry:hover{background:#eaf2fd}
.ol-series-tabs{display:flex;gap:32px;border-bottom:1px solid var(--ol-line)}
.ol-series-tabs button{position:relative;display:flex;gap:12px;align-items:center;padding:12px 4px 16px;font-size:18px;font-weight:500;line-height:1.5;color:var(--ol-muted)}
.ol-series-tabs button span{font-size:13px;font-weight:400;min-width:25px;padding:2px 7px;line-height:1.5;background:#e8eef6;border-radius:3px;color:var(--ol-muted)}
.ol-series-tabs button[aria-pressed=true]{color:var(--ol-blue);font-weight:600}
.ol-series-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--ol-blue)}
.ol-series-tabs button[aria-pressed=true] span{background:#e1edfd;color:var(--ol-blue)}
.ol-series-description{margin:16px 0 22px}
.ol-workspace{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.16fr);gap:26px;align-items:start}
.ol-course-list ol{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
.ol-course-list ol:before{content:"";position:absolute;left:5px;top:30px;bottom:30px;width:1px;background:#cad8e8}
.ol-course-list li{position:relative;margin:0 0 9px}
.ol-course-list li:last-child{margin-bottom:0}
.ol-course-list li:before{content:"";position:absolute;top:28px;left:-21px;width:8px;height:8px;border:1px solid #a6bcd3;background:#f5f8fc;border-radius:50%}
.ol-course-list li:has([aria-pressed=true]):before{background:var(--ol-blue);border-color:var(--ol-blue);box-shadow:0 0 0 3px #dce9fa}
.ol-course-list button{display:flex;align-items:center;gap:13px;width:100%;min-height:66px;padding:12px 14px;text-align:left;background:#fff;border:1px solid var(--ol-line);border-radius:3px;color:var(--ol-ink);transition:border-color .15s,background .15s}
.ol-course-list button:hover{border-color:#8eb2df;background:#f7faff}
.ol-course-list button[aria-pressed=true]{border-color:var(--ol-blue);box-shadow:inset 0 0 0 1px var(--ol-blue);background:#f2f7ff}
.ol-number{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#edf3fa;color:#617d9a;font-size:17px;font-variant-numeric:tabular-nums;border-radius:2px}
[aria-pressed=true] .ol-number{background:var(--ol-blue);color:#fff}
.ol-course-name{font-size:16px;line-height:1.65;font-weight:500;flex:1;min-width:0}
.ol-course-arrow{font-size:22px;color:#9bb0c7;font-weight:400}
.ol-course-outline{position:sticky;top:110px;min-width:0;background:white;border:1px solid var(--ol-line);border-top:3px solid var(--ol-blue);padding:26px 28px;box-shadow:0 5px 18px #143a5806;scroll-margin-top:100px}
.ol-outline-head{display:flex;align-items:flex-start;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--ol-line)}
.ol-outline-number{display:grid;place-items:center;min-width:44px;height:44px;flex-shrink:0;background:#143a58;color:#fff;font-size:21px;font-variant-numeric:tabular-nums;border-radius:3px;margin-top:4px}
.ol-course-series{display:block;color:var(--ol-muted);font-size:13px;margin-bottom:5px}
.ol-outline-head h3{font-size:22px;line-height:1.6;font-weight:600;margin:0;color:var(--ol-ink)}
.ol-syllabus{padding-top:22px}.ol-page h4{font-size:19px;line-height:1.6;font-weight:600;color:var(--ol-ink);margin:0 0 14px}
.ol-syllabus ul{list-style:none;padding:0;margin:0}.ol-syllabus li{display:flex;gap:12px;align-items:baseline;margin:0 0 14px}.ol-syllabus li:last-child{margin-bottom:0}
.ol-syllabus li svg{color:var(--ol-blue);width:16px;height:16px;transform:translateY(2px);flex-shrink:0}
.ol-discussion{border-top:1px solid var(--ol-line);padding-top:22px;margin-top:24px}.ol-discussion p{background:#f3f7fc;border-left:2px solid #8db2e3;padding:14px 16px}.ol-discussion p+p{margin-top:10px}
.ol-outline-footer{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--ol-line)}
.ol-outline-footer>span{font-size:13px;color:var(--ol-muted)}.ol-page .button{background:var(--ol-blue);border-color:var(--ol-blue);font-size:15px;min-height:44px;padding:10px 18px;gap:14px}
.ol-enterprise{display:flex;gap:24px;align-items:center;justify-content:center;border-top:1px solid var(--ol-line);margin-top:32px;padding-top:24px}.ol-enterprise a{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--ol-blue)}
.ol-page :is(a,button):focus-visible{outline:2px solid var(--ol-blue);outline-offset:4px}
.ol-course-outline:focus-visible{outline:2px solid var(--ol-blue);outline-offset:4px}
@media(max-width:1000px){.ol-page-intro{align-items:flex-start}.ol-page-intro p{max-width:420px}.ol-workspace{gap:20px;grid-template-columns:1fr 1.1fr}.ol-course-outline{padding:22px}.ol-course-list button{padding:10px;gap:10px}.ol-outline-head h3{font-size:21px}.ol-outline-head{gap:12px}}
@media(max-width:700px){.ol-page{padding:28px 0}.ol-page-intro{display:block;margin-bottom:22px}.ol-page-intro h2{font-size:26px}.ol-page-intro p{font-size:15px}.ol-platform-entry{margin-top:18px;padding:9px 16px}.ol-series-tabs{gap:0;justify-content:space-between}.ol-series-tabs button{font-size:14px;gap:5px;padding:12px 2px}.ol-series-tabs button span{font-size:11px;min-width:18px;padding:1px 4px}.ol-series-description{font-size:15px!important;margin:14px 0 18px}.ol-workspace{grid-template-columns:1fr;gap:22px}.ol-course-list button{min-height:58px;padding:10px 12px;gap:10px}.ol-course-name{font-size:16px}.ol-number{width:30px;height:32px;font-size:15px}.ol-course-list ol{padding-left:18px}.ol-course-list li:before{left:-17px;top:25px}.ol-course-outline{position:static;padding:20px 18px;scroll-margin-top:90px}.ol-outline-head h3{font-size:21px}.ol-outline-number{min-width:36px;height:38px;font-size:18px}.ol-outline-head{padding-bottom:18px;gap:12px}.ol-syllabus{padding-top:18px}.ol-page h4{font-size:18px}.ol-discussion{padding-top:18px;margin-top:20px}.ol-outline-footer{margin-top:20px}.ol-outline-footer .button{width:100%}.ol-enterprise{display:block;text-align:center;margin-top:24px;padding-top:20px}.ol-enterprise a{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.ol-page *{transition:none!important}}

/* Platform introduction and learning modes share the site's type and blue palette. */
.ol-introduction{background:#fff;padding:48px 0 36px}
.ol-introduction-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center}
.ol-introduction h2,.ol-section-heading h2{font-size:clamp(26px,2.5vw,36px);line-height:1.5;font-weight:600;color:var(--ol-ink);margin:0 0 20px}
.ol-introduction-copy>p+p{margin-top:14px}
.ol-introduction-actions{display:flex;gap:24px;align-items:center;margin-top:26px;flex-wrap:wrap}
.ol-page .ol-browse{display:inline-flex;align-items:center;gap:12px;font-size:15px;color:var(--ol-blue);min-height:44px}

.ol-modes{background:#fff;padding:0 0 36px}
.ol-section-heading{border-top:1px solid var(--ol-line);padding-top:28px}
.ol-section-heading h2{font-size:26px;margin-bottom:22px}
.ol-mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ol-mode-list article{position:relative;padding-left:40px}

.ol-mode-list h3{font-size:20px;font-weight:600;line-height:1.6;margin:0 0 8px}
.ol-team-learning{margin-top:28px;padding:20px 24px;border-left:3px solid var(--ol-blue);background:#f3f7fc;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}
.ol-team-learning strong{display:block;font-size:18px;font-weight:600}
.ol-team-learning span{display:block;font-size:14px;color:var(--ol-muted);margin-top:4px}
.ol-catalog{padding-top:38px;padding-bottom:32px;scroll-margin-top:100px}
.ol-catalog-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--ol-line);margin-bottom:24px;background:white;border-radius:4px;overflow:hidden}
.ol-catalog-tabs button{padding:17px 20px;text-align:left;color:var(--ol-ink);border-right:1px solid var(--ol-line);line-height:1.7;min-width:0}
.ol-catalog-tabs button:last-child{border-right:0}
.ol-catalog-tabs strong{display:block;font-size:19px;font-weight:600}
.ol-catalog-tabs button>span{display:block;font-size:13px;color:var(--ol-muted);margin-top:3px}
.ol-catalog-tabs button[aria-pressed=true]{background:var(--ol-blue);color:#fff}
.ol-catalog-tabs button[aria-pressed=true]>span{color:#e2edff}
.ol-page .ol-catalog-panel[hidden]{display:none}
.ol-catalog-description{margin:0 0 22px}
.ol-role-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ol-line);background:white}
.ol-catalog-group{padding:24px;border-right:1px solid var(--ol-line)}
.ol-catalog-group:last-child{border-right:0}
.ol-catalog-group header{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;min-height:66px}
.ol-group-index{color:#88a9cd;font-size:26px;line-height:1.4;font-variant-numeric:tabular-nums}
.ol-catalog-group .ol-kicker{margin:0 0 4px;font-size:13px}
.ol-catalog-group h3,.ol-special-columns h3{font-size:20px;font-weight:600;line-height:1.6;margin:0;color:var(--ol-ink)}
.ol-catalog-group ol{list-style:decimal-leading-zero;padding:0 0 0 25px;margin:0}
.ol-catalog-group li{font-size:16px;line-height:1.8;padding:10px 0 10px 5px;border-top:1px solid #e9eef5}
.ol-catalog-group li::marker{color:#7a94ae;font-size:13px}
.ol-special-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:start}
.ol-special-columns>section{background:#fff;border:1px solid var(--ol-line);padding:24px}
.ol-special-columns h3{padding-bottom:16px;border-bottom:2px solid var(--ol-blue)}
.ol-programs article{padding:18px 0;border-bottom:1px solid var(--ol-line)}
.ol-programs article:last-child{border-bottom:0;padding-bottom:0}
.ol-programs .ol-kicker{font-size:13px;margin-bottom:4px}
.ol-page .ol-programs h4{font-size:18px;margin:0;line-height:1.7}
.ol-programs ul{padding:0 0 0 18px;margin:10px 0 0;color:var(--ol-muted);font-size:15px;line-height:1.85}
.ol-programs li+li{margin-top:6px}
.ol-topics ol{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;padding:0 0 0 26px;margin:4px 0 0;list-style:decimal-leading-zero}
.ol-topics li>span{display:block;min-height:3.6em}
.ol-topics li{padding:10px 0 10px 7px;border-bottom:1px solid var(--ol-line);font-size:16px;line-height:1.8}
.ol-topics li:last-child{border-bottom:0}
.ol-topics li::marker{color:#7a94ae;font-size:13px}
.ol-topics small{display:block;font-size:13px;color:var(--ol-muted);margin-top:1px}
.ol-catalog-action{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}
/* Original PDF illustrations are displayed at their native size. The small
   windows select only the artwork; historical captions stay outside the view. */
.ol-platform-visual{margin:0;justify-self:center;width:100%;max-width:400px;overflow:hidden;border-radius:6px;background:#fff;border:1px solid var(--ol-line)}
.ol-classroom-art{display:block;width:100%;height:auto}
.ol-platform-visual figcaption{padding:18px 22px;border-top:1px solid var(--ol-line)}
.ol-platform-visual figcaption strong{display:block;font-size:20px;font-weight:600;line-height:1.6}
.ol-platform-visual figcaption span{display:block;font-size:14px;color:var(--ol-muted);margin-top:3px}
.ol-mode-list{gap:30px}
.ol-mode-list article{padding:0 24px 0 0;border-right:1px solid var(--ol-line);min-width:0}
.ol-mode-list article:last-child{padding-right:0;border-right:0}
.ol-mode-art,.ol-team-art{position:relative;overflow:hidden;width:150px;height:132px;flex-shrink:0;background:#fff}
.ol-mode-art{margin:0 auto 16px}
.ol-mode-art img,.ol-team-art img{position:absolute;display:block;max-width:none;pointer-events:none}
.ol-mode-art--flexible img,.ol-mode-art--blended img{width:200px;height:260px;left:-25px;top:0}
.ol-mode-art--live{width:132px}
.ol-mode-art--live img{width:1366px;height:620px;left:-328px;top:-478px}
.ol-mode-copy{position:relative;padding-left:40px}
.ol-mode-index{position:absolute;left:0;top:1px;font-size:20px;line-height:1.6;color:var(--ol-blue);font-variant-numeric:tabular-nums}
.ol-team-learning{grid-template-columns:126px 230px 1fr;background:#fff;border:1px solid var(--ol-line);border-left:3px solid var(--ol-blue);padding:16px 24px;gap:24px}
.ol-team-art{width:126px;height:112px}
.ol-team-art img{width:1366px;height:620px;left:-340px;top:-337px}
@media(max-width:1000px){.ol-mode-list{gap:20px}.ol-mode-list article{padding-right:18px}.ol-mode-copy{padding-left:0}.ol-mode-index{display:none}.ol-team-learning{grid-template-columns:126px 1fr}.ol-team-learning>p{grid-column:1/-1}.ol-introduction-grid{grid-template-columns:1.15fr 1fr}.ol-platform-visual figcaption{padding:16px}.ol-platform-visual figcaption strong{font-size:18px}}
@media(max-width:700px){.ol-platform-visual{max-width:360px}.ol-mode-list article{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:0 0 22px;border-right:0;border-bottom:1px solid var(--ol-line);align-items:start}.ol-mode-list article:last-child{border-bottom:0;padding-bottom:0}.ol-mode-art{margin:0;width:110px;height:126px}.ol-mode-art--flexible img,.ol-mode-art--blended img{left:-45px}.ol-mode-art--live img{left:-345px}.ol-mode-copy{padding-top:10px}.ol-mode-copy p{font-size:15px}.ol-team-learning{grid-template-columns:100px minmax(0,1fr)!important;gap:12px;padding:16px}.ol-team-art{width:100px}.ol-team-art img{width:1092.8px;height:496px;left:-272px;top:-269.6px}.ol-team-learning>p{grid-column:1/-1}.ol-team-learning span{font-size:13px}}
@media(max-width:360px){.ol-mode-list article{grid-template-columns:1fr;gap:0}.ol-mode-art{width:150px;margin:0 auto 4px}.ol-mode-art--flexible img,.ol-mode-art--blended img{left:-25px}.ol-mode-art--live{width:132px}.ol-mode-art--live img{left:-328px}.ol-mode-copy{padding-top:0}.ol-platform-visual figcaption{padding:14px}}
@media(max-width:700px){.ol-topics ol{grid-template-columns:1fr}.ol-topics li>span{min-height:0}}
@media(max-width:1000px){.ol-introduction-grid{gap:28px}.ol-team-learning{grid-template-columns:210px 1fr}.ol-catalog-tabs button{padding:14px}.ol-catalog-tabs strong{font-size:18px}.ol-catalog-tabs button>span{font-size:12px}.ol-role-columns{grid-template-columns:1fr}.ol-catalog-group{border-right:0;border-bottom:1px solid var(--ol-line)}.ol-catalog-group:last-child{border-bottom:0}.ol-catalog-group header{min-height:0}.ol-catalog-group ol{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.ol-special-columns{gap:18px;grid-template-columns:1fr}.ol-special-columns>section{padding:20px}}
@media(max-width:700px){.ol-page{padding:0}.ol-introduction{padding:30px 0}.ol-introduction-grid{grid-template-columns:1fr;gap:24px}.ol-introduction h2{font-size:28px}.ol-introduction-actions{gap:18px;margin-top:20px}.ol-modes{padding-bottom:28px}.ol-section-heading{padding-top:22px}.ol-section-heading h2{font-size:25px}.ol-mode-list{grid-template-columns:1fr;gap:22px}.ol-mode-list h3{font-size:20px}.ol-team-learning{grid-template-columns:1fr;gap:12px;padding:18px;margin-top:24px}.ol-catalog{padding-top:28px;padding-bottom:26px}.ol-catalog-tabs{margin-bottom:18px}.ol-catalog-tabs button{padding:12px 8px;text-align:center}.ol-catalog-tabs strong{font-size:15px;line-height:1.6}.ol-catalog-tabs button>span{display:none}.ol-catalog-group{padding:20px}.ol-catalog-group ol{display:block}.ol-special-columns{grid-template-columns:1fr;gap:20px}.ol-catalog-action{flex-direction:column;align-items:flex-start;gap:14px}.ol-catalog-action .button{width:100%}}
