<div style="display:inline-block; padding:6px;">
  <a href="https://sudbury-international.org/?utm_source=member_badge&utm_medium=referral&utm_campaign=si_network"
     target="_blank" rel="noopener"
     aria-label="Sudbury International — Member School"
     style="
       display:flex;
       flex-direction:column;
       align-items:center;
       justify-content:center;
       width:170px;
       padding:14px 14px 12px;
       text-decoration:none;
       border-radius:8px;
       background:#EEF0FF;
       border:2px solid rgba(255,255,255,0.85);
       box-sizing:border-box;
     "
     onmouseover="this.style.boxShadow='0 10px 20px rgba(0,0,0,.10)'; this.style.transform='translateY(-1px)';"
     onmouseout="this.style.boxShadow=''; this.style.transform='';"
  >

    <img src="https://static.tildacdn.net/tild3736-6636-4265-a435-373237313963/SI.svg"
         alt="Sudbury International"
         style="display:block; width:92px; height:auto;">

    <div style="
      margin-top:14px;
      color:#12229d;
      font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
      font-weight:700;
      font-size:12px;
      letter-spacing:0.18em;
      text-transform:uppercase;
      line-height:1;
      text-align:center;
      white-space:nowrap;
    ">
      MEMBER SCHOOL
    </div>
  </a>
</div>