/* Shared top status bar. */
.site-status{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#f9fafb;border-bottom:1px solid #ccd2d7;font:12px SiteRodin,Arial,sans-serif;color:#505861;letter-spacing:.04em;position:relative;z-index:21;}
.site-status .status-right{display:flex;align-items:center;gap:13px;}
.site-status time{font-variant-numeric:tabular-nums;}
.site-status .internet-bars{display:flex;align-items:flex-end;gap:2px;width:19px;height:17px;}
.site-status .internet-bars i{display:block;width:5px;background:#39b54a;border:1px solid #268c35;border-radius:1px 1px 0 0;}
.site-status .internet-bars i:nth-child(1){height:6px;}
.site-status .internet-bars i:nth-child(2){height:11px;}
.site-status .internet-bars i:nth-child(3){height:17px;}

/* Compact shared navigation across all pages. */
body > .site-status{padding:5px 16px;font-size:11px;}
body > .site-menu{padding:7px 10px 6px;}
.site-menu .site-nav{gap:16px;}
.site-menu .site-nav a{width:82px;min-height:78px;padding:5px 5px 4px;}
.site-menu .site-nav a img{width:48px;height:48px;}
.site-menu .site-nav a span{margin-top:3px;font-size:11px;}
.site-menu .site-nav a::after{max-width:76px;max-height:82px;}
@media(max-width:520px){
 .site-menu .site-nav{gap:4px;}
 .site-menu .site-nav a{width:calc((100% - 16px)/5);min-height:68px;padding:4px 2px;}
 .site-menu .site-nav a img{width:40px;height:40px;}
 .site-menu .site-nav a span{font-size:10px;}
 .site-menu .site-nav a::after{max-width:62px;max-height:72px;}
}

/* Remove the shared START frame and tab; keep navigation labels visible. */
.site-menu .site-nav a::before,
.site-menu .site-nav a::after{content:none !important;display:none !important;}
.site-menu .site-nav a span{opacity:1 !important;visibility:visible !important;}

/* Soft rainbow finish for the shared menu. */
body > .site-status{
 background:linear-gradient(110deg,#f5eefa,#edf5ff,#ecfaf4,#fff6e9,#fbeef5,#f5eefa);
 background-size:300% 100%;
 animation:menuRainbow 24s ease-in-out infinite;
 border-bottom:1px solid #cbd5e2;
 color:#48566d;
 box-shadow:inset 0 1px #fff;
}
body > .site-menu{
 background:linear-gradient(115deg,#fbf7ff,#f2f8ff,#f2fbf7,#fff9ef,#fff4f9,#fbf7ff);
 background-size:300% 100%;
 animation:menuRainbow 24s ease-in-out infinite;
 border-bottom-color:#bfcddd;
 box-shadow:inset 0 1px #fff,0 2px 8px #738bad15;
}
.site-status > span:first-child{color:#59647d;text-shadow:0 1px #fff;}
.site-status .internet-bars i{background:linear-gradient(#76dba0,#39b879);border-color:#399d68;box-shadow:inset 0 1px #bff2ce;}
.site-status .internet-bars i:nth-child(1){animation:signalShimmer 5s ease-in-out infinite;}
.site-status .internet-bars i:nth-child(2){animation:signalShimmer 5s ease-in-out .25s infinite;}
.site-status .internet-bars i:nth-child(3){animation:signalShimmer 5s ease-in-out .5s infinite;}
.site-menu .site-nav a{
 transition:transform .2s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
 border-radius:10px;
}
.site-menu .site-nav a:hover,.site-menu .site-nav a:focus-visible{
 background:linear-gradient(135deg,#ffffffdd,#e9f2ffbb,#f9eaf8bb);
 border-color:#a2b9df;
 box-shadow:0 3px 8px #708bab20,inset 0 1px #fff;
 transform:translateY(-2px);
}
.site-menu .site-nav a[aria-current="page"]{
 background:linear-gradient(135deg,#f2eaff,#e6f4ff,#e8f8ef);
 border-color:#afbedb;
 box-shadow:inset 0 1px #fff;
}
.site-menu .site-nav a:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #6d8bb323;}
@keyframes menuRainbow{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes signalShimmer{0%,65%,100%{filter:brightness(1);}80%{filter:brightness(1.18);}}
@media(prefers-reduced-motion:reduce){
 body > .site-status,body > .site-menu,.site-status .internet-bars i{animation:none !important;}
 .site-menu .site-nav a{transition:none;}
}