/*
 * Librarium Militaris: reset.
 *
 * The few defaults worth undoing, and nothing else. Anything that decides how
 * an element looks rather than how it behaves belongs in 03-base.css.
 */

@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
    /* Every border in the app is drawn on the same edge colour, so a component
       only has to say how thick it is. */
    border: 0 solid var(--color-border);
  }

  * {
    margin: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  img, svg, video, canvas {
    display: block;
    vertical-align: middle;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, textarea {
    font: inherit;
    color: inherit;
    background: transparent;
    padding: 0;
  }

  button {
    cursor: pointer;
    text-transform: none;
    -webkit-appearance: button;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  /* A custom element is inline until told otherwise, and a Turbo frame wrapping
     a grid must not be. */
  turbo-frame {
    display: block;
  }
}