/* Base reset to prevent unexpected overflows */
  * {
    box-sizing: border-box;
  }
  
  body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Stops horizontal scrolling layout issues */
  }

  /* Make sure images never overflow their containers */
  img {
    max-width: 100%;
    height: auto;
  }

  /* Mobile Overrides */
  @media screen and (max-width: 768px) {
    /* Unroll fixed layouts, legacy wrappers, or inline tables */
    table, tbody, tr, td {
      display: block !important;
      width: 100% !important;
      box-sizing: border-box;
    }
    
    /* Remove padding or alignments that smash content on narrow displays */
    td {
      text-align: center !important;
      padding: 10px !important;
    }

    /* Target navigation menus or link containers to stack cleanly */
    .navigation, .menu-links {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
    }
  }