:root {
  /* Shared contract for content that must sit below the persistent site header. */
  --site-header-offset: 82px;
  --site-header-clearance: calc(var(--site-header-offset) + 12px);
}

/* The site header is the only persistent sticky layer. Rankings column headings
   remain in normal document flow so they cannot cover the first ranking row. */
.desktop-rankings th {
  position: static;
}

/* Hash navigation and browser focus scrolling should reveal their target below
   the persistent header rather than landing underneath it. */
[id] {
  scroll-margin-top: var(--site-header-clearance);
}

@media (max-width: 760px) {
  :root {
    --site-header-offset: 72px;
  }
}