/**
 * ARYA Enterprises — Base & Reset Styles
 */
@import url('variables.css');

html {
  scroll-behavior: smooth;
  font-family: var(--font-sans);
  overflow-x: clip;
  max-width: 100%;
}

body {
  color: var(--slate-800);
  background-color: #ffffff;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
  max-width: 100%;
}

main {
  flex: 1 0 auto;
}

/* Guard against SVG blowout during page load */
svg {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

/* ==========================================================================
   Global Content Container Width Enhancement for Wide Desktops
   Expands usable content container width from default 80rem (1280px):
   - >= 1280px (Desktop): 88rem (1408px)
   - >= 1536px (~1700px Large Desktop): 92rem (1472px, leaving ~120-160px outer margins)
   - >= 1920px (Ultra-wide Desktop): 96rem (1536px)
   ========================================================================== */
.max-w-7xl {
  max-width: 88rem !important;
}

@media (min-width: 1536px) {
  .max-w-7xl {
    max-width: 92rem !important;
  }
}

@media (min-width: 1680px) {
  .max-w-7xl {
    max-width: 94rem !important;
  }
}

@media (min-width: 1920px) {
  .max-w-7xl {
    max-width: 96rem !important;
  }
}