/* ===== Global responsive tweaks ===== */
img{ max-width:100%; height:auto; }

@media (max-width: 900px){
  .wrap{ padding: 0 14px !important; }
  header{ padding-top: 28px !important; }
  .nav{ flex-wrap: wrap !important; gap: 10px !important; justify-content:center !important; }
  .nav a{ padding: 10px 12px !important; }
  .grid, .cols, .twoCol{ grid-template-columns: 1fr !important; }
}

@media (max-width: 520px){
  body{ font-size: 15px; }
  .title{ font-size: clamp(1.8rem, 9vw, 3.2rem) !important; }
}