/* Collection and course navigation stays available while the page scrolls. */
.page-category .ci-root,.page-course .cei-root{overflow:clip}
.ci-content>.ci-header,.cei-content>.cei-header{position:sticky;top:0;z-index:20;overflow:visible;isolation:isolate;background-color:#10252b;box-shadow:0 8px 24px #020b132b;border:1px solid #b9d7cd24;gap:14px}
.ci-header::before{border-radius:inherit;z-index:-1}
.public-header-brand{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:54px;height:58px;min-width:54px;flex-shrink:0;border:0;border-radius:50%;background:transparent;padding:0;overflow:visible}
.public-header-brand img{position:relative;z-index:1;display:block;width:44px;height:56px;object-fit:contain;margin:0}
.public-header-brand::before,.public-header-brand::after{content:'';position:absolute;left:50%;top:calc(50% - 2px);width:34px;height:34px;border:1px solid #eed18a80;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:0;animation:public-header-glow 4s ease-out infinite}
.public-header-brand::after{animation-delay:2s}
.public-header-brand:hover{background:#e5ca8412}
.public-header-brand:focus-visible,.public-header-close:focus-visible{outline:3px solid #a9d5ee;outline-offset:4px}
.ci-heading,.cei-header-copy{position:relative;min-width:0}
.ci-header .public-header-close,.cei-header .public-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:88px;height:44px;min-height:44px;padding:9px 13px;border:1px solid #e5d39a80;border-radius:13px;background:#09161ee6;color:#f1e7cf;box-shadow:0 2px 8px #0002;font-size:14px;line-height:1;flex-shrink:0;position:relative}
.public-header-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex-shrink:0}
.public-header-close:hover{background:#304047;border-color:#efd9a4;color:#fff}
@keyframes public-header-glow{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}18%{opacity:.45}100%{transform:translate(-50%,-50%) scale(1.9);opacity:0}}
@media(max-width:700px){.ci-content>.ci-header,.cei-content>.cei-header{gap:9px}.public-header-brand{width:36px;min-width:36px;height:44px}.public-header-brand img{width:31px;height:40px}.public-header-brand::before,.public-header-brand::after{top:calc(50% - 1.5px);width:25px;height:25px}.ci-header .public-header-close,.cei-header .public-header-close{width:44px;min-width:44px;padding:10px}.public-header-close span{display:none}.ci-header .ci-category-icon{display:none}.ci-header .ci-category-title{font-size:22px}.ci-header .ci-overline{font-size:8px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.public-header-brand::before,.public-header-brand::after{animation:none}}
.reduced-motion .public-header-brand::before,.reduced-motion .public-header-brand::after,.client-reduced-motion .public-header-brand::before,.client-reduced-motion .public-header-brand::after,.a11y-pause-motion .public-header-brand::before,.a11y-pause-motion .public-header-brand::after{animation:none}

.join-course-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;border:1px solid var(--line,#40545b);border-radius:50%;padding:0;background:transparent;color:var(--ink,#f6efdc);vertical-align:middle}.join-course-button:hover{background:#ccdfd21a;border-color:#b8ab7b}.join-course-button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none}.hero-actions>.join-course-button{flex-basis:48px;width:48px;min-width:48px;height:48px}.hero-actions>.join-course-button+.save-button{width:48px;min-width:48px;height:48px}

.course-tabs .quick-actions .save-button{display:inline-flex!important}

.course-tabs .quick-actions>.join-course-button,.course-tabs .quick-actions>.save-button{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px}