/* The four section tabs stay across the top inside each section. */
:root{--pm-nav-height:61px}
#pm-nav{all:initial;display:flex;box-sizing:border-box;position:sticky;top:0;left:0;width:100%;z-index:35;background:#14253a;color:#fff;font:600 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 3px 12px #111e3330;border-bottom:1px solid #30465d;padding-top:env(safe-area-inset-top)}
#pm-nav *{box-sizing:border-box}
#pm-nav a{min-width:0;text-decoration:none;color:#cfdae8;display:flex;align-items:center;justify-content:center;text-align:center;gap:5px;font:inherit;border-bottom:3px solid transparent}
#pm-nav a.pm-section-link{flex:1;padding:14px 3px 12px}
#pm-nav a[aria-current="page"]{color:#fff;background:#263e5d;border-bottom-color:#70e2cb}
#pm-nav a:hover{background:#2b4766}
#pm-nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex:none}
#pm-nav a.pm-section-link svg{display:none}
#pm-nav a:focus-visible{outline:2px solid #75d9cc;outline-offset:-3px}
/* The Reads page heading scrolls with the page. Only the tab bar stays visible. */
body .app>header{position:static!important;top:auto!important}
@media(min-width:850px){:root{--pm-nav-height:53px}#pm-nav{justify-content:center}#pm-nav a.pm-section-link{flex:0 1 185px;padding:13px 15px 11px;gap:9px}#pm-nav a.pm-section-link svg{display:block}}
@media(max-width:350px){#pm-nav{font-size:11px}#pm-nav a.pm-section-link{padding-inline:1px}}
/* LTNA detail sheets and overlays must cover tabs when opened. */
body:has(.overlay) #pm-nav{z-index:15}
@media print{#pm-nav{display:none!important}body .app>header{position:static!important;top:auto!important}}