.mec-course{
  --ink:#182b48;
  --muted:#526078;
  --blue:#2354e6;
  --soft:#f1f5fc;
  --coral:#ff735e;
  --peach:#fff0e9;
  --line:#d8e1ef;
  color:var(--ink);
  background:#fff;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.7;
}
.mec-course *,.mec-course *::before,.mec-course *::after{box-sizing:border-box}
.mec-course .wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.mec-course a{color:var(--blue)}
.mec-course :is(a,button,summary,input,select,textarea):focus-visible{
  outline:3px solid var(--coral);outline-offset:4px
}
.mec-course h1,.mec-course h2,.mec-course h3{
  color:var(--ink);line-height:1.14;text-wrap:balance
}
.mec-course h1{
  margin:20px 0;font-size:clamp(40px,4.5vw,64px);
  font-weight:750;letter-spacing:-2.4px
}
.mec-course h2{
  margin:0 0 20px;font-size:clamp(29px,3vw,39px);letter-spacing:-1.2px
}
.mec-course h3{margin:0 0 12px;font-size:20px;letter-spacing:-.4px}
.mec-course p{margin:0 0 18px}
.mec-course p:last-child{margin-bottom:0}
.mec-course .serif{
  color:var(--blue);font-family:Georgia,"Times New Roman",serif;
  font-style:italic;font-weight:400
}
.mec-course .eyebrow{
  display:block;margin-bottom:12px;color:var(--blue);
  font-size:11px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase
}
.mec-course .breadcrumb{padding:26px 0;color:var(--muted);font-size:12px}
.mec-course .breadcrumb ol{
  display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none
}
.mec-course .breadcrumb li+li::before{content:"/";margin-right:8px;color:#66758d}
.mec-course .breadcrumb a{color:var(--muted);text-decoration:none}
.mec-course .breadcrumb a:hover{text-decoration:underline}
.mec-course .layout{
  display:grid;grid-template-columns:minmax(0,1fr) 360px;
  align-items:start;gap:48px;padding-bottom:64px
}
.mec-course .content,.mec-course .sidebar{min-width:0}
.mec-course .badges{display:flex;flex-wrap:wrap;gap:8px}
.mec-course .badge{
  padding:6px 12px;border-radius:100px;background:var(--soft);
  color:var(--blue);font-size:11px;font-weight:700
}
.mec-course .badge-peach{background:var(--peach);color:#8b3b2a}
.mec-course .lead{color:var(--muted);font-size:19px;line-height:1.75}
.mec-course .teacher-line{display:flex;align-items:center;gap:12px;margin:24px 0}
.mec-course .monogram{
  display:grid;flex-shrink:0;place-items:center;
  width:46px;height:46px;border-radius:50%;
  background:#e9eefb;color:var(--blue);font-size:15px;font-weight:750
}
.mec-course .teacher-line strong{display:block;font-size:13px}
.mec-course .teacher-line small{display:block;color:var(--muted);font-size:12px}
.mec-course .actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}
.mec-course .btn{
  display:inline-flex;justify-content:center;align-items:center;gap:12px;
  min-height:48px;padding:12px 20px;border:1px solid var(--blue);
  border-radius:9px;background:var(--blue);color:#fff;
  font:inherit;font-size:14px;font-weight:700;text-align:center;
  text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s
}
.mec-course .btn:hover{background:#183bad;border-color:#183bad;color:#fff}
.mec-course .btn-outline{background:#fff;border-color:var(--line);color:var(--ink)}
.mec-course .btn-outline:hover{background:var(--soft);color:var(--blue);border-color:var(--blue)}
.mec-course .hero-photo{
  position:relative;margin:0;overflow:hidden;border-radius:20px;background:var(--soft)
}
.mec-course .hero-photo img{
  display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover
}
.mec-course .hero-photo figcaption{
  position:absolute;inset:auto 0 0;padding:70px 28px 26px;
  color:#fff;background:linear-gradient(transparent,rgba(13,29,53,.9))
}
.mec-course .hero-photo figcaption span{
  display:block;margin-bottom:8px;font-size:10px;letter-spacing:2px;text-transform:uppercase
}
.mec-course .hero-photo figcaption strong{
  display:block;max-width:490px;font-size:clamp(23px,2.8vw,33px);
  font-weight:600;line-height:1.2;letter-spacing:-.8px
}
.mec-course .facts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  margin:18px 0 28px;padding:24px 14px;border-radius:14px;background:var(--soft)
}
.mec-course .facts>div{padding:0 16px}
.mec-course .facts>div+div{border-left:1px solid var(--line)}
.mec-course .facts dt{color:var(--muted);font-size:11px}
.mec-course .facts dd{margin:4px 0 0;font-size:18px;font-weight:750}
.mec-course .course-nav{
  display:flex;flex-wrap:wrap;gap:8px 18px;padding:17px 0;
  border-block:1px solid var(--line)
}
.mec-course .course-nav a{
  padding:4px 0;color:var(--ink);font-size:12px;font-weight:650;text-decoration:none
}
.mec-course .course-nav a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.mec-course .section{padding-top:56px;scroll-margin-top:100px}
.mec-course .section>p{color:var(--muted)}
.mec-course .split{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center
}
.mec-course .split p{color:var(--muted);font-size:15px}
.mec-course .photo{margin:0}
.mec-course .photo img{
  display:block;width:100%;height:auto;aspect-ratio:4/5;
  object-fit:cover;border-radius:16px;background:var(--soft)
}
.mec-course .photo-note{
  margin-top:-30px;margin-left:18px;margin-right:18px;
  position:relative;padding:19px;border-radius:12px;
  background:var(--peach);color:var(--ink);font-size:15px;font-weight:650;
  line-height:1.45;box-shadow:0 8px 24px rgba(24,43,72,.06)
}
.mec-course .callout{
  margin-top:28px;padding:18px 22px;border-left:3px solid var(--blue);
  border-radius:0 12px 12px 0;background:var(--soft);font-size:13px;color:var(--muted)
}
.mec-course .cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mec-course .card{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}
.mec-course .card p{color:var(--muted);font-size:14px}
.mec-course .card-soft{background:var(--soft);border-color:var(--soft)}
.mec-course .card-peach{background:var(--peach);border-color:var(--peach)}
.mec-course .card-label{
  display:inline-block;margin-bottom:22px;padding:5px 10px;border-radius:100px;
  background:#fff;color:var(--ink);font-size:10px;font-weight:750;
  letter-spacing:1px;text-transform:uppercase
}
.mec-course .objectives{
  margin-top:56px;padding:34px;border-radius:20px;background:var(--ink);
  scroll-margin-top:100px
}
.mec-course .objectives .eyebrow{color:#a9bfff}
.mec-course .objectives h2{color:#fff}
.mec-course .objectives>.intro{color:#d3dced;font-size:15px}
.mec-course .objective-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}
.mec-course .objective{padding-top:18px;border-top:1px solid #42536d}
.mec-course .objective .number{display:block;margin-bottom:14px;color:#ffab99;font-size:12px;font-weight:750}
.mec-course .objective h3{color:#fff;font-size:19px}
.mec-course .objective p{color:#d3dced;font-size:14px}
.mec-course .accordion{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}
.mec-course .accordion details+details{border-top:1px solid var(--line)}
.mec-course .accordion summary{
  position:relative;padding:21px 48px 21px 22px;font-size:15px;
  font-weight:700;line-height:1.5;list-style:none;cursor:pointer
}
.mec-course .accordion summary::-webkit-details-marker{display:none}
.mec-course .accordion summary::after{
  content:"+";position:absolute;top:17px;right:20px;color:var(--blue);font-size:26px;font-weight:400
}
.mec-course .accordion details[open]>summary{color:var(--blue);background:#f7f9fe}
.mec-course .accordion details[open]>summary::after{content:"−"}
.mec-course .accordion .answer{padding:18px 22px 22px;color:var(--muted);font-size:14px}
.mec-course .module-num{color:var(--blue);margin-right:9px;font-size:12px}
.mec-course .editorial{
  margin-top:56px;overflow:hidden;border:1px solid var(--line);
  border-radius:20px;background:var(--soft)
}
.mec-course .editorial img{
  display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover
}
.mec-course .editorial-body{padding:30px}
.mec-course .editorial-body h2{max-width:570px}
.mec-course .editorial-body p{color:var(--muted);font-size:15px}
.mec-course .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.mec-course .chip{
  padding:7px 12px;border:1px solid var(--line);border-radius:100px;
  background:#fff;font-size:12px;font-weight:600
}
.mec-course .teacher-card{padding:30px;border:1px solid var(--line);border-radius:16px}
.mec-course .teacher-top{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.mec-course .teacher-top .monogram{width:64px;height:64px;font-size:21px}
.mec-course .teacher-top h3{margin-bottom:4px}
.mec-course .teacher-top small{color:var(--muted);font-size:12px}
.mec-course .teacher-card p{color:var(--muted);font-size:15px}
.mec-course .information{margin:0}
.mec-course .information>div{
  display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;
  padding:16px 0;border-bottom:1px solid var(--line);font-size:14px
}
.mec-course .information dt{font-weight:700}
.mec-course .information dd{margin:0;color:var(--muted)}
.mec-course .sidebar{scroll-margin-top:100px;border-radius:16px}
.mec-course .form-card{
  overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;
  box-shadow:0 12px 35px rgba(24,43,72,.08)
}
.mec-course .form-head{padding:20px 22px;background:var(--soft);border-top:4px solid var(--blue)}
.mec-course .form-head .eyebrow{margin-bottom:8px;font-size:10px}
.mec-course .form-head h2{margin-bottom:8px;font-size:25px;letter-spacing:-.7px}
.mec-course .form-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.mec-course .form-body{padding:18px 22px}
.mec-course .field{margin-bottom:12px}
.mec-course label{display:block;margin-bottom:5px;font-size:12px;font-weight:650}
.mec-course input,.mec-course select,.mec-course textarea{
  display:block;width:100%;min-height:40px;padding:9px 11px;
  border:1px solid #cbd5e3;border-radius:7px;background:#fff;
  color:var(--ink);font:inherit;font-size:13px;line-height:1.4
}
.mec-course textarea{min-height:65px;resize:vertical}
.mec-course input::placeholder,.mec-course textarea::placeholder{color:#66758b;opacity:1}
.mec-course .form-body .btn{width:100%;min-height:44px;padding:10px 16px}
.mec-course .btn:disabled{opacity:.65;cursor:not-allowed}
.mec-course .sidebar-foot{padding:12px 8px;color:var(--muted);font-size:11px;text-align:center}
.mec-course .sidebar-foot strong{display:block;color:var(--ink);font-size:12px}
.mec-course .closing{padding:60px 0;background:var(--peach)}
.mec-course .closing-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}
.mec-course .closing h2{max-width:680px;margin-bottom:14px}
.mec-course .closing p{max-width:650px;color:var(--muted)}
.mec-course .closing .btn{flex-shrink:0}

@media(max-width:1100px){
  .mec-course .layout{grid-template-columns:minmax(0,1fr) 330px;gap:30px}
  .mec-course .split{gap:20px}
}
@media(max-width:980px){
  .mec-course .layout{grid-template-columns:minmax(0,1fr)}
  .mec-course .sidebar{position:static;max-height:none;overflow:visible}
  .mec-course .closing-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .mec-course .wrap{width:calc(100% - 36px)}
  .mec-course .breadcrumb{padding-block:20px;font-size:11px}
  .mec-course h1{font-size:40px;letter-spacing:-1.6px}
  .mec-course .lead{font-size:17px}
  .mec-course .split,.mec-course .cards,.mec-course .objective-grid{grid-template-columns:1fr}
  .mec-course .split{gap:26px}
  .mec-course .photo img{aspect-ratio:4/3}
  .mec-course .facts{padding:20px 4px}
  .mec-course .facts>div{padding:0 9px}
  .mec-course .facts dd{font-size:14px}
  .mec-course .facts dt{font-size:10px}
  .mec-course .section{padding-top:40px}
  .mec-course .objectives{margin-top:40px;padding:26px 22px}
  .mec-course .editorial{margin-top:40px}
  .mec-course .editorial-body{padding:25px 22px}
  .mec-course .hero-photo figcaption{padding:55px 20px 22px}
  .mec-course .information>div{grid-template-columns:1fr;gap:4px}
  .mec-course .teacher-card{padding:24px}
  .mec-course .teacher-top{align-items:flex-start}
  .mec-course .teacher-top .monogram{width:48px;height:48px;font-size:16px}
  .mec-course .closing{padding:42px 0}
  .mec-course input,.mec-course select,.mec-course textarea{font-size:16px}
}
@media(min-width:981px){
  .mec-course .sidebar{
    position:sticky;top:24px;align-self:start;
    max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);
    overflow-y:auto;scrollbar-width:thin
  }
}
@media(prefers-reduced-motion:reduce){
  .mec-course .btn{transition:none}
}