Meta box

<details class="meta-box"></details>

<details class="meta-box" open></details>

<summary class="meta-box__summary">
  <h2 class="meta-box__heading">Title <em class="text-meta">Number</em></h2>
  <svg class="icon icon--large meta-box__close-icon" width="24" height="24">
    <use xlink:href="#icon-minus"></use>
  </svg>
  <svg class="icon icon--large meta-box__open-icon" width="24" height="24">
    <use xlink:href="#icon-plus"></use>
  </svg>
</summary>

<details open class="meta-box">
  <summary class="meta-box__summary">…</summary>

  <ul class="meta-box__list">
    <li class="meta-box__list-item">
      <a href="/">amei_i110703_b2</a> from <a href="/">Letitia Stewart</a>
    </li>

    <li class="meta-box__list-item">…</li>
    <li class="meta-box__list-item">…</li>
    <li class="meta-box__list-item">…</li>
    …
  </ul>
</details>

<details open class="meta-box">
  <summary class="meta-box__summary">…</summary>

  <ul class="meta-box__list">
    <li class="meta-box__list-item">
      <a href="/" class="link-hit-area">
        <strong class="body-1 link-hit-area__active-indicator">Amphiprion ocellaris</strong>
        <br />
        <span class="text-meta label-1">Verified by Sabrina Coombes on 10/06/20</span>
      </a>
    </li>

    <li class="meta-box__list-item">…</li>
    <li class="meta-box__list-item">…</li>
    <li class="meta-box__list-item">…</li>
    …
  </ul>
</details>

<details open class="meta-box">
  <summary class="meta-box__summary">…</summary>

  <dl class="meta-box__description-list">
    <dt class="meta-box__description-title">Location</dt>
    <dd class="meta-box__description-data">East Indian Ocean</dd>
    <dd class="meta-box__description-data">-20° 00' 0.00" S, 80° 00' 0.00" E</dd>

    <dt class="meta-box__description-title">…</dt>
    <dd class="meta-box__description-data">…</dd>

    <dt class="meta-box__description-title">…</dt>
    <dd class="meta-box__description-data">…</dd>

    …
  </dl>
</details>