.site-dock{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:32px;width:min(850px,calc(100% - 36px));height:64px;padding:8px 12px 8px 20px;border:1px solid #ffffff24;border-radius:99px;color:#edf3e9;background:linear-gradient(135deg,#edf8eb25,#e8f5e00c 46%,#111b1673);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #ffffff12,0 10px 32px #0002;font-family:'Montreal',Arial,sans-serif;box-sizing:border-box}.site-dock a{text-decoration:none!important;color:inherit}.dock-brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-family:'Montreal Serial',Arial,sans-serif;font-size:12px}.dock-brand img{display:block;width:25px;height:25px;object-fit:contain}.dock-links{display:flex;position:relative;align-items:center;justify-content:flex-end;gap:3px;margin-left:auto;isolation:isolate;min-width:0}.dock-links>a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;font-size:13px;white-space:nowrap;transition:color .3s}.dock-links>a:hover,.dock-links>a[aria-current]{color:#d8f4c6}.dock-indicator{position:absolute;z-index:0;top:0;left:0;height:44px;border-radius:99px;background:#ffffff11;border:1px solid #d3edc51c;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),opacity .25s;opacity:0;pointer-events:none}.dock-extra{position:relative;margin-left:-20px}.dock-extra>button{height:40px;width:40px;border:1px solid #ffffff20;border-radius:50%;background:transparent;color:#edf3e9;cursor:pointer;font-size:22px;line-height:1}.dock-extra>button:hover,.dock-extra>button[aria-expanded=true]{background:#ffffff16}.dock-more-panel{position:absolute;right:0;top:56px;min-width:195px;padding:10px;background:#162018f5;border:1px solid #ffffff25;border-radius:18px;box-shadow:0 20px 40px #0004;backdrop-filter:blur(22px)}.dock-more-panel a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:13px;border-radius:10px}.dock-more-panel a:hover{background:#ffffff12}.site-dock [hidden]{display:none!important}.site-dock .dock-mobile{display:none}.site-dock :focus-visible{outline:2px solid #b5e58a;outline-offset:3px}.has-dock .lesson-nav{top:96px}.has-dock .lesson-panel{scroll-margin-top:174px}.has-dock.smartroll-compact .lesson-nav{top:96px}.has-dock.smartroll-compact .lesson-panel{scroll-margin-top:174px}.has-dock.smartroll-compact main{padding-top:100px}.has-dock.smartroll-compact .breadcrumbs{margin-top:10px}
@media(max-width:650px){.site-dock{top:10px;height:58px;width:calc(100% - 20px);gap:8px;padding:7px 9px 7px 13px}.dock-brand{gap:7px;font-size:10px}.dock-brand img{width:23px;height:23px}.dock-brand>span{max-width:39px;line-height:1.03;font-size:9px}.dock-links{gap:0}.dock-links>a{padding:0 10px;font-size:11px;min-height:42px}.dock-indicator{height:42px}.site-dock .dock-desktop{display:none}.dock-extra{margin-left:0}.dock-extra>button{width:31px;height:34px;font-size:19px}.dock-more-panel{top:47px}.site-dock .dock-mobile{display:flex}.has-dock .lesson-nav,.has-dock.smartroll-compact .lesson-nav{top:82px}.has-dock .lesson-panel,.has-dock.smartroll-compact .lesson-panel{scroll-margin-top:235px}.has-dock.smartroll-compact main{padding-top:80px}.has-dock.smartroll-compact .breadcrumbs{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.site-dock *{transition:none!important;animation:none!important}}

/* Compact three-line navigation control. */
.dock-extra>button{display:grid;place-items:center}.dock-menu-icon{display:flex;flex-direction:column;gap:4px;width:15px}.dock-menu-icon i{display:block;width:100%;height:1.5px;border-radius:2px;background:currentColor}
@media(max-width:360px){.site-dock{gap:6px;padding-inline:10px}.dock-brand{gap:5px}.dock-brand>span{font-size:8px;max-width:35px}.dock-links>a{padding-inline:7px;font-size:10px}.dock-extra>button{width:30px;height:34px}}

/* Clear glass, with a light rim and deliberate menu feedback. */
.site-dock{isolation:isolate}.site-dock:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff15,transparent 38%,#ffffff08 80%);z-index:-1}
.dock-extra>button{transition:background .25s,transform .25s}.dock-extra>button:active{transform:scale(.91)}.dock-menu-icon i{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s}
.dock-extra>button[aria-expanded=true] .dock-menu-icon i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.dock-extra>button[aria-expanded=true] .dock-menu-icon i:nth-child(2){opacity:0;transform:scaleX(.4)}.dock-extra>button[aria-expanded=true] .dock-menu-icon i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.dock-more-panel:not([hidden]){animation:dock-menu-in .28s cubic-bezier(.22,1,.36,1);transform-origin:top right}
@keyframes dock-menu-in{from{opacity:0;transform:translateY(-7px) scale(.96)}to{opacity:1;transform:none}}