
.course-page .depth-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px max(4%,calc((100% - 1200px)/2));background:#082d70;color:#fff;border-bottom:5px solid #caa45c}
.course-page .depth-nav>strong{font-size:16px;color:#f4d797;margin-right:10px;white-space:nowrap}
.course-page .depth-nav button{background:#fff;color:#082d70;border:1px solid #d2b672;padding:10px 15px;min-height:46px;font-size:16px;font-weight:800;line-height:1.45;text-align:left}
.course-page .depth-nav button:hover,.course-page .depth-nav button:focus-visible{background:#fff5df}
.course-page [id^="depth-"],.course-page [id="intro-topics"],.course-page [id="qual-learning"],.course-page [id="corp-plans"],.course-page [id="compare-choice"],.course-page [id="compare-table"],.course-page [id="intro-spec"],.course-page [id="qual-spec"],.course-page [id="corp-system"]{scroll-margin-top:190px}
.course-page .depth-section{padding:76px max(5%,calc((100% - 1180px)/2));background:#f4f8fc}
.course-page .depth-section:nth-of-type(even){background:#fff}
.course-page .depth-heading{max-width:890px;margin:0 0 36px}
.course-page .depth-kicker{font-size:16px;font-weight:850;letter-spacing:.08em;color:#a77328;margin:0 0 10px}
.course-page .depth-heading h2{font-size:clamp(33px,3.2cqi,46px);line-height:1.4;color:#092d68;margin:0 0 15px}
.course-page .depth-heading>p:last-child{font-size:18px;line-height:1.8;color:#3a4d67;margin:0}
.course-intro .course-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.course-intro .course-chapter-grid li{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:stretch;gap:0;min-height:178px;padding:0;border:1px solid #c5d6e8;background:#fff;box-shadow:0 8px 18px #082d7015;font-size:inherit;line-height:inherit}
.course-intro .course-chapter-grid li b{width:68px;height:100%;min-width:0;display:flex;align-items:flex-start;justify-content:center;padding-top:20px;font-size:27px}
.course-intro .depth-chapter-copy{padding:20px 21px 19px;min-width:0}
.course-intro .depth-chapter-copy h3{font-size:23px;line-height:1.4;color:#092d68;margin:0 0 9px}
.course-intro .depth-chapter-copy p{font-size:17px;line-height:1.7;color:#30445f;margin:0 0 7px;font-weight:650}
.course-intro .depth-chapter-copy small{display:block;font-size:15px;line-height:1.5;color:#66768a}
.course-page .depth-source-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:23px;color:#08387d;font-size:17px;font-weight:850;border-bottom:2px solid #ba934b}
.course-page .depth-source-note{font-size:15px;line-height:1.7;color:#52647b;margin:11px 0 0}
.course-page .depth-media-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:stretch}
.course-page .depth-media-card{margin:0;background:#fff;border:1px solid #c8d8e8;box-shadow:0 12px 24px #092d6816;overflow:hidden}
.course-page .depth-media-card img{width:100%;height:300px;object-fit:contain;background:#e8f2fa}
.course-page .depth-video-link{display:block;position:relative;aspect-ratio:16/9;background:#082d70;overflow:hidden}
.course-page .depth-video-link img{display:block;width:100%;height:100%;object-fit:cover;background:#082d70}
.course-page .depth-video-link:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;border-radius:50%;padding-left:5px;background:#fff;color:#082d70;font-size:31px;box-shadow:0 8px 25px #082d7099;pointer-events:none}
.course-page .depth-video-link:focus-visible{outline:4px solid #00a0e9;outline-offset:4px}
.course-page .depth-media-card figcaption{padding:20px 23px;color:#30445f;font-size:17px;line-height:1.7}
.course-page .depth-media-card figcaption strong{display:block;color:#092d68;font-size:22px;margin-bottom:4px}
.course-page .depth-media-card figcaption a{color:#08387d;text-decoration:underline;text-underline-offset:4px;font-weight:800}
.course-page .depth-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.course-page .depth-track{padding:25px 23px 28px;background:#fff;border-top:7px solid #c7a358;box-shadow:0 10px 20px #092d6817}
.course-page .depth-track:nth-child(2){border-top-color:#aa263b}
.course-page .depth-track b{display:block;font-size:16px;color:#a1273d;margin-bottom:10px}
.course-page .depth-track h3{font-size:25px;color:#092d68;line-height:1.4;margin-bottom:12px}
.course-page .depth-track p{font-size:18px;line-height:1.75;color:#354b65;margin:0}
.course-page .depth-track-source{margin-top:29px;padding:26px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px;align-items:center;background:#082d70;color:#fff}
.course-page .depth-track-source img{width:100%;height:auto;object-fit:contain;background:#fff}
.course-page .depth-track-source p{font-size:18px;line-height:1.75;margin:0}
.course-page .depth-track-source strong{display:block;color:#f1d38e;font-size:22px;margin-bottom:10px}
.course-page .depth-corporate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.course-page .depth-corporate-grid article{padding:27px 30px;background:#fff;border:1px solid #c8d9eb;border-top:7px solid #bd9852;box-shadow:0 10px 20px #092d6814}
.course-page .depth-corporate-grid h3{font-size:24px;color:#092d68;margin-bottom:17px}
.course-page .depth-corporate-grid ul{margin:0;padding-left:1.35em}
.course-page .depth-corporate-grid li{font-size:18px;line-height:1.8;padding-bottom:5px}
.course-page .depth-distinction{margin-top:22px;background:#082d70;color:#fff;padding:25px 30px;font-size:18px;line-height:1.8}
.course-page .depth-distinction strong{color:#f2d48f}
@container site (max-width:900px){
 .course-intro .course-chapter-grid{grid-template-columns:1fr 1fr}
 .course-page .depth-media-grid,.course-page .depth-track-source{grid-template-columns:1fr}
 .course-page .depth-track-grid{grid-template-columns:1fr}
}
@container site (min-width:601px) and (max-width:850px){
 .course-page.course-compare .course-table-hint{display:block!important;margin:0 0 13px;color:#082d70;font-size:16px;font-weight:850;text-align:right}
 .course-page.course-compare .course-table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bd9852 #e4edf6}
}
@container site (max-width:700px){
 .course-page .depth-nav{padding:15px 20px;gap:8px}
 .course-page .depth-nav>strong{width:100%;font-size:16px;margin:0 0 3px}
 .course-page .depth-nav button{flex:1 1 calc(50% - 5px);font-size:16px}
 .course-page .depth-section{padding:56px 20px}
 .course-page .depth-heading{margin-bottom:25px}
 .course-page .depth-heading h2{font-size:30px}
 .course-page .depth-heading>p:last-child,.course-page .depth-track p,.course-page .depth-corporate-grid li,.course-page .depth-distinction{font-size:18px}
 .course-intro .course-chapter-grid{grid-template-columns:1fr;gap:11px}
 .course-intro .course-chapter-grid li{grid-template-columns:57px minmax(0,1fr);min-height:0}
 .course-intro .course-chapter-grid li b{width:57px;font-size:23px}
 .course-intro .depth-chapter-copy{padding:15px 16px 17px}
 .course-intro .depth-chapter-copy h3{font-size:21px}
 .course-intro .depth-chapter-copy p{font-size:18px}
 .course-intro .depth-chapter-copy small{font-size:16px}
 .course-page .depth-media-grid,.course-page .depth-corporate-grid{grid-template-columns:1fr;gap:15px}
 .course-page .depth-media-card img{height:auto;max-height:270px}
 .course-page .depth-media-card figcaption{font-size:18px}
 .course-page .depth-track-source{padding:18px}
 .course-page .depth-track-source p{font-size:18px}
}
.home-page .voice-results .voice-avatar{object-fit:cover;background:none}.home-page .voice-results .voice-avatar-item{display:block}
