s if there is a filled green square and <strong>no red</strong>.
</p>
<div id="reference-overlapped-red"></div>

  <div style="width: 100px; height: 100px; display: flex; flex-direction: column;">
      <main style="flex-basis: 0px; flex-grow: 1; width: -webkit-fill-available;">
          <div style="height: 100%; position: relative;">
              <div style="position: absolute; inset: 0px;">
                  <div style="height: -webkit-fill-available; background: green; color: green; overflow-y: auto;">