.course-page{--cl-ink:#0f1b3d;--cl-text:#4a5572;--cl-muted:#7b85a0;--cl-line:#e8ebf4;--cl-blue:#2550e0;--cl-shadow:0 1px 2px #1b2a5508,0 12px 30px -20px #1b2a5555}.course-page h2{letter-spacing:-.02em;color:var(--cl-ink);margin:0 0 16px;font-size:clamp(20px,2vw,24px);font-weight:780}.course-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:28px 48px;margin:0 0 36px;display:grid}.course-crumbs{color:var(--cl-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:13px;display:flex}.course-crumbs a{color:var(--cl-text);font-weight:600;text-decoration:none}.course-crumbs a:hover{color:var(--cl-blue);text-decoration:underline}.course-hero-text>.kids-badge{margin:0 0 10px}.course-hero h1{letter-spacing:-.03em;color:var(--cl-ink);overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:1.1}.course-hero-summary{max-width:600px;color:var(--cl-text);margin:0 0 18px;font-size:17px;line-height:1.55}.course-hero-facts{flex-wrap:wrap;gap:10px 22px;margin:0 0 16px;padding:0;list-style:none;display:flex}.course-hero-facts li{color:#3d4a63;align-items:center;gap:7px;font-size:14px;display:inline-flex}.course-hero-facts svg{color:var(--cl-muted)}.course-hero-proof{flex-wrap:wrap;align-items:center;gap:10px 20px;min-height:26px;margin:0 0 22px;display:flex}.course-hero-proof .course-preview-rating{margin:0;font-size:14px}.course-hero-proof .course-preview-rating.is-satisfaction .satisfaction-ring{--size:22px;--track:4px}.course-hero-creator{color:var(--cl-text);align-items:center;gap:8px;font-size:14px;display:inline-flex}.course-hero-creator a{color:var(--cl-blue);font-weight:650;text-decoration:none}.course-hero-creator a:hover{text-decoration:underline}.course-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.course-hero-start,.course-hero-save{border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 26px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.course-hero-start{background:var(--cl-blue);color:#fff;border:0;box-shadow:0 12px 26px -14px #2550e0cc}.course-hero-start:hover{background:#1d43c4;transform:translateY(-1px)}.course-hero-save{color:var(--cl-ink);cursor:pointer;background:#fff;border:1px solid #d9dfeb}.course-hero-save:hover:not(:disabled){background:#f6f8ff;border-color:#b9c4e8}.course-hero-save:disabled{opacity:.6;cursor:default}.course-hero-save.is-saved{color:#1f7a47;background:#eef9f2;border-color:#bfe3cd}:is(.course-hero-start:focus-visible,.course-hero-save:focus-visible,.course-hero-play:focus-visible){outline-offset:3px;outline:3px solid #7293ed}.course-hero-text>.course-languages{margin:18px 0 0}.course-hero-media{position:relative}.course-hero-media .course-cover{border-radius:22px;margin:0;overflow:hidden;box-shadow:0 30px 60px -36px #1b2a5599}.course-hero-play{width:76px;height:76px;color:var(--cl-blue);cursor:pointer;background:#fffffff2;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0 0 0 5px;transition:transform .15s;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px -16px #0f1b3d99}.course-hero-play:hover{transform:translate(-50%,-50%)scale(1.06)}.course-hero-play:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){inset:50% 50% auto auto;transform:translate(50%,-50%)}.course-hero-play:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):hover{transform:translate(50%,-50%)scale(1.06)}.course-manage:not(:empty){margin:0 0 28px}.course-section{margin:0 0 36px}.course-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 36px;margin:0;padding:0;list-style:none;display:grid}.course-outcomes li,.course-fit li{color:#2b3a55;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.course-outcomes svg,.course-fit svg{color:#1f9a55;flex-shrink:0;margin-top:2px}.course-ways{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.course-ways li{--tone:#2550e0;--tone-bg:#ebf0ff;border:1px solid var(--cl-line);text-align:center;box-shadow:var(--cl-shadow);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:18px 12px 16px;display:flex}.course-ways li[data-tone=purple]{--tone:#6d4fe0;--tone-bg:#f0ebff}.course-ways li[data-tone=teal]{--tone:#1993b5;--tone-bg:#e3f5fb}.course-ways li[data-tone=amber]{--tone:#c88d06;--tone-bg:#fff5d6}.course-ways li[data-tone=rose]{--tone:#de4760;--tone-bg:#ffe9ed}.course-ways li[data-tone=indigo]{--tone:#4e5bd8;--tone-bg:#eef0ff}.course-ways li[data-tone=green]{--tone:#1f9a55;--tone-bg:#e5f6ec}.course-way-icon{background:var(--tone-bg);width:46px;height:46px;color:var(--tone);border-radius:14px;justify-content:center;align-items:center;margin:0 0 4px;display:inline-flex}.course-ways strong{color:var(--cl-ink);font-size:14px;font-weight:700}.course-ways small{color:var(--cl-muted);font-size:12px}.course-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:0 0 40px;display:grid}.course-fit section{border:1px solid var(--cl-line);background:linear-gradient(#fff,#f8faff);border-radius:18px;padding:22px 24px}.course-fit h2{margin-bottom:14px;font-size:19px}.course-fit ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.course-fit ul.is-audience svg{color:#4e5bd8}.course-content{border-top:1px solid var(--cl-line);padding:28px 0 0;scroll-margin-top:84px}.course-content>h2{margin-bottom:14px}@media (max-width:900px){.course-hero{grid-template-columns:1fr;gap:20px}.course-hero-media{order:-1}}@media (max-width:600px){.course-hero-summary{font-size:16px}.course-hero-facts{gap:8px 16px}.course-hero-start,.course-hero-save{flex:140px;padding:0 18px}.course-outcomes{grid-template-columns:1fr}.course-ways{grid-template-columns:repeat(2,minmax(0,1fr))}.course-fit section{padding:18px}}@media (prefers-reduced-motion:reduce){.course-hero-start,.course-hero-save,.course-hero-play{transition:none}.course-hero-start:hover{transform:none}}.course-overview{border:1px solid var(--border,#dedbd3);border-radius:16px;margin:1.5rem 0;padding:1.5rem}.course-overview article{overflow-wrap:anywhere;padding:1rem 0}.catalogue-pagination{justify-content:center;gap:1rem;margin:2rem;display:flex}.course-facts{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.course-rating{color:#17263f;background:linear-gradient(135deg,#fff 35%,#f3f6ff);border:1px solid #e1e7f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;margin:28px 0 0;padding:22px 26px;display:flex;box-shadow:0 8px 24px #1e3a5f0a}.course-rating-head{align-items:center;gap:15px;min-width:0;display:flex}.course-rating-icon{color:#5b4fd6;background:#efedff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:inset 0 0 0 1px #dcd8ff}.course-rating-caption{letter-spacing:.06em;text-transform:uppercase;color:#7b85a0;margin:0 0 2px;font-size:11px;font-weight:700}.course-rating h2{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:650;line-height:1.3}.course-rating-summary{color:#5b6a82;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:4px 0 0;font-size:13px;line-height:1.5;display:flex}.course-rating-summary:empty{display:none}.course-rating-form{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.course-rating fieldset{border:0;min-width:0;margin:0;padding:0}.course-rating legend{letter-spacing:.5px;text-transform:uppercase;color:#5b6a82;margin-bottom:4px;padding:0;font-size:11px;font-weight:650}.rating-faces{gap:6px;display:flex}.rating-faces label{cursor:pointer;background:#fff;border:1px solid #e1e7f0;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .12s,background-color .12s,border-color .12s;display:flex;position:relative}.rating-faces input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.rating-face{filter:grayscale(.9);opacity:.6;pointer-events:none;font-size:25px;line-height:1;transition:filter .12s,opacity .12s}.rating-faces label:hover{transform:translateY(-2px)}.rating-faces label:hover .rating-face{filter:none;opacity:1}.rating-faces label:has(input:checked) .rating-face{filter:none;opacity:1}.rating-faces label:has(input:checked){background:#e9f7ef;border-color:#9ad5b2;box-shadow:inset 0 0 0 1px #9ad5b2}.rating-faces label:has(input:focus-visible){outline-offset:1px;outline:3px solid #7293ed}.course-rating fieldset:disabled .rating-faces label{cursor:default;opacity:.6}.rating-face-label{color:#1f7a47;min-height:18px;margin:6px 0 0;font-size:12.5px;font-weight:650}.course-rating-form [data-slot=button]{min-height:40px;padding-inline:18px}a.course-rating-signin{color:#2855d9;background:#fff;border-color:#c9d6f5;min-height:40px;padding-inline:16px;text-decoration:none}a.course-rating-signin:hover{color:#2447a9;background:#eff3fe}.course-rating-message{color:#5b6a82;flex-basis:100%;align-items:center;gap:7px;margin:-4px 0 0;font-size:13px;display:flex}.course-rating-message.is-saved{color:#34744d}@media (max-width:700px){.course-rating{padding:18px}.course-rating-form,.course-rating-signin{width:100%}.course-rating-form [data-slot=button]{flex:1}}@media (prefers-reduced-motion:reduce){.rating-faces label,.rating-face{transition:none}.rating-faces label:hover{transform:none}}.course-creator{color:#5b6a82;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 18px;font-size:13px;display:flex}.course-creator a{color:#2855d9;font-weight:650;text-decoration:none}.course-creator a:hover{text-decoration:underline}.creator-initial{color:#2855d9;background:#edf2ff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:inline-flex}.creator-profile-head{color:#17263f;background:linear-gradient(135deg,#fff 35%,#f3f6ff);border:1px solid #e1e7f0;border-radius:16px;align-items:center;gap:20px;margin:0 0 28px;padding:24px 26px;display:flex}.creator-profile-head .creator-initial{width:64px;height:64px;font-size:26px}.creator-profile-head .eyebrow{margin:0 0 4px}.creator-profile-head h1{letter-spacing:-.5px;overflow-wrap:anywhere;margin:0;font-size:28px;line-height:1.2}.creator-stats{color:#5b6a82;flex-wrap:wrap;gap:6px 18px;margin:8px 0 0;font-size:14px;display:flex}.creator-stats strong{color:#17263f}.creator-empty{color:#5b6a82}@media (max-width:560px){.creator-profile-head{gap:14px;padding:18px}.creator-profile-head .creator-initial{width:48px;height:48px;font-size:20px}.creator-profile-head h1{font-size:22px}}.course-sharing{background:#fff;border:1px solid #dbe5ff;border-radius:9px;margin:18px 0;padding:18px 20px}.course-sharing h2{margin:0 0 10px;font-size:15px;font-weight:650}.course-sharing-status{color:#25603a;background:#eef8f1;border-radius:8px;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.6;display:flex}.course-sharing-status.is-private{color:#8a4b00;background:#fff7e6}.course-sharing-note{margin:0 0 12px;font-size:12px}.course-sharing-form label{color:#17263f;margin:0 0 6px;font-size:13px;font-weight:600;display:block}.course-sharing-row{flex-wrap:wrap;gap:10px;display:flex}.course-sharing-row input{background:#fff;border:1px solid #d5dce8;border-radius:7px;flex:260px;min-width:0;height:36px;padding:0 12px;font-size:14px}.course-sharing-row input:focus-visible{outline-offset:1px;outline:3px solid #7293ed}.course-sharing-message{color:#25603a;margin:12px 0 0;font-size:13px;line-height:1.6}.course-sharing-count{color:#17263f;margin:16px 0 6px;font-size:13px;font-weight:600}.course-sharing-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.course-sharing-list li{color:#33435e;overflow-wrap:anywhere;border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;font-size:13px;display:flex}.course-shared-note{color:#8a4b00;background:#fff7e6;border-radius:8px;align-items:center;gap:8px;margin:0 0 16px;padding:10px 12px;font-size:13px;display:flex}.course-sharing{scroll-margin-top:80px}.my-courses h1{letter-spacing:-.5px;color:#17263f;margin:0 0 6px;font-size:28px}.my-courses .lead{color:#5b6a82;margin:0 0 26px}.my-courses section{margin:0 0 36px}.my-courses-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 0 6px;display:flex}.my-courses-heading h2{color:#17263f;margin:0;font-size:19px}.my-courses-heading a{color:#2855d9;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.my-courses-help{margin:0 0 16px;font-size:13px}.my-courses-empty{color:#5b6a82}.my-courses-empty a{color:#2855d9;font-weight:600}.my-course-sharing{color:#5b6a82;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:10px 0 0;font-size:12px;display:flex}.my-course-sharing a{color:#2855d9;align-items:center;gap:5px;font-weight:650;text-decoration:none;display:inline-flex}.my-course-sharing a:hover{text-decoration:underline}
