/* Mathematics course dossier. Shared brand, navigation and footer remain in main.css. */
.math-course-page .header{z-index:100}
.math-course-page .desktop-nav a[aria-current]{color:var(--color-navy)}
.math-course-page .accent{color:#7635ee}
.math-course-page .section{padding-block:88px}
.math-course-page h2{max-width:790px}
.course-breadcrumb{display:flex;align-items:center;gap:11px;color:#6d5c77;font-size:10px;margin-bottom:62px}
.course-breadcrumb a{color:#625175;text-decoration:none}
.course-breadcrumb a:hover{text-decoration:underline}
.detail-hero{padding:44px 0 0;background:#fafaf8}
.detail-hero-layout{display:grid;grid-template-columns:1.14fr .86fr;gap:clamp(50px,7vw,110px);align-items:end;padding-bottom:85px}
.detail-hero h1{font-size:clamp(48px,5vw,72px);line-height:1.1;letter-spacing:-3.5px}
.detail-hero h1 .accent{background:linear-gradient(95deg,#0077ff,#7a38ff 86%);background-clip:text;color:transparent}
.course-qualification{margin-top:26px;color:#51465d;font-size:16px}
.detail-hero-aside>p{max-width:460px;color:#5f596a;font-size:17px;line-height:1.8}
.detail-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:30px}
.hero-meta{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d6cedf;border-bottom:1px solid #d6cedf}
.hero-meta>div{padding:20px 16px 22px;border-left:1px solid #e4dfeb}
.hero-meta>div:first-child{border-left:0;padding-left:0}
.hero-meta strong{display:block;color:#1c1931;font-size:13px;font-weight:500;line-height:1.45;margin-top:9px}
.detail-section-heading{display:grid;grid-template-columns:190px 1fr;gap:30px;border-top:1px solid #d8d1df;padding-top:18px;margin-bottom:46px}
.detail-section-heading>span,.detail-index{padding-top:8px}
.detail-section-heading h2{font-size:clamp(38px,3.6vw,53px)}
.detail-section-heading p{max-width:690px;color:#706a7a;font-size:14px;line-height:1.8;margin-top:17px}
.detail-glance{background:#fff}
.glance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0}
.glance-grid>div{border-top:1px solid #ddd7e4;padding:18px 22px 25px 0}
.glance-grid>div:nth-last-child(-n+3){border-bottom:1px solid #ddd7e4}
.glance-grid dt,.course-facts dt{font-size:9px;color:#7c668e;letter-spacing:1.1px;font-weight:600;text-transform:uppercase}
.glance-grid dd{font-size:16px;color:#221c36;margin:14px 0 0;line-height:1.5}
.detail-note{color:#6d5c77;font-size:11px;line-height:1.7;margin-top:19px}
.detail-syllabus{background:#f8f6fa}
.syllabus-index,.journey-phases,.session-list,.pack-list,.join-steps{list-style:none;padding:0;margin:0}
.syllabus-index{border-bottom:1px solid #d8d0df}
.syllabus-index li{display:grid;grid-template-columns:100px 1fr;align-items:center;border-top:1px solid #d8d0df;padding:20px 0}
.syllabus-index h3{font-size:clamp(21px,2.1vw,30px)}
.syllabus-source{width:max-content;margin-top:27px}
.detail-journey{background:#f0edf6}
.journey-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:33px}
.journey-phases li{border-top:1px solid #c9bcda;padding-top:19px}
.journey-phases span{display:block;color:#72588f;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:600}
.journey-phases h3{font-size:21px;line-height:1.45;margin-top:27px;max-width:235px}
.detail-week{background:#fff}
.week-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}
.week-grid>div{border-top:1px solid #dad5df;padding:20px 0 27px}
.week-grid>div:nth-last-child(-n+2){border-bottom:1px solid #dad5df}
.week-grid h3{font-size:23px;margin:18px 0 8px}
.week-grid p{color:#6e6777;font-size:13px;line-height:1.75;max-width:450px}
.detail-session{background:#fafaf8}
.detail-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,9vw,135px)}
.detail-split h2{margin-top:30px}
.detail-split>div:first-child>p{max-width:420px;color:#706978;font-size:14px;line-height:1.85;margin-top:23px}
.session-list{border-bottom:1px solid #d9d3de}
.session-list li{display:grid;grid-template-columns:58px 1fr;border-top:1px solid #d9d3de;padding:16px 0}
.session-list h3{font-size:19px}
.session-list p{color:#706978;font-size:12px;line-height:1.7;margin-top:5px}
.detail-assessment{background:#edeff6}
.assessment-list{list-style:none;padding:0;margin:0;border-bottom:1px solid #cbd1df}
.assessment-list li{border-top:1px solid #cbd1df;padding:16px 0;color:#37364c;font-size:16px}
.detail-pack{background:#fff}
.pack-list{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}
.pack-list li{display:grid;grid-template-columns:45px 1fr;align-items:baseline;border-top:1px solid #d9d3de;padding:18px 0}
.pack-list li:nth-last-child(-n+2){border-bottom:1px solid #d9d3de}
.pack-list h3{font-size:21px}
.printed-note{display:grid;grid-template-columns:190px 1fr;gap:30px;margin-top:40px;padding:23px 0;border-top:1px solid #d9d3de}
.printed-note strong{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#735a8e}
.printed-note p{font-size:13px;color:#6c6574;line-height:1.75;max-width:750px}
.included{display:grid;grid-template-columns:190px 1fr;gap:30px;padding-top:55px}
.included h3{font-size:22px;max-width:160px}
.included ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;list-style:none;margin:0;padding:0}
.included li{border-top:1px solid #d9cfdf;padding:11px 0;font-size:14px;color:#3c354b}
.free-note{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #d9cfdf;padding-top:22px;margin-top:52px}
.free-note h3{font-size:18px}
.free-note p{color:#6d6575;font-size:12px;line-height:1.7;margin-top:7px}
.free-note .text-link{flex:none}
.detail-fit{background:#fff}
.fit-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.fit-columns>div{border-top:1px solid #d8d0de;padding-top:20px}
.fit-columns h3{font-size:23px;margin-bottom:20px}
.fit-columns ul{list-style:none;margin:0;padding:0}
.fit-columns li{border-top:1px solid #e5e0e8;padding:12px 0;color:#554e5d;font-size:13px;line-height:1.6}
.fit-link{display:inline-flex;margin-top:32px}
.detail-join{background:#f5f4f7}
.join-steps{border-bottom:1px solid #d8d2dd;margin-bottom:30px}
.join-steps li{display:grid;grid-template-columns:90px 1fr;align-items:baseline;border-top:1px solid #d8d2dd;padding:16px 0}
.join-steps h3{font-size:20px}
.detail-faq{background:#fff}
.detail-faq .faq-layout{align-items:start}
.detail-final{background:#0a0f2e;color:#fff;padding:85px 0 90px;border-top:2px solid #8a62d3}
.detail-final-layout{display:flex;justify-content:space-between;align-items:end;gap:50px}
.detail-final-layout>div:first-child>span{display:block;color:#c1b3dd;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:26px}
.detail-final h2{font-size:clamp(45px,5vw,70px)}
.detail-final p{color:#c4c5d7;font-size:15px;margin-top:20px}
.detail-final-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;flex:none}
.detail-final .text-link{color:#fff}
@media(max-width:1100px){
.hero-meta{grid-template-columns:repeat(3,1fr)}
.hero-meta>div:nth-child(4){border-left:0;padding-left:0;border-top:1px solid #e4dfeb}
.hero-meta>div:nth-child(5){border-top:1px solid #e4dfeb}
.hero-meta>div:last-child{grid-column:span 2}
.detail-hero-layout{gap:50px}
}
@media(max-width:900px){
.detail-hero-layout,.detail-split{grid-template-columns:1fr}
.detail-hero-layout{gap:28px;padding-bottom:60px}
.course-breadcrumb{margin-bottom:45px}
.detail-hero-aside>p{max-width:680px}
.detail-section-heading{grid-template-columns:125px 1fr}
.journey-phases{grid-template-columns:repeat(2,1fr)}
.detail-final-layout{flex-direction:column;align-items:flex-start}
}
@media(max-width:700px){
.math-course-page .section{padding-block:68px}
.detail-hero{padding:32px 0 0}
.course-breadcrumb{margin-bottom:37px;font-size:9px}
.detail-hero h1{font-size:clamp(43px,10vw,59px);letter-spacing:-2.7px}
.course-qualification{font-size:12px;margin-top:17px}
.detail-hero-aside>p{font-size:13px;line-height:1.8}
.detail-hero-actions{gap:14px;margin-top:22px}
.detail-hero-actions .btn{font-size:10px;padding:13px 16px}
.detail-hero-actions .text-link{font-size:10px}
.detail-hero-layout{padding-bottom:45px}
.hero-meta{grid-template-columns:repeat(2,1fr)}
.hero-meta>div,.hero-meta>div:nth-child(4){border-left:0;border-top:1px solid #e4dfeb;padding:15px 14px 17px 0}
.hero-meta>div:nth-child(-n+2){border-top:0}
.hero-meta>div:nth-child(odd){border-right:1px solid #e4dfeb}
.hero-meta>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-right:0}
.hero-meta>div:last-child strong{margin-top:0}
.hero-meta span{font-size:8px}
.hero-meta strong{font-size:11px}
.detail-section-heading{display:block;margin-bottom:30px}
.detail-section-heading>span{margin-bottom:20px}
.detail-section-heading h2{font-size:37px;letter-spacing:-1.9px}
.detail-section-heading p{font-size:12px}
.glance-grid{grid-template-columns:1fr 1fr}
.glance-grid>div:nth-last-child(3){border-bottom:0}
.glance-grid>div:nth-last-child(2){border-bottom:1px solid #ddd7e4}
.glance-grid>div{padding:15px 15px 19px 0}
.glance-grid dd{font-size:12px}
.syllabus-index li{grid-template-columns:43px 1fr;padding:16px 0}
.syllabus-index h3{font-size:19px;line-height:1.4}
.journey-phases{grid-template-columns:1fr;gap:0}
.journey-phases li{padding:16px 0 20px}
.journey-phases li:last-child{border-bottom:1px solid #c9bcda}
.journey-phases h3{font-size:19px;margin-top:12px;max-width:100%}
.week-grid{gap:0}
.week-grid>div:nth-last-child(2){border-bottom:0}
.week-grid>div:last-child{border-bottom:1px solid #dad5df}
.week-grid h3{font-size:20px;margin-top:12px}
.week-grid p{font-size:12px}
.detail-split{gap:31px}
.detail-split h2{margin-top:15px}
.detail-split>div:first-child>p{font-size:12px;margin-top:18px}
.session-list h3{font-size:17px}
.assessment-list li{font-size:13px}
.pack-list li:nth-last-child(2){border-bottom:0}
.pack-list li:last-child{border-bottom:1px solid #d9d3de}
.pack-list h3{font-size:18px}
.printed-note{grid-template-columns:1fr;gap:10px;margin-top:27px}
.printed-note p{font-size:12px}
.included{grid-template-columns:1fr;gap:17px;padding-top:38px}
.included h3{max-width:none}
.included li{font-size:12px}
.free-note{display:block;margin-top:36px}
.free-note .text-link{margin-top:17px}
.fit-columns{gap:30px}
.fit-columns h3{font-size:20px}
.fit-columns li{font-size:12px}
.join-steps li{grid-template-columns:47px 1fr;padding:14px 0}
.join-steps h3{font-size:17px}
.detail-final{padding:66px 0}
.detail-final h2{font-size:43px}
.detail-final p{font-size:12px}
.detail-final-actions{gap:16px}
}
@media(max-width:390px){
.detail-hero h1{font-size:42px}
.detail-hero-actions .btn{font-size:9px;padding-inline:12px}
.detail-hero-actions .text-link{font-size:9px}
.glance-grid dd{font-size:11px}
.included ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.math-course-page *,.math-course-page *:before,.math-course-page *:after{animation:none!important;transition:none!important}}


@media(max-width:600px){.pack-list{grid-template-columns:1fr}.pack-list li{min-width:0}.pack-list h3{overflow-wrap:anywhere}}
