/* Phone: the menu as an app bar at the bottom (site-appbar.js). Hidden on larger screens. */
.appbar,.appbar-sheet{display:none}
@media(max-width:760px){
  .appbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;background:#fff;border-top:1px solid #eadff2;padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #3a1d5510;font-family:Manrope,Arial,sans-serif}
  .appbar-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:0;background:none;color:#4a4152;font:700 11.5px/1.1 Manrope,Arial,sans-serif;text-decoration:none;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}
  .appbar-tab svg{width:23px;height:23px}
  .appbar-tab[aria-current=page]{color:#8b35d6}
  .appbar-tab:active{background:#f3e8ff}
  .appbar-book{background:#a855f7;color:#fff;margin:0 2px}
  .appbar-book[aria-current=page]{color:#fff}
  .appbar-book:active{background:#9333ea}
  .appbar-tab.has-news::after{content:"";position:absolute;top:8px;right:calc(50% - 16px);width:9px;height:9px;border-radius:50%;background:#dc2626;border:2px solid #fff}
  body.has-appbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  /* The bar replaces the header's menu button and the floating chat bubble. */
  body.has-appbar .mobile-menu,body.has-appbar .mobile-toggle,body.has-appbar #chat-launch{display:none!important}
  body.has-appbar #fixon-chat{bottom:calc(76px + env(safe-area-inset-bottom))}
  .appbar-sheet[open]{display:block;position:fixed;inset:auto 0 0 0;width:100%;max-width:100%;max-height:85dvh;margin:0;padding:0 0 calc(16px + env(safe-area-inset-bottom));border:0;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -10px 40px #27123c33;font-family:Manrope,Arial,sans-serif;overflow:auto}
  .appbar-sheet::backdrop{background:#160f2140}
  .appbar-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 6px}
  .appbar-sheet-head strong{font-size:18px}
  .appbar-sheet-head button{border:0;background:none;font-size:30px;width:44px;height:44px;cursor:pointer;color:#202024}
  .appbar-sheet nav{display:grid;padding:0 12px}
  .appbar-sheet nav a{padding:14px 10px;font-size:17px;font-weight:650;color:#202024;text-decoration:none;border-bottom:1px solid #f1eaf6}
  .appbar-sheet nav a[aria-current=page]{color:#8b35d6}
  .appbar-sheet-call{display:block;margin:14px 20px 0;padding:14px;text-align:center;border-radius:12px;background:#f3e8ff;color:#6b21a8;font-weight:800;text-decoration:none}
}