
/* === Mobile + Tablet Responsive Fixes (v14) === */
/* Remove sticky/fixed headers */
header, .header, nav, .nav { position: static !important; top: auto !important; }

/* Fluid media */
img, video, iframe { max-width: 100%; height: auto; }

/* Make sections breathe on small screens */
@media (max-width: 900px) {
  .container, .section, .wrapper, .content, main {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Mobile navigation */
#menuToggle {
  display: none;
}
@media (max-width: 900px) {
  #menuToggle {
    display: inline-block;
    margin: 0.5rem 0;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
  }
  nav, .nav {
    display: none;
    width: 100%;
  }
  nav.is-open, .nav.is-open {
    display: block;
  }
  nav ul, .nav ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  nav li, .nav li { list-style: none; }
}

/* Tables scroll horizontally on mobile */
table { border-collapse: collapse; }
@media (max-width: 900px) {
  table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
}

/* Avoid hover-only dropdowns on touch */
nav li:hover > ul, .nav li:hover > ul { display: none; }
nav.is-open li > ul, .nav.is-open li > ul { display: block; }
