/* Public discovery uses one navigation and the full content width. */
/* Route focus announces the new page without outlining the entire landmark. */
main#content:focus{outline:none}
body:is([data-route="home"],[data-route="courses"],[data-route="course"]) .workspace{display:block}
body:is([data-route="home"],[data-route="courses"],[data-route="course"]) #sidebar{display:none}
body:is([data-route="home"],[data-route="courses"],[data-route="course"]) #content{max-width:1440px;padding:38px 42px 55px}
.site-header nav a[aria-current="page"]{color:#245f75}
.account-switcher{position:relative}
.account-switcher>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;min-height:42px;padding:3px 7px;border:1px solid transparent;border-radius:12px}
.account-switcher>summary::-webkit-details-marker{display:none}
.account-switcher>summary:hover,.account-switcher[open]>summary{background:#f3f7f9;border-color:#e2e9ed}
.account-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.account-switcher>summary>.ui-icon{transform:rotate(90deg);color:#81949f}
.account-popover{position:absolute;top:calc(100% + 9px);right:0;min-width:186px;padding:7px;background:#fff;border:1px solid #e1e8ed;border-radius:14px;box-shadow:0 14px 42px #233c501c;z-index:30}
.account-popover>a,.account-popover>button{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:11px 12px;font-size:12px;border:0;border-radius:8px;background:transparent;text-align:left;font-weight:500;color:#456174}
.account-popover>a:hover,.account-popover>button:hover{background:#f0f6f8;color:#225d73}
.account-popover>button{border-top:1px solid #edf1f4;margin-top:5px;border-radius:0 0 8px 8px;color:#6f7f8d}
.account-switcher>summary:focus-visible{outline:2px solid #6d929f;outline-offset:2px}
@media(min-width:1600px){body:is([data-route="home"],[data-route="courses"],[data-route="course"]) #content{padding:42px 52px 60px}}
@media(max-width:900px){body:is([data-route="home"],[data-route="courses"],[data-route="course"]) #content{padding:27px 25px 40px}}
@media(max-width:760px){
 body:is([data-route="home"],[data-route="courses"],[data-route="course"]) .site-header{height:auto;min-height:104px;padding:15px 18px 0;flex-wrap:wrap;column-gap:12px;row-gap:8px}
 body:is([data-route="home"],[data-route="courses"],[data-route="course"]) .site-header nav{display:flex;order:3;width:100%;gap:14px;font-size:12px;min-height:44px;align-items:center;overflow:visible}
 body:is([data-route="home"],[data-route="courses"],[data-route="course"]) .site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:6px 4px}
 body:is([data-route="home"],[data-route="courses"],[data-route="course"]) #content{padding:21px 16px 35px}
 .account-switcher .account-label{display:none}
 .account-switcher>summary{gap:5px;min-height:44px;padding:3px 4px}
 .account-popover>a,.account-popover>button{min-height:44px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.site-header *,#sidebar *{transition:none!important}}