/*
 * This is a manifest file that will be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. 
 * This file contains ONLY base browser style resets, no custom styling.
 *
 * <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
 *
 * This single tag automatically expands to create one tag per CSS file.
 * These are loaded in alphabetical order, and CSS precedence applies, meaning
 * that styles in later files will override earlier ones. 
 *
 */

*,
*::before,
*::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  /* Prevent font size inflation on mobiles */
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body, h1, h2, h3, h4, h5, p, ul[class], ol[class], figure, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}

body {
  min-block-size: 100vh;
  line-height: var(--line-height-default);
  overflow-x: hidden;
}

ul[role='list'], ol[role='list'] {
  list-style: none;
}

h1, h2, h3, h4, h5 {
  text-wrap: balance;
}

/* Prevent images from overflowing their container */
img, picture {
  max-inline-size: 100%;
  display: block;
}

input, button, textarea, select {
  font-family: inherit;
  font-size: inherit;
}