/* Home Page Mobile Responsiveness */

/* Container padding consistency on mobile */
@media only screen and (max-width: 1024px) {
  .container {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 768px) {
  .container {
    padding: 0 30px;
  }
  
  /* Ensure headline bridge is mobile-friendly */
  .headline-bridge {
    padding: 30px 0;
  }
  
  .headline-bridge .container {
    padding: 0 20px;
  }
  
  .bridge-link {
    flex-direction: column;
    gap: 8px;
    padding: 14px 20px;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  
  .bridge-link .bridge-separator {
    display: none;
  }
  
  .bridge-link .mobile-hidden {
    display: none;
  }
  
  .bridge-link .bridge-text {
    display: block;
    white-space: normal;
    line-height: 1.5;
  }
  
  .bridge-link .bridge-link-cta {
    display: block;
    margin-top: 8px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  .container {
    padding: 0 20px;
  }
  
  .headline-bridge {
    padding: 24px 0;
  }
  
  .headline-bridge .container {
    padding: 0 15px;
  }
  
  .bridge-link {
    padding: 12px 16px;
    font-size: 11px;
    letter-spacing: 0.15em;
  }
}