/* Quiet edge tabs keep the homepage focused on its projections. */
.vp-tray-home .vp-home{min-height:100svh;padding-top:64px;padding-bottom:60px}
.vp-tray-panel{position:fixed;left:0;right:0;z-index:40;max-height:85dvh;overflow:auto;overscroll-behavior:contain;background:#080e13f5;backdrop-filter:blur(12px);box-shadow:0 0 35px #0008;visibility:hidden;transition:transform .32s cubic-bezier(.22,.75,.25,1),visibility 0s .32s}
.vp-tray-top{top:0;transform:translateY(calc(-100% - 2px));border-bottom:1px solid #4a9abd55}
.vp-tray-bottom{bottom:0;transform:translateY(calc(100% + 2px));border-top:1px solid #4a9abd55;padding-bottom:12px}
.vp-tray-panel.is-open{transform:translateY(0);visibility:visible;transition-delay:0s}
.vp-tray-top .topbar{position:relative;background:transparent;border:0}
.vp-tray-top .nav{height:auto;min-height:88px;flex-wrap:wrap;row-gap:12px;padding-top:18px;padding-bottom:18px;padding-right:66px}
.vp-tray-bottom .footer{background:transparent;border:0;padding-top:30px;padding-bottom:12px}
.vp-tray-bottom .preview-tag{position:static;display:table;margin:0 56px;padding:6px 9px}
.vp-tray-tab{position:fixed;right:18px;z-index:43;min-width:72px;min-height:44px;padding:8px 12px;border:1px solid #3e70895c;background:#09151ddd;color:#a4c7d8;font:11px/1.2 Consolas,monospace;letter-spacing:.06em;border-radius:0;box-shadow:0 0 15px #44bfff0a;transition:color .2s,border-color .2s}
.vp-tray-tab:hover,.vp-tray-tab[aria-expanded=true]{color:#e0f7ff;border-color:#77cefa88}
.vp-tray-tab-top{top:0;border-top:0;border-radius:0 0 3px 3px}
.vp-tray-tab-bottom{bottom:0;border-bottom:0;border-radius:3px 3px 0 0}
.vp-tray-chevron{display:inline-block;margin-left:5px;font:16px/1 Arial,sans-serif}
.vp-tray-edge{position:fixed;left:0;right:0;top:0;height:14px;z-index:39;pointer-events:none}
@media(hover:hover) and (pointer:fine){.vp-tray-edge{pointer-events:auto}}
.vp-trays-blocked .vp-tray-tab,.vp-trays-blocked .vp-tray-edge{visibility:hidden;pointer-events:none}
.effects-off .vp-tray-panel,.effects-off .vp-tray-tab{transition:none}
@media(max-width:1050px){
 .vp-tray-top .nav{gap:14px;padding-right:70px}
 .vp-tray-top .nav-links,.vp-tray-top .nav-links.open{position:static;display:flex;flex-direction:row;flex-wrap:wrap;flex-basis:100%;gap:4px 14px;padding:0;border:0;background:transparent}
 .vp-tray-top .nav-links a{padding:9px 0;min-height:40px;display:inline-flex;align-items:center}
 .vp-tray-top .nav .menu-toggle{display:none}
 .vp-tray-top .nav-course{display:inline-flex;min-height:40px}
 .vp-tray-top .motion-toggle{display:inline-flex;min-height:40px;align-items:center}
}
@media(max-width:520px){
 .vp-tray-home .vp-home{padding-top:62px;padding-bottom:60px}
 .vp-tray-tab{right:12px;min-width:66px}
 .vp-tray-top .nav{width:calc(100% - 36px);padding-right:0;padding-top:54px;padding-bottom:18px}
 .vp-tray-top .nav-links,.vp-tray-top .nav-links.open{gap:2px 18px}
 .vp-tray-top .nav-course{font-size:10px}
 .vp-tray-bottom .footer .wrap{width:calc(100% - 36px)}
 .vp-tray-bottom .footer{padding-top:24px;padding-bottom:14px}
 .vp-tray-bottom .footer-top,.vp-tray-bottom .footer-bottom{gap:18px}
 .vp-tray-bottom .footer-bottom{margin-top:22px;padding-top:15px;padding-bottom:16px}
 .vp-tray-bottom .preview-tag{margin:0 18px 36px}
 .vp-tray-bottom .footer-links a,.vp-tray-bottom .socials a{min-height:36px;display:inline-flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){.vp-tray-panel,.vp-tray-tab{transition:none}}