/* 10/19 (his ask: one set of page links that flows): the same row on the tank page (menu and footer), /status,
   /careguides and /setup. Markup: <nav class="pagesnav" aria-label="Pages"><a href="/">Tank</a>... with aria-current
   on the page you are on. README, tank section. */
.pagesnav { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 2px; padding: 3px; border-radius: 999px; background: color-mix(in srgb, var(--grey) 16%, transparent); }
html .pagesnav a { display: inline-flex; align-items: center; min-height: 2rem; padding: 0 .85rem; border-radius: 999px; color: var(--grey); font-size: .8125rem; font-weight: 600; letter-spacing: -.01em; text-decoration: none; white-space: nowrap; }
html .pagesnav a:hover { color: var(--strong); }
html .pagesnav a[aria-current] { background: #248FD3; color: #fff; }
.pagesrow { display: flex; justify-content: center; padding: .9rem 16px 0; }
.tswitch-row > .pagesrow { flex-basis: 100%; padding: .35rem 0 0; }
.sitepages { padding: 0 16px 1.5rem; }
.wrap .pagesrow { padding-left: 0; padding-right: 0; }
.pagesnav { flex-wrap: nowrap; max-width: 100%; }
@media (max-width: 26rem) { html .pagesnav a { padding: 0 .6rem; font-size: .78rem; } }
@media print { .pagesrow, .sitepages { display: none !important; } }