@layer reset {

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

body, ul, li, h1, h2, h3, p, button, fieldset, blockquote, figure, details, summary, dl, dt, dd {
  margin: 0;
  padding: 0;
}

ul { list-style-type: none; }

button, input, select, textarea { font: inherit; }
em { font-style: normal; }

svg {
  inline-size: auto;
  block-size: 1rem;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

h1, h2, nav, nav :any-link { line-height: 1; }

table {
 table-layout: fixed;
 border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
  font-size: var(--font-md);
  font-weight: var(--bold);
}

button {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

input,
select,
textarea {
  border-radius: 0;
  background: inherit;
  color: inherit;
}

input[type="checkbox"] {
  inline-size: auto;
  block-size: 1rem;
}

:disabled {
  background: none;
  cursor: not-allowed;
}

summary {
  cursor: pointer;
  list-style: none;
}
summary::-webkit-details-marker { display: none; }

}