/* Click Experience v4.5.0 — E-learning course detail */
.cxs-course-detail-v450{--course-blue:#00155c;--course-sky:#27adff;--course-orange:#ffbd59;--course-red:#ff3131;--course-ink:#11294a;--course-muted:#657b97;background:#f7faff;color:var(--course-ink)}
.cxs-course-detail-v450 .cxs-course-single__hero{padding:48px 0 58px;background:radial-gradient(circle at 82% 18%,rgba(39,173,255,.22),transparent 24%),linear-gradient(135deg,#000c39,#00155c 55%,#003188)}
.cxs-course-detail-v450 .cxs-course-single__hero-grid{gap:clamp(36px,5vw,72px)}
.cxs-course-detail-v450 .cxs-course-single__copy h1{font-size:clamp(46px,5.1vw,76px);max-width:12ch}
.cxs-course-detail-v450 .cxs-course-single__copy>p:not(.cxs-editorial-eyebrow){font-size:16px;line-height:1.75}
.cxs-course-detail-v450 .cxs-course-single__meta span{font-size:10.5px;padding:9px 12px}
.cxs-course-detail-v450 .cxs-course-single__visual{height:420px;border-radius:30px 30px 88px 30px}
.cxs-course-detail-v450 .cxs-course-single__visual figcaption span{font-size:10px}.cxs-course-detail-v450 .cxs-course-single__visual figcaption strong{font-size:19px}
.cxs-course-detail__shell{padding:34px 0 92px;background:linear-gradient(180deg,#f7faff 0%,#fff 34%,#fff 100%)}
.cxs-course-detail__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 34px;padding:22px 0;border-bottom:1px solid rgba(0,21,92,.09)}
.cxs-course-detail__facts>div{min-width:0;padding:0 24px;border-left:1px solid rgba(0,21,92,.09)}.cxs-course-detail__facts>div:first-child{padding-left:0;border-left:0}
.cxs-course-detail__facts span{display:block;margin-bottom:5px;color:#7a8da5;font-size:11px;letter-spacing:.02em}.cxs-course-detail__facts strong{display:block;color:var(--course-blue);font-size:13px;line-height:1.35}
.cxs-course-detail__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:clamp(32px,4vw,64px);align-items:start}
.cxs-course-detail__main{min-width:0}.cxs-course-detail__tabs{display:flex;gap:28px;overflow:auto;margin-bottom:10px;border-bottom:1px solid rgba(0,21,92,.10);scrollbar-width:none}.cxs-course-detail__tabs::-webkit-scrollbar{display:none}
.cxs-course-detail__tabs a{position:relative;flex:0 0 auto;padding:15px 0 14px;color:#647b97;font-size:12px;font-weight:700;text-decoration:none}.cxs-course-detail__tabs a:first-child{color:var(--course-blue)}.cxs-course-detail__tabs a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--course-sky);border-radius:99px}
.cxs-course-detail__section{padding:44px 0;border-bottom:1px solid rgba(0,21,92,.08);scroll-margin-top:120px}.cxs-course-detail__section:last-child{border-bottom:0}
.cxs-course-detail__kicker{margin:0 0 10px;color:#1680d0;font-size:10px;font-weight:800;letter-spacing:.14em}.cxs-course-detail__section>h2{max-width:16ch;margin:0 0 22px;color:var(--course-blue);font-size:clamp(30px,3vw,42px);line-height:1.02;letter-spacing:-.048em}
.cxs-course-detail__prose,.cxs-course-detail__prose p{color:#3f5877;font-size:15px;line-height:1.86}.cxs-course-detail__prose>*:first-child{margin-top:0}.cxs-course-detail__prose>*:last-child{margin-bottom:0}
.cxs-course-detail__learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cxs-course-detail__learn-grid>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:18px;border:1px solid rgba(0,21,92,.08);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(0,21,92,.045)}
.cxs-course-detail__learn-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef7ff;color:#087fc8;font-size:10px;font-weight:800}.cxs-course-detail__learn-grid p{margin:2px 0 0;color:#3f5877;font-size:13px;line-height:1.65}
.cxs-course-detail__curriculum{display:grid;gap:10px}.cxs-course-detail__curriculum details{overflow:hidden;border:1px solid rgba(0,21,92,.08);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(0,21,92,.035)}
.cxs-course-detail__curriculum summary{display:grid;grid-template-columns:40px minmax(0,1fr) 28px;gap:12px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none}.cxs-course-detail__curriculum summary::-webkit-details-marker{display:none}.cxs-course-detail__curriculum summary span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--course-blue);color:#7fd5ff;font-size:9px;font-weight:800}.cxs-course-detail__curriculum summary strong{color:var(--course-blue);font-size:13px;line-height:1.45}.cxs-course-detail__curriculum summary i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0f6ff;color:#087fc8;font-style:normal;font-size:17px;transition:transform .25s ease}.cxs-course-detail__curriculum details[open] summary i{transform:rotate(45deg)}.cxs-course-detail__curriculum details>p{margin:0;padding:0 18px 18px 70px;color:#647b97;font-size:12px;line-height:1.7}
.cxs-course-detail__empty-note{padding:20px;border-radius:18px;background:#eef7ff;color:#526b89;font-size:13px}.cxs-course-detail__simple-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cxs-course-detail__simple-list li{position:relative;padding:16px 16px 16px 36px;border-radius:16px;background:#fff;border:1px solid rgba(0,21,92,.08);color:#445e7d;font-size:13px;line-height:1.6}.cxs-course-detail__simple-list li:before{content:"✓";position:absolute;left:15px;top:16px;color:#087fc8;font-weight:900}
.cxs-course-detail__instructor{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;padding:24px;border-radius:22px;background:#fff;border:1px solid rgba(0,21,92,.08);box-shadow:0 16px 42px rgba(0,21,92,.05)}.cxs-course-detail__avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:24px;background:linear-gradient(145deg,var(--course-blue),#0c4ca0);color:#fff;font-size:38px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.cxs-course-detail__instructor h2{margin:0!important;font-size:28px!important;max-width:none!important}.cxs-course-detail__instructor span{display:block;margin-top:4px;color:#1680d0;font-size:11px;font-weight:700}.cxs-course-detail__instructor p{margin:12px 0 0;color:#526b89;font-size:13px;line-height:1.7}
.cxs-course-detail__sidebar{min-width:0}.cxs-course-detail__sticky-card{position:sticky;top:118px;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(0,21,92,.08);box-shadow:0 24px 70px rgba(0,21,92,.10)}
.cxs-course-detail__price>span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef7ff;color:#087fc8;font-size:9px;font-weight:800;letter-spacing:.04em}.cxs-course-detail__price>div{display:flex;align-items:end;gap:9px;margin-top:15px}.cxs-course-detail__price del{color:#90a0b5;font-size:11px}.cxs-course-detail__price strong{color:var(--course-blue);font-size:26px;line-height:1}
.cxs-course-detail__primary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px;padding:15px 17px;border-radius:13px;background:linear-gradient(135deg,#ff3131,#ff5148);color:#fff;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 14px 30px rgba(255,49,49,.20);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.cxs-course-detail__primary:hover{transform:translateY(-2px);box-shadow:0 19px 38px rgba(255,49,49,.27)}
.cxs-course-detail__data{margin:23px 0 0}.cxs-course-detail__data>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid rgba(0,21,92,.08)}.cxs-course-detail__data dt{color:#8192a8;font-size:10px}.cxs-course-detail__data dd{margin:0;max-width:58%;text-align:right;color:var(--course-blue);font-size:10.5px;font-weight:700;line-height:1.45}
.cxs-course-detail__sidebar-list{padding-top:21px;margin-top:9px;border-top:1px solid rgba(0,21,92,.08)}.cxs-course-detail__sidebar-list h3{margin:0 0 12px;color:var(--course-blue);font-size:15px}.cxs-course-detail__sidebar-list ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.cxs-course-detail__sidebar-list li{position:relative;padding-left:16px;color:#536d8d;font-size:10.5px;line-height:1.55}.cxs-course-detail__sidebar-list li:before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:var(--course-sky)}
.cxs-course-detail__share{width:100%;margin-top:22px;padding:12px;border:1px solid rgba(0,21,92,.10);border-radius:12px;background:#f7faff;color:#536d8d;font:inherit;font-size:10.5px;font-weight:700;cursor:pointer}
.cxs-course-detail__related{padding:78px 0 96px;background:#f5f9ff}.cxs-course-detail__related header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.cxs-course-detail__related header p{margin:0 0 8px;color:#1680d0;font-size:10px;font-weight:800;letter-spacing:.14em}.cxs-course-detail__related header h2{margin:0;color:var(--course-blue);font-size:clamp(32px,3.8vw,48px);line-height:1;letter-spacing:-.052em}
.cxs-course-detail__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cxs-course-detail__related-grid article{position:relative;overflow:hidden;border-radius:22px;background:#fff;border:1px solid rgba(0,21,92,.08);box-shadow:0 16px 44px rgba(0,21,92,.055);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.cxs-course-detail__related-grid article:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(0,21,92,.10)}.cxs-course-detail__related-grid article>a{position:absolute;inset:0;z-index:4}.cxs-course-detail__related-grid figure{position:relative;height:190px;margin:0;overflow:hidden;background:var(--course-blue)}.cxs-course-detail__related-grid img{width:100%;height:100%;object-fit:var(--fit,cover);object-position:var(--fx,50%) var(--fy,50%);transition:transform .65s cubic-bezier(.22,1,.36,1)}.cxs-course-detail__related-grid article:hover img{transform:scale(1.04)}.cxs-course-detail__related-grid figure span{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(0,21,92,.88);color:#fff;font-size:9px;font-weight:700;backdrop-filter:blur(8px)}.cxs-course-detail__related-grid article>div{padding:18px}.cxs-course-detail__related-grid small{color:#1680d0;font-size:9.5px;font-weight:700}.cxs-course-detail__related-grid h3{margin:8px 0 20px;color:var(--course-blue);font-size:20px;line-height:1.08;letter-spacing:-.035em}.cxs-course-detail__related-grid footer{display:flex;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(0,21,92,.08);color:#71859f;font-size:9.5px}.cxs-course-detail__related-grid footer strong{color:#ff3131;font-size:9.5px}
@media(max-width:1080px){.cxs-course-detail-v450 .cxs-course-single__visual{height:370px;max-width:760px}.cxs-course-detail__layout{grid-template-columns:1fr}.cxs-course-detail__sidebar{order:-1}.cxs-course-detail__sticky-card{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}.cxs-course-detail__price,.cxs-course-detail__primary{grid-column:1}.cxs-course-detail__data{grid-column:2;grid-row:1/3;margin:0}.cxs-course-detail__sidebar-list,.cxs-course-detail__share{grid-column:1/-1}.cxs-course-detail__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.cxs-course-detail-v450 .cxs-course-single__hero{padding:30px 0 38px}.cxs-course-detail-v450 .cxs-course-single__visual{height:300px;border-radius:24px 24px 58px 24px}.cxs-course-detail-v450 .cxs-course-single__copy h1{font-size:42px}.cxs-course-detail-v450 .cxs-course-single__copy>p:not(.cxs-editorial-eyebrow){font-size:15px}.cxs-course-detail__shell{padding:20px 0 70px}.cxs-course-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:18px}.cxs-course-detail__facts>div{padding:13px 14px;border-left:0;border-top:1px solid rgba(0,21,92,.08)}.cxs-course-detail__facts>div:nth-child(-n+2){border-top:0}.cxs-course-detail__facts>div:nth-child(even){border-left:1px solid rgba(0,21,92,.08)}.cxs-course-detail__facts span{font-size:10px}.cxs-course-detail__facts strong{font-size:12px}.cxs-course-detail__layout{gap:24px}.cxs-course-detail__sticky-card{display:block;padding:20px;border-radius:20px}.cxs-course-detail__data{margin-top:22px}.cxs-course-detail__sidebar-list{margin-top:8px}.cxs-course-detail__section{padding:35px 0}.cxs-course-detail__section>h2{font-size:32px}.cxs-course-detail__prose,.cxs-course-detail__prose p{font-size:14px}.cxs-course-detail__learn-grid,.cxs-course-detail__simple-list{grid-template-columns:1fr}.cxs-course-detail__curriculum details>p{padding-left:18px}.cxs-course-detail__instructor{grid-template-columns:70px 1fr;gap:16px;padding:18px}.cxs-course-detail__avatar{width:70px;height:70px;border-radius:18px;font-size:28px}.cxs-course-detail__instructor h2{font-size:24px!important}.cxs-course-detail__related{padding:62px 0 76px}.cxs-course-detail__related-grid{grid-template-columns:1fr}.cxs-course-detail__related-grid figure{height:220px}}
@media(max-width:420px){.cxs-course-detail-v450 .cxs-course-single__visual{height:272px}.cxs-course-detail__tabs{gap:20px}.cxs-course-detail__tabs a{font-size:11.5px}.cxs-course-detail__facts{margin-inline:-4px}.cxs-course-detail__related-grid figure{height:190px}}
@media(prefers-reduced-motion:reduce){.cxs-course-detail__primary,.cxs-course-detail__related-grid article,.cxs-course-detail__related-grid img,.cxs-course-detail__curriculum summary i{transition:none!important}}