/* The baseline under a practice theme's patient-facing pages
   (izamna/public_base.html).

   Until task #968 these pages derived from conjunto/base.html, which put all of
   Tabler underneath them. The themes' chrome.css files were written and
   measured on top of that: several set no typeface, page tone or heading scale
   of their own and quietly inherited Tabler's. Without it they fell back to the
   browser's serif at 16 px on a white page with an 8 px margin.

   So this file carries exactly Tabler's reboot values — box model, body type,
   page tone, heading scale — and nothing else: no component, no colour of
   ours. Linked first, so every theme rule still wins. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto,
    "Helvetica Neue", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  color: #374151;
  background-color: #f9fafb;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #111827;
}

h1 { font-size: 1.5rem; line-height: 2rem; }
h2 { font-size: 1.25rem; line-height: 1.75rem; }
h3 { font-size: 1rem; line-height: 1.5rem; }
h4 { font-size: 0.875rem; line-height: 1.25rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

img, svg {
  vertical-align: middle;
}
