.course-page { padding: 0 48px 14px; background: linear-gradient(135deg,#f6faff,#fff 65%); }
.breadcrumbs { height: 54px; display:flex; align-items:center; gap:15px; max-width:1306px; margin:auto; color:#123866; font-size:13px; font-weight:600; }
.course-layout { max-width:1306px; margin:auto; display:grid; grid-template-columns:minmax(0,826px) 414px; gap:24px; align-items:start; }
.course-main { display:grid; gap:12px; }
.panel { border:1px solid #e7edf5; border-radius:7px; background:#fff; box-shadow:0 1px 4px rgba(25,62,109,.07); }
.course-intro { height:220px; display:grid; grid-template-columns:314px 1fr; overflow:hidden; }
.course-hero-image { width:314px; height:220px; object-fit:cover; }
.course-intro-copy { padding:18px 20px 0; }
.course-category { display:inline-block; padding:3px 11px; border:1px solid #3d83e9; border-radius:20px; color:#1263c8; font-size:12px; }
.course-intro h1 { margin:9px 0 7px; color:#082e68; font-size:27px; line-height:1.2; }
.course-intro p { margin:0; color:#263d5c; font-size:13px; line-height:1.65; font-weight:600; }
.course-facts { display:grid; grid-template-columns:1.25fr 1.25fr .9fr .8fr; margin-top:11px; border-top:1px solid #e8edf4; padding-top:11px; }
.course-facts div { padding:0 12px; border-right:1px solid #e3e9f1; }
.course-facts div:last-child { border:0; }
.course-facts strong,.course-facts span { display:block; font-size:11px; }
.course-facts strong { color:#174889; margin-bottom:2px; }
.course-facts span { color:#33445d; }
.curriculum { padding:14px 21px 16px; }
.course-page h2 { margin:0 0 5px; color:#0b356d; font-size:18px; }
.section-lead { margin:0 0 13px; font-size:12px; }
.module-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.module-grid article { min-height:83px; display:flex; align-items:center; gap:13px; padding:11px 12px; border:1px solid #edf1f6; border-radius:7px; background:linear-gradient(145deg,#fbfdff,#fff); }
.module-grid img { width:52px; height:47px; object-fit:cover; flex:0 0 52px; mix-blend-mode:multiply; }
.module-grid h3 { margin:0 0 5px; color:#123a71; font-size:13px; }
.module-grid p { margin:0; color:#405069; font-size:10.5px; line-height:1.45; }
.course-info-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:12px; }
.outcomes,.faq { min-height:171px; padding:14px 20px; }
.outcomes ul { margin:12px 0 0; padding:0; list-style:none; }
.outcomes li { margin:0 0 9px; color:#31445f; font-size:12px; }
.outcomes li::before { content:"✓"; color:#1672e7; font-weight:700; margin-right:10px; }
.faq details { border:1px solid #e8edf4; border-radius:4px; margin-bottom:4px; padding:7px 12px; font-size:11px; }
.faq summary { color:#17447e; font-weight:700; cursor:pointer; }
.faq details p { margin:7px 0 0; color:#43536b; }
.benefit-strip { min-height:74px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; padding:10px 20px; }
.benefit-strip div { padding-left:42px; position:relative; }
.benefit-strip div::before { content:"✓"; position:absolute; left:5px; top:2px; width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#64a2f1; }
.benefit-strip strong,.benefit-strip span { display:block; }
.benefit-strip strong { color:#16417c; font-size:11px; margin-bottom:3px; }
.benefit-strip span { color:#4b5b70; font-size:9.5px; }
.enrollment { padding:18px 16px 15px; position:sticky; top:10px; }
.enrollment h2 { margin-bottom:12px; }
.plan { display:grid; grid-template-columns:20px 1fr auto; gap:9px; min-height:141px; margin-bottom:12px; padding:14px 13px; border:1px solid #dfe6ef; border-radius:6px; cursor:pointer; }
.plan.selected { border-color:#1972ee; box-shadow:0 0 0 1px rgba(25,114,238,.1); }
.plan input { margin:2px 0 0; accent-color:#126be4; }
.plan-copy strong { display:block; color:#0f356b; font-size:13px; margin-bottom:10px; }
.plan-copy small { display:block; color:#2f4665; font-size:11px; line-height:1.9; }
.plan b { color:#092d64; font-size:15px; white-space:nowrap; }
.enroll-button { width:100%; height:41px; border-radius:4px; font-size:14px; font-weight:700; cursor:pointer; }
.enroll-button { border:0; color:#fff; background:linear-gradient(135deg,#0873dd,#0750c1); }
.course-footer { min-height:206px; padding-top:27px; }
.course-footer .footer-grid { grid-template-columns:1.7fr repeat(5,1fr); }
.footer-logo { display:flex; align-items:center; margin-bottom:10px; font:italic 700 19px Georgia,serif; }
.footer-logo img { width:35px; height:35px; margin-right:4px; }
.course-footer .footer-brand strong { font-size:12px; }
html[lang="en"] .course-intro h1 { font-size:25px; }
html[lang="en"] .course-intro p { font-size:12px; line-height:1.5; }
html[lang="en"] .course-facts { margin-top:6px; padding-top:7px; }
html[lang="en"] .course-facts div { padding:0 9px; }
@media (max-width:1100px) {
  .course-page { padding:0 20px 20px; }
  .course-layout { grid-template-columns:1fr; }
  .enrollment { position:static; }
}
@media (max-width:720px) {
  .course-intro { height:auto; grid-template-columns:1fr; }
  .course-hero-image { width:100%; }
  .course-intro-copy { padding-bottom:18px; }
  .course-facts,.module-grid,.course-info-grid,.benefit-strip { grid-template-columns:1fr; }
  .course-facts div { padding:8px 0; border-right:0; border-bottom:1px solid #e3e9f1; }
  .benefit-strip { gap:16px; }
}