Embed

<style>
  .triton-pdf-wrapper {
    max-width: 900px;
    margin: 0 auto 40px auto;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  .triton-pdf-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
  }

  .triton-pdf-title {
    font-size: 1rem;
    font-weight: 600;
  }

  .triton-pdf-download {
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid #f5a623; /* Triton gold-ish outline */
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease;
  }

  .triton-pdf-download:hover {
    background: #fff8e1;
  }

  .triton-pdf-embed {
    width: 100%;
    height: 70vh; /* Adjust height for your preference */
    max-height: 900px;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 8px;
  }

  .triton-pdf-embed iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

  .triton-pdf-fallback {
    margin-top: 10px;
    font-size: 0.85rem;
    color: #555;
  }

  @media (max-width: 768px) {
    .triton-pdf-wrapper {
      padding: 12px;
    }
    .triton-pdf-embed {
      height: 60vh;
    }
  }
</style>

<div class="triton-pdf-wrapper">
  <div class="triton-pdf-header">
    <div class="triton-pdf-title">
      Triton Swim Club – January 2026 Newsletter (Issue #1)
    </div>

    <a 
      class="triton-pdf-download"
      href="https://swishperformancelimited-my.sharepoint.com/:b:/g/personal/coach_swishperformancelimited_onmicrosoft_com/IQCT-R93ZESWRp2SSVfEoz5cASEgL7EXsYB00YtkJVMcRcw?e=8DWdpe"
      target="_blank"
      rel="noopener"
    >
      📄 Open / Download Newsletter
    </a>
  </div>

  <div class="triton-pdf-embed">
    <iframe 
      src="https://swishperformancelimited-my.sharepoint.com/personal/coach_swishperformancelimited_onmicrosoft_com/_layouts/15/embed.aspx?UniqueId=771ff993-4464-4696-9d92-4957c4a33e5c"
      title="Triton Swim Club – January 2026 Newsletter"
      frameborder="0"
      scrolling="no"
      allowfullscreen
    ></iframe>
  </div>

  <div class="triton-pdf-fallback">
    If the newsletter does not appear above, 
    <a href="https://swishperformancelimited-my.sharepoint.com/:b:/g/personal/coach_swishperformancelimited_onmicrosoft_com/IQCT-R93ZESWRp2SSVfEoz5cASEgL7EXsYB00YtkJVMcRcw?e=8DWdpe" 
       target="_blank" rel="noopener">
      click here to open or download the PDF.
    </a>
  </div>
</div>