/* The privacy page (public/privacy.html; Phase 3 spec 2.10, 11): a static page, readable without JavaScript, in the
   game's fonts (/fonts/fonts.css) and colour tokens (tokens.css, served next to it as /styles/tokens.css by the Vite
   plugin in vite.config.js). Its own classes start with pv-; the light and dark themes come from the tokens. */
html{background:var(--color-board)}
body{margin:0;background:var(--color-board);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-3);line-height:1.55}
a{color:var(--color-accent)}
.pv-top{display:flex;align-items:center;height:var(--bar-h);padding:0 var(--gap-edge);border-bottom:1px solid var(--color-line);background:var(--color-surface)}
.pv-home{font-family:var(--font-display);font-size:var(--text-4);font-weight:700;color:var(--color-ink);text-decoration:none}
.pv-page{max-width:var(--page-w);margin:0 auto;padding:var(--space-6) var(--gap-edge)}
.pv-page h1{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-5)}
.pv-page h2{margin:var(--space-6) 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-4)}
.pv-dates{margin:0 0 var(--space-4);font-size:var(--text-2);color:var(--color-muted)}
.pv-short ul{margin:var(--space-2) 0 0}
.pv-short li:last-child{margin-bottom:0}
.pv-short{padding:var(--pad-island);border:1px solid var(--color-line);border-radius:var(--radius-1);background:var(--color-surface)}
.pv-page ul{padding-left:var(--space-5)}
.pv-page li{margin-bottom:var(--space-2)}
.pv-page table{width:100%;border-collapse:collapse;font-size:var(--text-2)}
.pv-page th,.pv-page td{padding:var(--space-2);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}
.pv-page code{font-family:var(--font-mono);font-size:var(--text-2)}
/* A table becomes one block per row on a compact screen (the game's COMPACT_Q). */
@media (max-width:720px), (max-height:500px){
  .pv-page table,.pv-page tbody,.pv-page tr,.pv-page td{display:block}
  .pv-page thead{display:none}
  .pv-page tr{padding:var(--space-2) 0;border-bottom:1px solid var(--color-line)}
  .pv-page td{padding:var(--space-1) 0;border-bottom:none}
  /* The hidden head's names come back on each cell (review, 2026-10-18). */
  .pv-page td::before{content:attr(data-label);display:block;font-weight:700}
}