html,
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: var(--ory-theme-font-family);
  font-size: var(--root-font-size);
}

body {
  margin: auto;
  min-height: 100dvh;
  min-width: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  font-size: 1rem;
  line-height: 1.35;
}

:focus-visible {
  outline: var(--outline-size) solid var(--outline-color);
  outline-offset: var(--outline-offset);
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

pre {
  margin-block: 0;
}