/* Shared layout for phones, tablets, laptops, and large monitors. */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: clip;
}

body {
  overflow-x: clip;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

img,
video,
svg,
canvas,
iframe {
  max-width: 100%;
  height: auto;
}

.hero-img {
  min-width: 0;
  min-height: 0;
}

p,
li,
h1,
h2,
h3,
a {
  overflow-wrap: anywhere;
}

input,
select,
textarea {
  font-size: 16px;
}

.vendor-table-wrap,
.table-scroll {
  -webkit-overflow-scrolling: touch;
}

.site-header {
  padding-top: env(safe-area-inset-top);
}

.mobile-menu {
  min-width: 44px;
  min-height: 44px;
}

@media (min-width: 1600px) {
  .intro-wrap,
  .home-wrap,
  .section-enhanced .home-prose,
  .resources-section,
  .dpdpa-section {
    padding-left: max(40px, 6vw);
    padding-right: max(40px, 6vw);
  }
}

@media (max-width: 1100px) {
  .resource-grid,
  .why-grid,
  .mission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .resource-grid,
  .why-grid,
  .mission-grid,
  .rights-grid,
  .know-grid,
  .yatra-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .city-list li {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .intro-copy h1,
  .hero-title,
  .section-heading h2,
  .resources-top h2,
  .home-prose h2 {
    font-size: clamp(32px, 9vw, 48px);
  }
}

@media (max-width: 390px) {
  .header-inner,
  .site-footer,
  .dpdpa-section,
  .resources-section,
  .section-enhanced,
  .hero-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .brand,
  .white-theme .brand {
    width: 104px;
    min-width: 0;
  }

  .rail-chapters {
    grid-template-columns: minmax(0, 1fr);
  }
}