@layer base {
  * {
    box-sizing: border-box;
    word-break: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  *:focus-visible {
    outline: 2px solid var(--color-blue-100);
    outline-offset: 2px;
  }

  html {
    @apply h-full w-full;
  }

  body {
    @apply min-h-full w-full text-neutral-900;

    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    font-family: var(--font-body);
  }
}