:root{--rail:clamp(66px,12.2087svh,110px);--rail-scale:1}
.site-rail{background:#232f2f;border-left:0;gap:0;overflow:visible}
.site-rail .menu-toggle{position:absolute;top:0;left:0;height:55px;z-index:2;gap:7px}
.site-rail .menu-toggle span{width:24.43px;background:#c5c9c9}
.site-rail .menu-toggle span:nth-child(3){display:none}
.site-rail .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.site-rail .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:1;transform:translateY(-4px) rotate(-45deg)}
.rail-navigation{position:absolute;inset:0;pointer-events:none}
.rail-item{position:absolute;top:var(--rail-top);left:50%;translate:-50% 0;width:calc(54px * var(--rail-scale));padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:calc(7px * var(--rail-scale));text-decoration:none;color:#e2d7c3;pointer-events:auto;font-family:Lava,serif;cursor:pointer}
.rail-icon-box{width:calc(48.741px * var(--rail-scale));height:calc(48.741px * var(--rail-scale));flex:none;border:0.762px solid #dbbd5c;border-radius:calc(11.335px * var(--rail-scale));background:rgba(41,53,54,.9);display:grid;place-items:center;transition:background-color .22s,border-color .22s}
.rail-icon-box img{display:block;max-width:none;transform:scale(var(--rail-scale));transition:filter .22s;pointer-events:none}
.rail-caption{display:block;width:calc(58px * var(--rail-scale));font-size:calc(13.932px * var(--rail-scale));font-weight:400;line-height:.75;text-align:center;white-space:nowrap}
.rail-tooltip{position:absolute;right:calc(100% - 10px);top:calc(9px * var(--rail-scale));min-width:119.443px;padding:8px 15px 10px;line-height:.7;background:#2b3738;border:.422px solid #dbbd5c80;border-radius:7.426px;color:#e2d7c3;font-size:14.361px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none;z-index:3}
.rail-item:is(:hover,:focus-visible) .rail-icon-box{background:#725e34;border-color:#dbbd5c}
.rail-item:is(:hover,:focus-visible) .rail-icon-box img{filter:brightness(0) saturate(100%) invert(91%) sepia(15%) saturate(300%) hue-rotate(354deg) brightness(99%)}
.rail-item:is(:hover,:focus-visible) .rail-tooltip{opacity:1;visibility:visible;transform:translateX(0)}
#mobile-education{scroll-margin-top:35px}
@media(max-width:700px){:root{--rail:56px}.site-rail .menu-toggle span{width:21px}.rail-caption{font-size:max(10px,calc(13.932px * var(--rail-scale)))}.rail-tooltip{min-width:105px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.rail-icon-box,.rail-icon-box img,.rail-tooltip{transition:none}}