/* plucked from sanitize.css */

/* Box sizing defaults to border-box */
*, ::before, ::after {
  box-sizing: border-box;
}

/* Pseudo-elements inherit text decoration and vertical alignment */
::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/* Documents do not use a margin for outer padding */
body {
  margin: 0;
}

/* Media elements align to the text center of other content */
img {
  vertical-align: middle;
}

/* Single taps are dispatched immediately on clickable elements */
a, area, button, input, label, select, summary, textarea, [tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* ARIA roles include visual cursor hints */
[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled="true"], [disabled] {
  cursor: default;
}

/* Assets use a comfortable measure in all browsers */
img {
  height: auto;
  max-width: 100%;
}

/* Typography uses the default system font */
html {
  font-family: system-ui,
    /* macOS 10.11-10.12 */ -apple-system,
    /* Windows 6+ */ Segoe UI,
    /* Android 4+ */ Roboto,
    /* Ubuntu 10.10+ */ Ubuntu,
    /* Gnome 3+ */ Cantarell,
    /* KDE Plasma 5+ */ Noto Sans,
    /* fallback */ sans-serif,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji";
}

/* Global styles */
html {
  font-family: "Inconsolata", monospace;
  padding: 0.5rem 1rem 1rem 1rem;
  background-color: #faf9f9;
  line-height: 1.25rem;
}

h3 {
  font-size: 1em;
  margin: 0;
  outline-offset: 0.2rem;
}