:root {
  /* layout.2 */
  --content-width: 309px;
  /* layout.7 */
  --content-padding: 32px;
}

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

html {
  /* layout.1 */
  background-color: #fff;
  /* layout.4 */
  scrollbar-gutter: stable;
}

/* layout.15 */
html.unstyled {
  visibility: hidden;
  opacity: 0;
}

/* layout.15 */
html.unstyled a,
html.unstyled button,
html.unstyled input {
  visibility: hidden;
}

body {
  /* layout.1 */
  background-color: #fff;
  /* layout.5 */
  text-align: left;
  /* layout.3 */
  margin: 0 auto;
  /* layout.2 */
  max-width: var(--content-width);
  /* layout.6, layout.7 */
  padding: 96px var(--content-padding);
}