/* Course: shared Azbuka AI typography, colors and navigation. */
.course-page{background:radial-gradient(ellipse at 95% 10%,#d9faff99,transparent 32%),radial-gradient(ellipse at 2% 40%,#e4fbff80,transparent 36%),radial-gradient(ellipse at 93% 85%,#fff1e28c,transparent 25%),#fbfdff}
.course-main{max-width:1240px;padding:0 32px;margin:0 auto}
.course-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px 0;color:#7086a6;font-size:14px}
.course-breadcrumbs a:hover{color:var(--blue)}.course-breadcrumbs>span[aria-hidden]{font-size:20px;color:#23bfd6}
.course-page .desktop-nav a[aria-current]{color:#009ebc}
.course-intro{display:grid;grid-template-columns:minmax(0,1fr) 354px;grid-template-areas:'title tool' 'copy tool' 'bottom tool';gap:0 64px;padding:15px 0 42px;align-items:start}
.course-intro-heading{grid-area:title}.course-intro-heading .eyebrow{font-size:13px;letter-spacing:2px;margin:0 0 18px}
.course-intro h1{font-size:47px;font-weight:900;line-height:1.08;letter-spacing:-1.4px;max-width:650px}
.course-intro h1 br:nth-of-type(2){display:none}
.course-intro h1 span{display:block;color:#00a3be}
.course-intro-description{grid-area:copy;margin-top:21px;color:#5d769a;font-size:17px;line-height:1.6;max-width:670px}
.course-intro-description strong{font-weight:500;color:#365979}
.course-intro-bottom{grid-area:bottom}
.course-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:13px 21px;margin:22px 0 25px;font-size:14px;color:#234567}
.course-facts li{display:flex;align-items:center;gap:7px}.course-facts .icon{width:21px;height:21px;color:#05afc9}
.course-intro-actions{display:flex;align-items:center;gap:30px}.course-intro-actions .button{font-size:16px;gap:21px}
.course-audience{font-size:13px;line-height:1.45;color:#7385a0}.course-audience strong{font-size:16px;font-weight:700;color:#183b61}
.course-tool{grid-area:tool;background:white;border-radius:24px;border:1px solid #c9f0f7;box-shadow:0 12px 35px #039cb316;overflow:hidden;align-self:start}
.course-tool-visual{position:relative;height:164px;overflow:hidden;background:#e8f5f8}
.course-tool-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 49%}
.course-tool-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#fff,transparent 38%)}
.course-tool-visual .handwriting{position:absolute;right:19px;top:16px;font-size:25px;z-index:1;line-height:.94;color:#008db1;text-shadow:0 1px 8px #fff}
.course-tool-body{padding:8px 25px 23px;background:linear-gradient(150deg,#fff,#effbff)}
.course-tool-caption{text-transform:uppercase;display:block;font-size:11px;letter-spacing:1.8px;font-weight:700;color:#008eae;margin-bottom:9px}
.course-tool h2{display:flex;align-items:center;gap:14px;font-size:31px;letter-spacing:-.8px;color:#0c2c50}
.course-tool h2 span{font-size:13px;letter-spacing:0;color:#7890a8;font-weight:400}
.course-tool-body>p{font-size:15px;line-height:1.5;color:#557392;margin:11px 0 19px}
.course-tool .button{font-size:15px;white-space:normal;width:100%;padding:16px 13px;gap:13px;min-height:56px;box-shadow:0 8px 20px #00b6ce33}
.course-tool .button .icon{width:19px;height:19px}
.course-tool-body>small{display:block;text-align:center;color:#778da3;font-size:11px;line-height:1.4;margin-top:12px}
.course-program{scroll-margin-top:24px;padding-top:30px;border-top:1px solid #ddecf3}
.course-program-heading{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:23px}
.course-program-heading .eyebrow{font-size:11px;letter-spacing:1.8px;margin:0 0 9px}
.course-program-heading h2{font-size:34px;letter-spacing:-.8px}
.course-program-heading>p{max-width:447px;font-size:15px;line-height:1.6;color:#6982a2}
.course-learning-layout{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:25px}
.course-curriculum{position:sticky;top:24px;min-width:0}
.course-outline{border:1px solid #dceef6;border-radius:19px;background:#ffffffed;box-shadow:0 5px 22px #3d97b006;overflow:hidden}
.course-outline summary{padding:21px 19px 18px;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:700;cursor:pointer;gap:12px}
.course-outline summary::-webkit-details-marker{display:none}
.course-outline summary small{display:block;font-size:12px;font-weight:400;color:#7490ab;margin-top:5px}
.outline-chevron{display:block;width:8px;height:8px;border:solid #23acc7;border-width:0 2px 2px 0;transform:rotate(45deg);margin-right:3px;transition:transform .2s}
.course-outline[open] .outline-chevron{transform:rotate(225deg)}
.course-outline nav{display:grid;gap:5px;padding:0 10px 12px}
.curriculum-link{display:flex;align-items:center;gap:11px;padding:14px 10px;border-radius:12px;border:1px solid transparent;min-width:0}
.curriculum-link>span:nth-child(2){flex:1;min-width:0}
.curriculum-number{width:31px;height:34px;display:grid;place-items:center;flex:none;font-size:15px;font-weight:700;color:#96adbd}
.curriculum-link strong{font-size:14px;line-height:1.32;font-weight:650;display:block;color:#284362}
.curriculum-link small{display:block;margin-top:5px;font-size:11px;line-height:1.35;color:#7b90a6}
.curriculum-link>.icon{width:19px;height:19px;color:#97adbd;flex:none}
.curriculum-link:hover{background:#f2fbfd}
.curriculum-link[aria-current]{border-color:#a4e3ef;background:linear-gradient(110deg,#dcf9fc,#f0fcff)}
.curriculum-link[aria-current] .curriculum-number{background:linear-gradient(135deg,#04c7d2,#00a1c2);border-radius:10px;color:white;box-shadow:0 3px 8px #0eb7c41a}
.curriculum-link[aria-current] strong{color:#008caf}.curriculum-link[aria-current]>.icon{color:#00a3c6}
.course-home-link{display:flex;align-items:center;gap:10px;font-size:14px;color:#5a7e9f;padding:19px 13px}
.course-home-link .icon,.course-previous .icon{width:18px;height:18px;transform:rotate(180deg)}
.course-home-link:hover,.course-previous:hover{color:#0099bc}
.course-lessons{min-width:0}
.course-lesson{border:1px solid #e0eff6;box-shadow:0 5px 24px #3190ac08;background:#fff;border-radius:20px;overflow:hidden;margin-bottom:18px;scroll-margin-top:22px}
.course-player-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 21px;font-size:13px;color:#6b87a6;background:linear-gradient(100deg,#eefbff,#fff)}
.course-player-top>span:first-child{display:flex;align-items:center;gap:9px;color:#048fb0;font-weight:600;white-space:nowrap}
.course-player-top .icon{width:20px;height:20px}
.course-player{position:relative;aspect-ratio:16/9;width:100%;background:#081525}
.course-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000}
.course-video-link{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:11px 22px;font-size:12px;color:#6988a6;text-decoration:underline;text-underline-offset:3px}
.course-video-link .icon{width:14px;height:14px}.course-video-link:hover{color:#0094b5}
.course-lesson-tools{display:flex;align-items:center;gap:24px;padding:8px 24px 24px;border-bottom:1px solid #e8f1f5}
.course-lesson-tools>div{flex:1;min-width:0}.course-lesson-tools .course-tool-caption{font-size:10px;letter-spacing:1.5px}
.course-lesson-tools .button-primary{font-size:15px;min-height:51px;gap:15px;padding:13px 18px;white-space:normal}
.course-material{align-self:flex-end;flex-shrink:0;gap:9px;font-size:14px;min-height:51px;padding:12px 16px;white-space:normal;max-width:45%}
.course-material>.icon{width:18px;height:18px}.course-material>.icon:last-child{width:15px;height:15px;transform:rotate(-40deg)}
.course-practice-note{font-size:13px;color:#7b8da3;line-height:1.5;margin-top:17px}
.course-lesson-copy{padding:26px 27px 29px}
.course-lesson-copy>.eyebrow{font-size:11px;margin:0 0 12px;letter-spacing:1.8px}
.course-lesson-copy h3{font-size:27px;font-weight:800;letter-spacing:-.65px;line-height:1.24;color:#0b2849;margin-bottom:21px}
.course-original-description{font-size:16px;line-height:1.7;color:#617994}
.course-original-description p+p{margin-top:17px}.course-original-description strong{color:#2f526f;font-weight:550}
.course-lesson-pagination{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 25px;border-top:1px solid #e8f1f5;background:#fbfdff}
.course-previous{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#6383a1;flex-shrink:0}
.course-lesson-pagination>.button{border-color:#c5e7f2;font-size:14px;gap:23px;border-radius:14px;min-height:58px;padding:11px 17px;white-space:normal;text-align:left;line-height:1.3}
.course-lesson-pagination small{display:block;font-size:10px;font-weight:400;margin-bottom:4px;color:#7292a8}
.course-lesson-pagination .icon{width:18px;height:18px}
.course-possibilities{margin:39px 0 30px;padding-top:30px;border-top:1px solid #e0edf3}
.course-possibilities-heading{display:grid;grid-template-columns:290px minmax(0,1fr);gap:25px;margin-bottom:25px}
.course-possibilities-heading h2{font-size:30px;line-height:1.13;letter-spacing:-.5px;max-width:220px}
.course-possibilities-heading p{font-size:15px;line-height:1.7;color:#6982a0}.course-possibilities-heading strong{font-weight:500;color:#446887}
.course-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.course-outcomes article{border-radius:18px;background:white;overflow:hidden;box-shadow:0 5px 18px #338eab09;border:1px solid #e0eff6}
.course-outcomes img{width:100%;height:177px;object-fit:cover;object-position:50% 47%}
.course-outcomes article>div{padding:19px 20px 22px}.course-outcomes h3{font-size:19px;margin-bottom:8px;color:#15395b;letter-spacing:-.25px}
.course-outcomes p{font-size:14px;line-height:1.45;color:#6b83a0}
.course-community{display:flex;align-items:center;gap:22px;padding:29px;background:linear-gradient(110deg,#ffefdc80,#d9f8ffad 40%,#effcff 70%,#fff1df8a);border:1px solid white;border-radius:22px;margin-bottom:5px}
.course-community .telegram-symbol{width:66px;height:66px}.course-community .telegram-symbol .icon{width:35px;height:35px}
.course-community-copy{flex:1;min-width:0}.course-community h2{font-size:22px;line-height:1.18;letter-spacing:-.4px}.course-community p{font-size:14px;line-height:1.5;color:#6783a3;margin:10px 0}
.course-community-links{display:flex;gap:22px}.course-community-links a{display:flex;align-items:center;gap:7px;color:#0095b7;font-size:14px;font-weight:600}.course-community-links .icon{width:18px;height:18px}.course-community-links a:hover{text-decoration:underline}
.course-community>.button{font-size:14px;gap:15px;padding:15px 23px;min-height:53px}
.course-outline summary:focus-visible{outline:3px solid #087bbd;outline-offset:-4px}
@media(max-width:1100px){
 .course-main{padding:0 28px}.course-intro{grid-template-columns:minmax(0,1fr) 318px;gap:0 34px}.course-intro h1{font-size:42px}.course-intro-description{font-size:16px}.course-tool-body{padding-inline:21px}.course-tool .button{font-size:14px}
 .course-facts{gap:12px 18px;font-size:13px}.course-learning-layout{grid-template-columns:259px minmax(0,1fr);gap:20px}.course-lesson-tools{gap:14px;padding-inline:19px}.course-lesson-tools .button-primary{font-size:13px;padding:12px 15px;gap:10px}.course-material{font-size:12px;padding:12px;gap:7px}.course-material>.icon:last-child{display:none}.course-lesson-copy{padding:25px 23px}.course-lesson-copy h3{font-size:24px}.course-lesson-pagination{padding:19px}.course-lesson-pagination>.button{font-size:13px;gap:12px}.course-previous{font-size:12px}
 .course-program-heading{gap:35px}.course-program-heading>p{max-width:400px}.course-community{padding:24px;gap:19px}.course-community h2{font-size:20px}.course-community .telegram-symbol{display:none}
}
@media(max-width:900px){
 .course-intro{grid-template-columns:minmax(0,1fr) 290px;gap:0 25px;padding-top:7px}.course-intro h1{font-size:37px}.course-intro-description{font-size:15px;line-height:1.6;margin-top:16px}.course-intro-heading .eyebrow{font-size:11px;letter-spacing:1.4px}
 .course-tool-visual{height:142px}.course-tool-body{padding-inline:19px}.course-tool h2{font-size:27px}.course-tool-body>p{font-size:14px}.course-tool .button{font-size:14px;line-height:1.4;gap:8px;padding:12px}.course-tool-body>small{font-size:10px}
 .course-intro-actions{gap:19px}.course-intro-actions .button{font-size:14px;gap:12px;padding:12px 18px}.course-audience{font-size:11px}.course-audience strong{font-size:14px}.course-facts{margin:18px 0 21px;gap:10px 17px}
 .course-learning-layout{grid-template-columns:1fr;gap:17px}.course-curriculum{position:static;display:flex;flex-direction:column}.course-outline summary{padding:16px 20px}.course-outline nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:10px}.course-outline:not([open]) nav{display:none}.course-home-link{display:none}
 .course-program-heading{display:block}.course-program-heading>p{max-width:640px;margin-top:12px;font-size:15px}.course-program-heading h2{font-size:31px}.course-outline summary small{font-size:12px}
 .course-lesson-tools .button-primary{font-size:15px;min-height:51px}.course-material{font-size:14px;padding:12px 16px}.course-lesson-copy h3{font-size:26px}.course-lesson-pagination>.button{font-size:14px}
 .course-possibilities-heading{grid-template-columns:220px minmax(0,1fr);gap:25px}.course-possibilities-heading h2{font-size:28px}.course-outcomes{gap:14px}.course-outcomes img{height:145px}.course-outcomes article>div{padding:16px}.course-outcomes h3{font-size:17px}.course-outcomes p{font-size:13px}
}
@media(max-width:650px){
 .course-main{padding:0 18px}.course-breadcrumbs{padding:17px 0;font-size:12px;gap:9px}.course-intro{grid-template-columns:1fr;grid-template-areas:'title' 'tool' 'copy' 'bottom';gap:0;padding:7px 0 28px}
 .course-intro-heading .eyebrow{font-size:11px;letter-spacing:1.3px;margin-bottom:14px}.course-intro h1{font-size:36px;line-height:1.09;letter-spacing:-1px;max-width:490px}.course-intro h1 br{display:none}.course-intro h1 span{margin-top:3px}
 .course-tool{margin-top:23px;border-radius:19px;position:relative}.course-tool-visual{position:absolute;right:0;top:0;width:140px;height:125px;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}.course-tool-visual::after{background:linear-gradient(0deg,#fff,transparent 55%)}.course-tool-visual .handwriting{display:none}.course-tool-visual img{object-position:50% 40%}.course-tool-body{position:relative;background:transparent;padding:21px}.course-tool h2{font-size:29px}.course-tool-body>p{font-size:14px;max-width:290px;margin:10px 0 16px}.course-tool-caption{font-size:10px;margin-bottom:7px}.course-tool .button{font-size:15px;min-height:52px;gap:16px}.course-tool-body>small{font-size:10px;margin-top:11px}
 .course-intro-description{margin-top:23px;font-size:15px;line-height:1.65}.course-facts{font-size:12px;gap:12px 16px;margin:19px 0 23px}.course-facts .icon{width:19px;height:19px}.course-intro-actions{justify-content:space-between;gap:15px}.course-intro-actions .button{min-height:47px;font-size:14px;padding:11px 17px}.course-audience{font-size:11px}.course-audience strong{font-size:14px}
 .course-program{padding-top:25px;scroll-margin-top:84px}.course-program-heading{margin-bottom:18px}.course-program-heading .eyebrow{font-size:10px;letter-spacing:1.1px;line-height:1.4}.course-program-heading h2{font-size:29px}.course-program-heading>p{font-size:14px;line-height:1.55;margin-top:11px}
 .course-outline{border-radius:15px}.course-outline nav{grid-template-columns:1fr}.course-outline summary{padding:15px 17px;font-size:16px}.curriculum-link{padding:12px 10px}.curriculum-link strong{font-size:14px}.curriculum-link small{font-size:12px}.curriculum-number{width:35px;height:35px}
 .course-lesson{border-radius:16px;scroll-margin-top:82px}.course-player-top{padding:13px 14px;font-size:11px;gap:9px}.course-player-top .icon{width:18px;height:18px}.course-player-top>span:first-child{gap:6px}.course-player-top>span:last-child{text-align:right}.course-video-link{font-size:11px;padding:10px 14px}
 .course-lesson-tools{flex-direction:column;align-items:stretch;padding:7px 15px 19px;gap:12px}.course-lesson-tools .button-primary{width:100%;font-size:14px;min-height:48px}.course-lesson-tools .course-tool-caption{font-size:10px}.course-material{width:100%;max-width:none;min-height:43px;font-size:13px;gap:9px;padding:10px 13px}.course-practice-note{display:none}
 .course-lesson-copy{padding:22px 19px}.course-lesson-copy>.eyebrow{font-size:10px;margin-bottom:10px}.course-lesson-copy h3{font-size:23px;line-height:1.24;letter-spacing:-.45px;margin-bottom:17px}.course-original-description{font-size:15px;line-height:1.65}.course-original-description p+p{margin-top:15px}
 .course-lesson-pagination{padding:16px;gap:13px;flex-wrap:wrap}.course-previous{font-size:12px}.course-lesson-pagination>.button{margin-left:auto;max-width:100%;font-size:13px;padding:10px 13px;gap:11px;min-height:53px}.course-lesson-pagination small{font-size:10px}.course-lesson-pagination .icon{width:16px;height:16px}
 .course-possibilities{margin-top:23px;padding-top:25px}.course-possibilities-heading{display:block;margin-bottom:20px}.course-possibilities-heading h2{max-width:none;font-size:27px;margin-bottom:14px}.course-possibilities-heading p{font-size:14px;line-height:1.65}.course-outcomes{grid-template-columns:1fr;gap:13px}.course-outcomes article{display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;border-radius:15px;min-height:120px}.course-outcomes img{height:100%;min-height:120px;object-position:50% 42%}.course-outcomes article>div{padding:16px}.course-outcomes h3{font-size:17px}.course-outcomes p{font-size:13px}
 .course-community{display:block;padding:23px 21px;border-radius:20px}.course-community h2{font-size:22px}.course-community p{font-size:14px;margin:12px 0 16px}.course-community-links{gap:24px}.course-community>.button{width:100%;margin-top:21px;font-size:14px}.course-community-links a{font-size:14px}
}
@media(max-width:370px){.course-main{padding:0 13px}.course-intro h1{font-size:32px}.course-intro-actions{gap:9px}.course-intro-actions .button{font-size:13px;padding-inline:13px}.course-audience strong{font-size:13px}.course-lesson-pagination{flex-direction:column;align-items:stretch}.course-lesson-pagination>.button{margin-left:0;justify-content:space-between}.course-previous{padding:3px 0}.course-lesson-copy{padding-inline:16px}.course-lesson-copy h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.outline-chevron{transition:none}}
@media print{.course-tool,.course-curriculum,.course-player,.course-video-link,.course-lesson-tools,.course-lesson-pagination,.course-community,.course-intro-actions{display:none}.course-main{padding:0}.course-intro,.course-learning-layout{display:block}.course-lesson[hidden]{display:block!important}.course-lesson{break-inside:avoid}.course-intro h1{font-size:30px}}

/* Lessons are rendered from the CMS and switched within the course page. */
.course-main .curriculum-link small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.course-main .curriculum-link strong,.course-player-top>span:last-child{overflow-wrap:anywhere}
.course-main .course-player iframe[data-video-src]:not([src]){display:none}
.course-lesson-permalink{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:13px;line-height:1.4;color:#008cac;text-decoration:underline;text-underline-offset:3px}
.course-lesson-permalink .icon{width:16px;height:16px}
.course-main .course-lesson-copy h3:focus{outline:0}
.course-main .course-original-description h2{font-size:23px;margin:24px 0 12px}
.course-main .course-original-description h2:first-child{margin-top:0}
.course-lesson-promo{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:18px 24px;border-bottom:1px solid #e8f1f5}
.course-lesson-promo>div{flex:1;min-width:0}.course-lesson-promo p{font-size:14px;color:#6982a2;line-height:1.5;margin-top:5px}
.course-lesson-promo .button{white-space:normal;overflow-wrap:anywhere}.course-lesson-promo .promo-feedback{flex-basis:100%}
.course-video-missing,.course-empty{padding:35px 24px;background:#eefaff;color:#496783;line-height:1.6}
.course-empty{border:1px solid #dceef6;border-radius:18px}
@media(min-width:761px) and (max-width:900px){.course-page .header-inner{gap:12px;padding-inline:24px}.course-page .desktop-nav{margin-left:0;gap:18px}}
@media(max-width:650px){.course-lesson-promo{padding:16px}.course-main .course-original-description h2{font-size:21px}.course-lesson-tools .course-material{align-self:stretch}}