:root {
  --content-width: 309px;
  --content-padding: 32px;
}

/* spec 21.11. */
@media (hover: none) and (pointer: coarse) {
  :root {
    --content-width: 321px;
  }
}

/* spec 21.1., 21.4. */
html {
  background-color: #fff;
  scrollbar-gutter: stable;
  overflow-x: clip;
}

/* spec 21.1., 21.2., 21.3., 21.5., 21.6., 21.7., 21.8., 21.9., 21.10. */
body {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  margin: 0 auto;
  max-width: var(--content-width);
  padding: 96px var(--content-padding);
  gap: 20px;
}