/* Mobile-first improvements (injected) */
img, video {max-width: 100%; height: auto;}
.container, .wrap, .site, .content, .section, section {box-sizing: border-box; padding-left: 16px; padding-right: 16px;}
button, .button, .btn {line-height: 1.2; touch-action: manipulation;}
a.btn, button.btn, .button, .cta button, .cta a {display: inline-block; text-decoration: none;}

@media (max-width: 1024px) {
  .grid, .row {display: grid; grid-template-columns: 1fr; gap: 20px;}
  .col, [class*="col-"] {width: 100% !important; max-width: 100% !important; float: none !important;}
  nav ul {flex-wrap: wrap;}
}

@media (max-width: 768px) {
  h1 {font-size: clamp(24px, 6vw, 32px);}
  h2 {font-size: clamp(20px, 5vw, 26px);}
  p, li {font-size: clamp(14px, 4vw, 18px); line-height: 1.6;}
  header .menu, .site-header .menu {gap: 12px;}
  .hero {padding-top: 24px; padding-bottom: 24px;}
  .cta .btn, .cta button, .cta a.button {width: 100%; text-align: center; padding: 14px 18px; font-weight: 600;}
  /* Ensure sections don't overflow */
  section, .section {overflow-wrap: anywhere;}
}

/* Place CTA below about text on small screens as a fallback */
@media (max-width: 768px) {
  .ats-about .cta {order: 2;}
}

/* Hide top CTA placeholder if duplicated */
.hero .cta--moved-placeholder {display: none;}