/*
 * Centre the age gate.
 *
 * A DEVIATION from live, on the owner's instruction. The site's own CSS pins
 * the dialog to the top of the overlay:
 *
 *   .policy-popup { position: absolute; top: 16px; left: 0; right: 0 }
 *
 * so on a 900px-tall window a 307px dialog sits with 577px of dimmed page
 * below it. Measured identical on both sides before this change — ours was not
 * wrong, live is just placed that way.
 *
 * Centred with top/translateY rather than by making the overlay a flex
 * container, because the reveal script toggles `display: block` on the overlay
 * and flipping that to `flex` would have to be kept in step with it.
 *
 * The max-height guard matters on short viewports: without it a dialog taller
 * than the window would have its top half pushed off-screen, where a top-16px
 * dialog would merely have overflowed downwards.
 */
.policy-popup {
  top: 50%;
  transform: translateY(-50%);
  max-height: calc(100vh - 32px);
  overflow-y: auto;
}