/* A light, glossy surface keeps navigation readable over the colorful backdrop. */
.top>.menu{padding:6px 6px 10px;border-radius:32px;border:1px solid #fff;background:linear-gradient(180deg,#fff 0%,#fffdf9fa 55%,#f0e9fffa 100%);box-shadow:0 5px 18px #64449a20,inset 0 2px 0 #fff}
.top>.menu a{color:#3d2857;text-shadow:0 1px 0 #fff;font-weight:900}
.top>.menu a:hover{background:#e9ddff;color:#4f27a9}
.top>.menu a[aria-current="page"]{color:#fff;text-shadow:0 1px 1px #3b167e66;background:linear-gradient(180deg,#8857fa,#6e3be8);box-shadow:0 4px 0 #4f27c4,inset 0 2px 0 #b18cff}
.top>.menu a:focus-visible{outline:3px solid #34204f;outline-offset:1px}
@media(max-width:900px){.top>.menu{border-radius:26px;padding:6px 8px 10px;scrollbar-color:#bea8e5 #f4effb;scrollbar-width:thin}}