<p>Preferred: Making the summary heading an inline element, so it lines up properly with the marker arrow.</p>
<details>
  <summary>
    <h3>How will we conduct IEP and 504 meetings?</h3>
  </summary>
  <div>
    <p>All meetings will be held remotely.</p>
  </div>
</details>

<p>Default: Keeping the summary heading as a block element, which screws up the formatting.</p>
<details>
  <summary>
    <h3 style="display: block;">How will we conduct IEP and 504 meetings?</h3>
  </summary>
  <div>
    <p>All meetings will be held remotely.</p>
  </div>
</details>

body {
  font-family: system-ui, "Segoe UI", Roboto, sans-serif;
  margin: 0 auto;
  max-width: 60rem;
  padding: 0 .5rem;
}

details {
  background: #eee;
  margin-bottom: 2rem;
  padding: .5rem 1rem;
}

summary {
  cursor: pointer;
}

summary > * {
  display: inline;
}