:root{--navy:#08295f;--ink:#23466f;--muted:#6b8098}.course-page,.course-header,.course-footer{font-family:'Prompt','IBM Plex Sans Thai',sans-serif;color:var(--ink)}.course-page{overflow:hidden;background:linear-gradient(180deg,#fff,var(--course-soft) 28%,#fff 62%,var(--course-soft))}.course-shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.course-header{position:relative;z-index:20;border-bottom:1px solid #e8eff6;background:#fff}.course-header>.course-shell{display:flex;align-items:center;gap:32px;min-height:68px}.course-brand{display:flex;align-items:center;gap:7px;color:var(--navy)}.course-brand img{width:42px;height:42px;object-fit:contain}.course-brand b{display:block;font:900 22px/1 'Nunito',sans-serif}.course-brand small{display:block;color:var(--course-accent);font-size:8px;font-weight:800;letter-spacing:5px;text-align:center}.course-header nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:600}.course-enrol{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:999px;background:var(--course-accent);box-shadow:0 8px 20px color-mix(in srgb,var(--course-accent) 25%,transparent);color:#fff;font-weight:700}.course-breadcrumb{display:flex;gap:9px;padding-block:16px;color:#70849a;font-size:12px}.course-breadcrumb b{color:var(--course-dark)}
.course-hero{background:radial-gradient(circle at 28% 25%,#fff 0 15%,transparent 45%),linear-gradient(125deg,var(--course-soft),#fff)}.course-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr .78fr;min-height:520px;align-items:center;gap:18px}.course-code{font:900 clamp(84px,10vw,138px)/.75 'Nunito',sans-serif;color:var(--course-accent);letter-spacing:-7px}.course-hero-copy h1{margin:18px 0 12px;color:var(--course-dark);font:900 clamp(34px,4vw,54px)/1 'Nunito',sans-serif}.course-badge{display:inline-block;padding:8px 18px;border-radius:999px;background:var(--course-accent);color:#fff;font-weight:700}.course-hero-copy h2{max-width:340px;margin:28px 0 0;color:var(--course-dark);font-size:25px;line-height:1.45;font-weight:700;transform:rotate(-2deg)}.course-hero-image{align-self:end;height:500px;position:relative}.course-hero-image img{position:absolute;left:50%;bottom:0;width:500px;max-width:none;height:500px;object-fit:cover;object-position:top;transform:translateX(-50%)}.course-stat-card{padding:14px 18px;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(17,62,110,.12)}.course-stat-card>div{display:flex;align-items:center;gap:12px;padding:8px 6px;border-bottom:1px solid #edf1f5}.course-stat-card>div:last-child{border:0}.course-stat-card>div>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:var(--course-soft)}.course-stat-card>div>span img{display:block;width:30px;height:30px;object-fit:contain}.course-stat-card p{margin:0}.course-stat-card small{display:block;color:#607891}.course-stat-card strong{display:block;color:var(--course-dark);font-size:15px}
.course-section{padding-block:58px}.course-section h2{margin:0 0 28px;color:var(--course-dark);font-size:32px;font-weight:800}.course-subjects{background:#fff}.course-subject-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.course-subject-grid article{overflow:hidden;min-height:245px;padding:22px 12px 17px;border-radius:20px;background:var(--course-soft);text-align:center}.course-subject-grid article:nth-child(1){background:#edf8ff}.course-subject-grid article:nth-child(2){background:#fff0f7}.course-subject-grid article:nth-child(3){background:#ecfff6}.course-subject-grid article:nth-child(4){background:#fff8e8}.course-subject-grid article:nth-child(5){background:#f8f0ff}.course-subject-grid img{display:block;width:112px;height:112px;margin:0 auto 10px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(12,52,94,.08))}.course-subject-grid h3{margin:0;font:900 22px/1.2 'Nunito',sans-serif}.course-subject-grid article:nth-child(1) h3{color:#1689f8}.course-subject-grid article:nth-child(2) h3{color:#f72c83}.course-subject-grid article:nth-child(3) h3{color:#00af6c}.course-subject-grid article:nth-child(4) h3{color:#ef8a00}.course-subject-grid article:nth-child(5) h3{color:#8f2df6}.course-subject-grid b{color:var(--course-dark);font-size:13px}.course-subject-grid p{margin:5px 8px 0;color:#5e728a;font-size:12px}
.course-features{background:linear-gradient(180deg,var(--course-soft),#fff)}.course-feature-layout{display:grid;grid-template-columns:1fr 270px;gap:25px;align-items:end}.course-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.course-feature-grid article{padding:20px 12px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 10px 25px rgba(20,71,120,.08)}.course-feature-grid span{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 12px;border-radius:50%;background:var(--course-soft);font-size:33px}.course-feature-grid h3{margin:0;color:var(--course-dark);font-size:16px}.course-feature-grid p{margin:6px 0 0;color:#71839a;font-size:12px}.course-feature-layout>img{width:270px;height:230px;object-fit:cover;object-position:top;border-radius:50% 50% 20px 20px;background:var(--course-soft)}
.course-activities{background:#fff}.course-activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.course-activity-grid article{overflow:hidden;border:1px solid #e4edf4;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(20,71,120,.07);text-align:center}.course-activity-grid img{width:100%;aspect-ratio:1.45;object-fit:cover}.course-activity-grid p{min-height:54px;margin:0;padding:13px;color:var(--course-dark);font-size:13px;font-weight:600}
.course-outcomes{background:linear-gradient(110deg,var(--course-soft),#fff)}.course-outcome-layout{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:end}.course-outcomes ul{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 28px;padding:0;list-style:none}.course-outcomes li{position:relative;padding-left:30px;color:var(--course-dark);font-weight:500}.course-outcomes li:before{content:'✓';position:absolute;left:0;top:-2px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--course-accent);color:#fff;font-weight:800}.course-outcome-layout>img{width:280px;height:235px;object-fit:cover;object-position:top}
.course-price{padding:20px 0 36px;background:var(--course-soft)}.course-price-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 35px;border-radius:28px;background:#fff;box-shadow:0 15px 40px rgba(20,71,120,.1)}.course-price-card small{display:block;color:var(--course-dark);font-weight:600}.course-price-card strong{display:block;color:var(--course-accent);font:900 52px/1.1 'Nunito',sans-serif}.course-price-card strong span{font:700 20px 'Prompt',sans-serif}.course-price-card p{margin:5px 0 0;color:#6f8297}.course-price-card>a{display:flex;align-items:center;justify-content:center;min-width:330px;height:58px;border-radius:999px;background:var(--course-accent);color:#fff;font-size:21px;font-weight:700;box-shadow:0 10px 24px color-mix(in srgb,var(--course-accent) 28%,transparent)}.course-price-card>a span{margin-left:20px;font-size:28px}.course-faq{background:#fff}.course-faq details{max-width:820px;margin:10px 0;padding:15px 20px;border:1px solid #e0e9f2;border-radius:15px;background:#fff}.course-faq summary{cursor:pointer;color:var(--course-dark);font-weight:600}.course-faq details p{margin:12px 0 0;color:#647a91}.course-footer{padding:22px 0;background:var(--course-soft)}.course-footer>.course-shell{display:flex;align-items:center;gap:25px}.course-footer p{margin:auto;color:var(--course-dark);font-weight:600}
@media(max-width:900px){.course-header nav{display:none}.course-header>.course-shell{gap:12px}.course-enrol{margin-left:auto}.course-hero-grid{grid-template-columns:1fr 1fr}.course-stat-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:30px}.course-stat-card>div{border:0}.course-feature-layout,.course-outcome-layout{grid-template-columns:1fr}.course-feature-layout>img,.course-outcome-layout>img{display:none}.course-subject-grid{grid-template-columns:repeat(3,1fr)}.course-subject-grid article:nth-child(n+4){grid-column:auto}.course-feature-grid,.course-activity-grid{grid-template-columns:repeat(2,1fr)}.course-price-card>a{min-width:260px}}
@media(max-width:600px){.course-shell{width:calc(100% - 28px)}.course-header>.course-shell{min-height:62px}.course-brand b{font-size:17px}.course-brand img{width:34px;height:34px}.course-enrol{padding:9px 13px;font-size:12px}.course-breadcrumb{padding-block:12px}.course-hero-grid{grid-template-columns:1fr;min-height:0;text-align:center}.course-hero-copy{padding-top:14px}.course-code{font-size:92px}.course-hero-copy h1{font-size:38px}.course-hero-copy h2{max-width:none;margin:22px auto 0;font-size:21px}.course-hero-image{height:330px}.course-hero-image img{width:360px;height:360px}.course-stat-card{grid-template-columns:1fr 1fr;text-align:left}.course-section{padding-block:42px}.course-section h2{font-size:27px;text-align:center}.course-subject-grid{grid-template-columns:repeat(2,1fr)}.course-subject-grid article{min-height:220px;padding-inline:8px}.course-subject-grid img{width:92px;height:92px}.course-subject-grid article:last-child{grid-column:1/-1;width:50%;justify-self:center}.course-feature-grid,.course-activity-grid{grid-template-columns:1fr 1fr}.course-outcomes ul{grid-template-columns:1fr}.course-price-card{flex-direction:column;text-align:center;padding:22px 18px}.course-price-card strong{font-size:46px}.course-price-card>a{width:100%;min-width:0}.course-footer>.course-shell{flex-wrap:wrap;justify-content:center}.course-footer p{order:3;width:100%;text-align:center}.course-footer .course-enrol{margin:0}}

[data-testid="browser-agent-cursor"],[data-browser-agent-cursor-asset]{display:none!important;visibility:hidden!important}

/* Hamburger menu: tablet & mobile only */
.site-burger,.nav-enrol{display:none}
@media(max-width:1024px){
.site-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border:2px solid #dbe8f5;border-radius:12px;background:#fff;cursor:pointer;flex-shrink:0}.site-burger span{display:block;height:2px;border-radius:2px;background:#08295f;transition:transform .2s,opacity .2s}.site-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-burger.is-open span:nth-child(2){opacity:0}.site-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.jr-header>.junior-shell>nav,.course-header>.course-shell>nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;flex-direction:column;gap:0;width:auto;margin:0;padding:8px 0;background:#fff;border-bottom:2px solid #edf6fc;box-shadow:0 16px 30px rgba(8,41,95,.12);font-size:16px;font-weight:700;order:0}.jr-header>.junior-shell>nav.is-open,.course-header>.course-shell>nav.is-open{display:flex}
.jr-header>.junior-shell>nav a,.course-header>.course-shell>nav a{padding:14px max(20px,calc((100% - 1220px)/2 + 24px));color:#123a78}.jr-header>.junior-shell>nav a:hover,.course-header>.course-shell>nav a:hover{background:#f2f9ff;color:#fa287d}
.jr-header>.junior-shell>nav a.nav-enrol,.course-header>.course-shell>nav a.nav-enrol{display:block;color:#fa287d}
.jr-header>.junior-shell{flex-wrap:nowrap}.jr-header .jr-enrol,.course-header .course-enrol{margin-left:auto}
}
@media(max-width:480px){.jr-header .jr-enrol,.course-header .course-enrol{display:none}.site-burger{margin-left:auto}}

.site-home-btn{display:inline-flex;align-items:center;margin-left:auto;padding:9px 18px;border:2px solid #08295f;border-radius:999px;color:#08295f;font-weight:700;font-size:13px;white-space:nowrap;transition:background .2s,color .2s}.site-home-btn:hover{background:#08295f;color:#fff}.site-home-btn+.jr-enrol,.site-home-btn+.course-enrol{margin-left:0}
@media(max-width:1024px){.site-home-btn{display:none}}

/* Larger header (matches main site scale) */
.course-header>.course-shell{min-height:84px;gap:28px}
.course-header .course-brand img{width:250px!important;max-width:none}
.course-header nav{gap:30px;font-size:15px}
.course-enrol{padding:12px 28px;font-size:16px}
.site-home-btn{padding:11px 22px;font-size:15px}
@media(max-width:1100px){.course-header nav{gap:16px;font-size:13px}.course-header .course-brand img{width:200px!important}}
@media(max-width:820px){.course-header>.course-shell{min-height:68px}}
@media(max-width:480px){.course-header .course-brand img{width:170px!important}}