/* Reversible navigation experiment: remove this stylesheet link to restore the original toolbar. */
.page-tools{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:14px 0 18px;
  padding:10px 12px;
  border:1px solid #3dbbe9;
  border-bottom:3px solid #f3df58;
  border-radius:12px;
  background:linear-gradient(180deg,#06418de8,#031b45f5),url('assets/panel.png') center/cover;
  box-shadow:0 8px 22px #00133185,inset 0 1px #b8eaff50;
}
.page-tools>button,.page-tools>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 1 auto;
  min-height:40px;
  box-sizing:border-box;
  padding:9px 12px;
  border:1px solid #65cffa;
  border-bottom:2px solid #1685c5;
  border-radius:9px;
  background:linear-gradient(180deg,#0b5aba,#073675),url('assets/menu-card.png') center/100% 100%;
  color:#fff;
  font:12px/1.15 ASR,Arial,sans-serif;
  letter-spacing:.15px;
  text-align:center;
  text-decoration:none;
  text-shadow:1px 2px #061020;
  box-shadow:inset 0 1px #d1f5ff35,0 2px 5px #00133180;
  transition:filter .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease;
}
.page-tools>button:is(:hover,:focus-visible),.page-tools>a:is(:hover,:focus-visible){
  border-color:#fff078;
  border-bottom-color:#ffe35a;
  box-shadow:0 0 0 2px #b6a82c,0 0 13px #fff07850;
  filter:brightness(1.12);
  transform:translateY(-1px);
  outline:none;
}
.page-tools>button[aria-pressed="true"],.page-tools>button[aria-expanded="true"],.page-tools>a[aria-current="page"]{
  border-color:#fff078;
  border-bottom-color:#ffe35a;
  background:linear-gradient(180deg,#1d72cc,#0b448b),url('assets/menu-card.png') center/100% 100%;
  color:#fff3a0;
}
@media(max-width:1000px) and (min-width:761px){
  .page-tools{gap:7px;padding:9px}
  .page-tools>button,.page-tools>a{flex:1 1 145px;padding:9px 8px}
}
@media(max-width:760px){
  .page-tools.mobile-tools-compact{
    padding:9px;
    gap:8px;
    border-radius:11px;
    background:linear-gradient(180deg,#06418de8,#031b45f5),url('assets/panel.png') center/cover;
  }
  .page-tools.mobile-tools-compact>button,.page-tools.mobile-tools-compact>a{border-radius:8px;border-bottom-width:2px}
  .page-tools.mobile-tools-compact .mobile-tools-more>summary{border-radius:8px;border-bottom:2px solid #1685c5}
}
@media(prefers-reduced-motion:reduce){.page-tools>button,.page-tools>a{transition:none}}
