/* THE NAVIGATION CARD (navcards.py): the site's on-page navigation, one component for the Sprawl page, the Interlinked page, the
   Players page and the home page. It carries the top menu button's own class, `cat` (and `on` when selected), so its surface, its
   inversion and its corner are the menu's and cannot drift; only its shape, its lettering and its mark are set here.
   PLAIN, by Michael's ruling (bus posts 743, 744): ink, greys, and the site's cyan (--s1) for the selected, hovered and focused
   states only (the selected card's lit edge; the hover and focus lines). No other colour. Lettering floor (R-017): 15 px on a phone, 16 px, 17 px on a wide screen. */
body:has(.navcard){--sp-small:16px;--nc-on-ink:#FFFFFF}
html[data-theme="dark"] body:has(.navcard){--nc-on-ink:#04121A}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body:has(.navcard){--nc-on-ink:#04121A}}
@media(max-width:699px){body:has(.navcard){--sp-small:15px}}
@media(min-width:2200px){body:has(.navcard){--sp-small:17px}}
.navcard.cat{appearance:none;margin:0;padding:16px 14px 12px;text-align:left;text-decoration:none;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0;height:100%;width:100%;
  box-sizing:border-box;container-type:inline-size;font:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none;white-space:normal}
.navcard.cat.on{box-shadow:inset 0 -3px 0 var(--s1)}          /* the menu button's own lit edge */
.navcard.cat:hover{border-color:var(--s1)}
.navcard:focus-visible{outline:3px solid var(--s1);outline-offset:3px}
.nc-n{font:700 var(--sp-small)/1.2 "JetBrains Mono",monospace;letter-spacing:.06em;opacity:.7}
.nc-k{font:italic 800 clamp(20px,15cqw,30px)/1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase}
.nc-fig{display:flex;flex-direction:column;margin-top:10px}
.nc-v{font:800 clamp(30px,27cqw,62px)/.95 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-.01em}
.nc-u{font:700 clamp(17px,11cqw,24px)/1.1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase}
.nc-lab{font:500 var(--sp-small)/1.35 Barlow,sans-serif;margin-top:6px}
.nc-date,.nc-note,.nc-count{font:500 var(--sp-small)/1.35 Barlow,sans-serif;opacity:.72}
.nc-note{font-style:italic}
.nc-go{margin-top:auto;padding-top:14px;display:block;text-align:left}
.nc-go span{display:inline-block;font:700 var(--sp-small)/1 "JetBrains Mono",monospace;letter-spacing:.08em;border:1px solid currentColor;padding:7px 9px}
.nc-go-on{display:none!important}
.navcard.on .nc-go-off{display:none}
.navcard.on .nc-go-on{display:inline-block!important}
.navcard.on .nc-go{opacity:.2}          /* the selected card's mark goes quiet: it blends into the card (bus post 811); the cyan edge marks the selection */
/* a row of cards on its own: one row at 1000 wide and over; four across below that; two across on a phone */
.navcards{display:grid;grid-template-columns:repeat(var(--nc-n,7),minmax(0,1fr));gap:10px;margin:14px 0 26px}
@media(max-width:999px){.navcards{grid-template-columns:repeat(4,minmax(0,1fr))}.navcards .nc-k{font-size:24px}.navcards .nc-v{font-size:40px}}
@media(max-width:699px){.navcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* AN EMPTY CARD (Michael, bus post 784): it keeps its place in the row, in grey, and says so in a line; it still opens its pane */
.navcard.nc-empty .nc-k,.navcard.nc-empty .nc-n{opacity:.5}
.navcard.nc-empty .nc-lab{font-style:italic;opacity:.72;margin-top:10px}
/* a card that goes nowhere yet shows no VIEW mark (Michael, bus post 848): the mark says "this opens", and a disabled card opens nothing */
.navcard[disabled] .nc-go{display:none}
/* ON A SELECTED CARD THE VIEW MARK IS NOT SEEN AT ALL (Michael, bus post 986, 11 October 2026): it keeps its room, so the card stays the
   height of its neighbours, and nothing of it shows. (It had gone quiet there, a grey outline, by bus post 811.) */
.navcard.on .nc-go{visibility:hidden}