.sidebar-preferences{margin-top:auto;border-top:1px solid #29252e;padding-top:12px;flex-shrink:0}
.sidebar .sidebar-preference{display:flex;align-items:center;gap:13px;position:relative;min-height:46px;padding:0 18px;margin:3px 0;border-radius:8px;overflow:hidden;white-space:nowrap;color:#c6bccf;font-size:14px;cursor:pointer;width:100%}
.sidebar-preference:hover{background:#ffffff08;color:#e7c5ff}
.sidebar-preference>svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.8!important}
.sidebar-preference .preference-label{min-width:155px;display:block;font-size:14px;line-height:1.5}
.language-control:focus-within{outline:2px solid var(--purple);outline-offset:-2px}
@media(min-width:821px){.sidebar-preference .preference-label{opacity:0;transform:translateX(-8px);transition:opacity .2s ease,transform .4s cubic-bezier(.16,1,.3,1)}.sidebar:is(:hover,:focus-within,:has(.language-control[aria-expanded=true])) .sidebar-preference .preference-label{opacity:1;transform:none;transition-delay:.08s}}
@media(max-width:820px){.sidebar-preferences{margin-top:24px}.sidebar .sidebar-preference{padding-left:13px}}
@media(prefers-reduced-motion:reduce){.preference-label{transition:none!important}}
.reduce-motion .preference-label{transition:none!important}

/* One alignment grid for navigation and footer controls. */
.sidebar .sidebar-preference{display:grid;grid-template-columns:20px minmax(0,1fr);justify-content:start;align-items:center;column-gap:12px;text-align:left;padding:0 18px;height:48px;min-height:48px;box-sizing:border-box}
.sidebar .sidebar-preference>svg{grid-column:1;justify-self:start;margin:0;width:20px;height:20px}
.sidebar .sidebar-preference .preference-label{grid-column:2;min-width:0;width:auto;text-align:left;justify-self:start;font-size:15px;line-height:22px;letter-spacing:0}
.sidebar-preferences{padding-top:10px}
@media(min-width:821px){
 .sidebar .nav-item{display:grid;grid-template-columns:20px minmax(0,1fr);justify-content:start;align-items:center;column-gap:12px;padding:0 18px}
 .sidebar .nav-item>span{min-width:0;text-align:left;font-size:15px;line-height:22px}
 .sidebar .nav-item>svg{grid-column:1;margin:0}
 .sidebar .nav-item>span,.sidebar-preference .preference-label{transform:translateX(-6px);transition:opacity .22s ease,transform .42s cubic-bezier(.16,1,.3,1)}
 .sidebar:is(:hover,:focus-within,:has(.language-control[aria-expanded=true])) .nav-item>span,.sidebar:is(:hover,:focus-within,:has(.language-control[aria-expanded=true])) .sidebar-preference .preference-label{transform:none;transition-delay:.08s}
}
@media(max-width:820px){
 .sidebar-preferences{margin-top:auto}
 .sidebar .sidebar-preference{padding-left:13px}
 .sidebar .nav-item{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;padding:0 13px}
 .sidebar .nav-item>svg{width:20px;height:20px;margin:0}
 .sidebar .nav-item>span{text-align:left;font-size:15px;line-height:22px}
}
@media(max-width:600px){.resource-tile .quota-availability{display:flex;flex-wrap:wrap;align-items:baseline}.resource-tile .quota-availability em{flex-basis:100%;margin:4px 0 0}}
/* Custom language menu: the same surface and accent as the sidebar. */
.sidebar .language-control{border:0;background:transparent;font:inherit}
.sidebar .language-control:hover,.sidebar .language-control[aria-expanded=true]{background:#0c0c0c;color:#d5bfdf}
.language-flag{display:block;width:24px;height:16px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #ffffff20;flex-shrink:0;fill:none;stroke:none!important}
.language-flag *{stroke-width:revert!important}
.sidebar .language-control>.language-flag{width:20px;height:14px}
.sidebar .language-control>.language-chevron{position:absolute;right:12px;width:14px;height:14px;opacity:0;stroke:currentColor;transition:opacity .2s,transform .25s}
.sidebar:is(:hover,:focus-within,:has(.language-control[aria-expanded=true])) .language-control>.language-chevron{opacity:.6}
.language-control[aria-expanded=true]>.language-chevron{transform:rotate(-90deg)}
.language-menu{position:fixed;inset:auto;margin:0;box-sizing:border-box;padding:6px;background:#080808;color:#eae6ee;border:1px solid #39313f;border-radius:13px;box-shadow:0 16px 48px #0008,0 3px 10px #0005;overflow:visible;opacity:0;transform:translateY(5px) scale(.98);transform-origin:bottom left;transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1),display .22s allow-discrete,overlay .22s allow-discrete}
.language-menu:popover-open{opacity:1;transform:none}
@starting-style{.language-menu:popover-open{opacity:0;transform:translateY(5px) scale(.98)}}
.language-menu button{display:grid;grid-template-columns:24px 1fr auto 18px;align-items:center;column-gap:12px;width:100%;min-height:46px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:inherit;font-family:inherit;font-size:15px;text-align:left;cursor:pointer;transition:background .16s,color .16s}
.language-menu button+button{margin-top:3px}
.language-menu button:hover,.language-menu button:focus-visible{background:#101010;outline:none}
.language-menu button:focus-visible{box-shadow:inset 2px 0 #a783bf}
.language-menu button[aria-checked=true]{background:#100d12;color:#ddd0e7}
.language-code{font-size:12px!important;letter-spacing:.05em;color:#928699}
.language-check{width:18px;height:18px;stroke:#b58acb;stroke-width:2.2!important;opacity:0}
[aria-checked=true]>.language-check{opacity:1}
@media(max-width:820px){.sidebar .language-control>.language-chevron{opacity:.6}}
@media(prefers-reduced-motion:reduce){.language-menu,.language-menu button,.language-chevron{transition:none!important}}
.reduce-motion .language-menu,.reduce-motion .language-menu button{transition:none!important}
