:root{--section-y:56px}

/* Prevent horizontal scroll issues */
html, body { overflow-x: hidden; }

/* Consistent section vertical rhythm */
.section { padding: var(--section-y) 0; }
.section-sm { padding: 32px 0; }
.section-lg { padding: 88px 0; }

/* Make images scale safely */
img { max-width: 100%; height: auto; }

/* Utility spacing */
.mt-6 { margin-top: 3rem; }
.mb-6 { margin-bottom: 3rem; }
.pt-6 { padding-top: 3rem; }
.pb-6 { padding-bottom: 3rem; }

/* Constrain very wide containers on large screens */
@media (min-width: 1400px){
  .container { max-width: 1200px; }
}