/* ==========================================================================
   About Us Page - Responsive Overrides
   ========================================================================== */

/* CSS Variables */
:root {
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --touch-target-min: 44px;
}

/* Remove fixed width constraints */
html.responsive {
  min-width: 0 !important;
}

@media (max-width: 767px) {
  html.responsive {
    background-size: cover !important;
    background-position: center !important;
  }

  /* Page title */
  .responsive h1 {
    min-width: 0 !important;
    width: 100% !important;
    font-size: clamp(1.5rem, 6vw, 3rem) !important;
    padding: 0 var(--space-md);
    margin-top: var(--space-lg) !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
  }

  /* Content wrapper */
  .responsive .wrapper {
    width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: var(--space-md);
    margin-top: var(--space-lg) !important;
  }

  .responsive .container {
    max-width: 100% !important;
    height: auto !important;
    padding: var(--space-md);
  }

  /* Links - touch friendly */
  .responsive .container a {
    display: inline;
  }
}