/* Opt-in document resets. Deliberately NOT part of the theme: these are the invasive
   page-level rules that can collide with other frameworks' expectations (see also
   resets/tailwind.css). Components do not depend on them - their shadow roots get the
   box-sizing contract from component/host.styles.ts. */
@import url('../layers.css');

@layer ed-base {
  html {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    tab-size: 4;
  }

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

  body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
  }
}