@layer base {
  .gv2-app {
    min-block-size: 100%;
    color: var(--gv2-color-ink);
    background: var(--gv2-color-canvas);
    font-family: var(--gv2-font-sans);
    font-size: var(--gv2-text-md);
    line-height: var(--gv2-leading-normal);
    text-rendering: optimizeLegibility;
  }

  .gv2-app :where(h1, h2, h3) {
    line-height: var(--gv2-leading-tight);
    text-wrap: balance;
  }

  .gv2-app :where(p, li, dd) {
    overflow-wrap: anywhere;
  }

  .gv2-app :where(a) {
    color: inherit;
  }

  .gv2-app :where(:focus-visible) {
    outline: 0.1875rem solid color-mix(in srgb, var(--gv2-color-focus) 70%, transparent);
    outline-offset: 0.125rem;
  }
}