@tailwind base;
@tailwind components;
@tailwind utilities;

/*
 * The part of Tailwind's reset the older screens rely on, scoped to their
 * wrapper (AI-62). Preflight is off so WordPress components on the same page
 * keep their own look; each screen loses .aah-legacy once it is rebuilt.
 */
:where(.aah-legacy) *,
:where(.aah-legacy) ::before,
:where(.aah-legacy) ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
:where(.aah-legacy) h1,
:where(.aah-legacy) h2,
:where(.aah-legacy) h3,
:where(.aah-legacy) h4,
:where(.aah-legacy) p,
:where(.aah-legacy) ul,
:where(.aah-legacy) ol {
  margin: 0;
}
:where(.aah-legacy) h1,
:where(.aah-legacy) h2,
:where(.aah-legacy) h3,
:where(.aah-legacy) h4 {
  font-size: inherit;
  font-weight: inherit;
}
:where(.aah-legacy) ul,
:where(.aah-legacy) ol {
  list-style: none;
  padding: 0;
}
:where(.aah-legacy) button {
  background-color: transparent;
  background-image: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
:where(.aah-legacy) img,
:where(.aah-legacy) svg,
:where(.aah-legacy) video {
  display: block;
  vertical-align: middle;
}
:where(.aah-legacy) img,
:where(.aah-legacy) video {
  max-width: 100%;
  height: auto;
}