@font-face{font-family:ObsNetSerif;src:url('/brand/source-serif-4.ttf') format('truetype');font-weight:200 900;font-display:swap}
.obs-course{--ink:#142b41;--blue:#2455a5;--paper:#f3f7fe;--muted:#4b6174;--line:#d4dddF;color:var(--ink);font:1.05rem/1.75 Arial,sans-serif;max-width:1120px;margin:0 auto;padding:clamp(16px,3vw,42px);background:#fff;overflow-wrap:anywhere}
.obs-course *{box-sizing:border-box}.obs-course ::selection{background:#d8e6fb;color:#142b41}
.obs-course h2,.obs-course h3{font-family:ObsNetSerif,Georgia,serif;color:var(--ink);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.obs-course h2{font-size:clamp(2rem,4.2vw,3.6rem);max-width:24ch;margin:0 0 28px}.obs-course h3{font-size:clamp(1.45rem,2.2vw,2rem);margin:44px 0 14px}.obs-course h4{font-size:1.1rem;margin:30px 0 8px;line-height:1.45}
.obs-course p{max-width:72ch;margin:0 0 20px}.obs-course ul,.obs-course ol{max-width:75ch;padding-left:24px;margin:12px 0 28px}.obs-course li{padding:3px 0 6px}
.obs-course a{color:#204f99;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.obs-course a:hover{color:#8d3824}.obs-course a:focus-visible,.obs-course video:focus-visible,.obs-course summary:focus-visible{outline:3px solid #2455a5;outline-offset:5px;border-radius:3px}
.obs-course .obs-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;margin:0 0 34px;background:#f3f7fe}
.obs-course .obs-lead{font-size:clamp(1.15rem,2.1vw,1.4rem);line-height:1.55;max-width:59ch;color:#304c64;margin-bottom:28px}
.obs-course .obs-path{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;max-width:none;border-top:1px solid #b8c6d0;border-bottom:1px solid #b8c6d0;margin:30px 0 38px}.obs-course .obs-path li{flex:1 1 200px;min-width:0;padding:20px 20px 20px 0}.obs-course .obs-path strong{display:block;font-size:1.05rem}.obs-course .obs-path span{display:block;font-size:.94rem;line-height:1.5;color:#4b6174;margin-top:5px}
.obs-course .obs-spread{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;margin:28px 0 40px}.obs-course .obs-spread>div{flex:1 1 360px;min-width:0}.obs-course .obs-spread figure{flex:1 1 280px;min-width:0;margin:0;background:#f3f7fe;padding:14px}.obs-course figure img{display:block;width:100%;height:auto}.obs-course figcaption{font-size:.9rem;line-height:1.5;margin-top:12px;color:#4b6174}
.obs-course .obs-task{background:#f3f7fe;padding:clamp(20px,3vw,32px);margin:28px 0 38px}.obs-course .obs-task h3{margin-top:0}.obs-course .obs-task p:last-child{margin-bottom:0}
.obs-course video{display:block;width:100%;height:auto;max-width:1000px;background:#10213b;margin:24px 0 16px}.obs-course .obs-downloads{display:flex;flex-wrap:wrap;gap:8px 24px;padding:12px 0 24px;border-bottom:1px solid #d4dddf;max-width:none}.obs-course .obs-downloads a{display:inline-block;padding:8px 0;line-height:1.4}
.obs-course .obs-index{list-style:none;padding:0;max-width:none}.obs-course .obs-index li{border-top:1px solid #d4dddf;padding:20px 0}.obs-course .obs-index strong{display:block;font-size:1.12rem}.obs-course .obs-index span{display:block;margin-top:6px;max-width:75ch;color:#4b6174}
.obs-course .obs-note{font-size:.94rem;line-height:1.6;color:#4b6174}.obs-course footer{border-top:1px solid #d4dddf;margin-top:44px;padding-top:20px;font-size:.94rem}
.obs-course details{border-top:1px solid #d4dddf;padding:18px 0}.obs-course summary{cursor:pointer;font-weight:700;min-height:44px;align-content:center}.obs-course details[open] summary{margin-bottom:18px}
@media(max-width:600px){.obs-course{padding:16px 0}.obs-course .obs-path li{flex-basis:50%;padding:15px 12px 15px 0}.obs-course .obs-spread{gap:20px}.obs-course h2{font-size:2rem}.obs-course .obs-task{padding:20px}.obs-course .obs-cover{margin-bottom:24px}}

.obs-course .obs-action,.obs-course .obs-seek{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;background:#2455a5;color:#fff;border:2px solid #142b41;border-radius:5px;text-decoration:none;font:600 16px/1.4 Arial;cursor:pointer}.obs-course .obs-action:hover,.obs-course .obs-seek:hover{background:#173f7d;color:#fff}.obs-course .obs-seek{margin:6px 0;background:white;color:#142b41}.obs-course img{max-width:100%;height:auto}.obs-course table{display:block;max-width:100%;overflow:auto}.obs-course code{overflow-wrap:anywhere}.obs-course input,.obs-course textarea{caret-color:#2455a5}.obs-course :focus-visible{outline:3px solid #2455a5;outline-offset:4px}.obs-course video{width:100%}.obs-course .obs-small-sample{padding:18px;background:#f7dbb9;color:#502d06;border:1px solid #925f25}@media(prefers-reduced-motion:reduce){.obs-course *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}