<html>
  <title>{{ title }}</title>
  <body
    style="
      margin: 0;
      padding: 0;
      background: #f4f4f5;
      font-family: 'Helvetica Neue', Arial, sans-serif;
    "
  >
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td
          style="
            background: #111827;
            padding: 1.25rem 2rem;
            color: white;
          "
        >
          <span
            style="
              font-weight: bold;
              letter-spacing: 1px;
              text-transform: uppercase;
              font-size: 13px;
            "
          >
            {{ NODE_NAME }}
          </span>
        </td>
      </tr>
      <tr>
        <td style="padding: 2.5rem 2rem; background: white">
          <h2
            style="
              margin: 0 0 1.5rem 0;
              color: #111827;
              border-left: 4px solid #f59e0b;
              padding-left: 0.75rem;
            "
          >
            {{ title }}
          </h2>
          <div style="font-size: 14px; color: #374151; line-height: 1.7">
            {{ body | raw }}
          </div>
        </td>
      </tr>
      <tr>
        <td
          style="
            background: #111827;
            padding: 1rem 2rem;
            color: #9ca3af;
            font-size: 12px;
            text-align: center;
          "
        >
          &copy; {{ NODE_NAME }} &mdash; All Rights Reserved.
        </td>
      </tr>
    </table>
  </body>
</html>
