@font-face {
  font-family: 'Invention';
  src: url('../fonts/Invention_Lt.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Invention';
  src: url('../fonts/Invention_Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Invention';
  src: url('../fonts/Invention_Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Invention';
  src: url('../fonts/Invention_XBd.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Invention';
  src: url('../fonts/Invention_It.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Invention';
  src: url('../fonts/Invention_BdIt.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

html { font-size: 65%; }
@media (min-width: 1025px) { html { font-size: 100%; } }

body {
  margin: 0;
  padding: 0;
  font-family: 'Invention', sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #000;
}

body img, body svg {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: none;
  margin: auto;
}

hr {
  height: 5px !important;
  border-color: #75C593 !important;
  border-top-width: 0.534rem !important;
}

ul {
  list-style: disc;
  padding-left: 1rem;
  margin-bottom: 1.5rem;
}
ul li { margin-bottom: 0.5rem; }
ul li::marker { color: #75C593; }

input[type="text"] {
  height: 3.125rem;
  padding: 0.5rem;
  font-size: 1.375rem;
  border: 1px solid #B9B9B9;
  width: calc(100% - 12.5rem);
}

/* Honeypot field — visually hidden from real users, not detectable by name */
.form-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Question 6 disabled when question 5 is not "Don't know" */
fieldset[data-q6] input:disabled + label { opacity: 0.6; }

/* "Filled out by" and question options: square boxes with checkmark (radio styled as checkbox) */
.filled-by-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.filled-by-option {
  position: relative;
}
.filled-by-box .filled-by-check {
  display: none;
}
.filled-by-option:has(.filled-by-radio:checked) .filled-by-check {
  display: block;
}