body{padding-bottom:86px}.page-switcher{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:6px;border:1px solid #dddcd4;border-radius:40px;background:#fffffff2;box-shadow:0 5px 25px #0002;backdrop-filter:blur(12px);white-space:nowrap}.page-switcher a{font:500 12px/1.2 "DM Sans",Arial,sans-serif;text-decoration:none;color:#20231e;border-radius:30px;padding:13px 20px;transition:background .2s}.page-switcher a:hover{background:#eeeae5}.page-switcher a[aria-current=page]{background:#20231e;color:white}.page-switcher a:focus-visible{outline:3px solid #ed2782;outline-offset:2px}@media(max-width:500px){.page-switcher{bottom:calc(12px + env(safe-area-inset-bottom));max-width:94vw}.page-switcher a{padding:12px 15px;font-size:11px}}body.menu-open .page-switcher{visibility:hidden}#menu nav{margin-top:35px;margin-bottom:25px}#menu nav a{font-size:clamp(30px,4.5vh,58px)}
@media(max-width:500px){.page-switcher{gap:2px;padding:5px}.page-switcher a{padding:12px 9px;font-size:10px}}

/* Keep all five page links visible on narrow phones. */
@media(max-width:600px){body{padding-bottom:112px}.page-switcher{width:max-content;max-width:94vw;flex-wrap:wrap;justify-content:center;white-space:normal;border-radius:22px;gap:2px;padding:5px}.page-switcher a{white-space:nowrap;padding:11px 9px;font-size:10px}}

/* Six destination links wrap comfortably on tablets and phones. */
@media(max-width:800px){body{padding-bottom:120px}.page-switcher{width:max-content;max-width:94vw;flex-wrap:wrap;justify-content:center;white-space:normal;border-radius:22px;gap:2px;padding:5px}.page-switcher a{white-space:nowrap;padding:11px 12px;font-size:11px}}