HandoffNote

<article class="hn-card" aria-labelledby="hnTitle">
  <header class="hn-head">
    <h2 id="hnTitle" class="hn-title">Handoff note</h2>
    <span class="hn-chip">Awaiting human</span>
  </header>
  <p class="hn-body">
    Please confirm whether we should proceed with the schema migration in production. Staging checks passed and rollback steps are attached.
  </p>
  <footer class="hn-foot">
    <button type="button" class="hn-btn hn-btn--approve">Approve</button>
    <button type="button" class="hn-btn hn-btn--ask">Ask follow-up</button>
  </footer>
</article>