/* "What every departure includes" (81:165) — oxblood band */

.aht-standards {
  background: var(--aht-color-background-brand-deep);
  color: var(--aht-color-text-on-brand);
  padding-block: 88px;
}

.aht-standards__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 44px;
}

.aht-standards__intro {
  max-width: 760px;
  color: var(--aht-primitive-system-stone);
}

.aht-standards__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--aht-spacing-24);
  align-items: stretch;
}

.aht-standards__item {
  display: flex;
  flex-direction: column;
  gap: var(--aht-spacing-12);
  padding: 28px var(--aht-spacing-24);
  border: 1px solid rgb(215 201 190 / 32%);
  border-radius: var(--aht-radius-6);
}

.aht-standards__icon {
  color: var(--aht-primitive-system-stone);
  margin-bottom: var(--aht-spacing-4);
}

.aht-standards__head {
  color: var(--aht-color-text-on-brand);
}

.aht-standards__note {
  color: var(--aht-primitive-system-stone);
  margin-top: auto;
}

@media (max-width: 1119px) {
  .aht-standards__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile is one stacked column with the icon beside the copy. */
@media (max-width: 767px) {
  .aht-standards {
    padding-block: 56px;
  }

  .aht-standards__header {
    margin-bottom: var(--aht-spacing-32);
  }

  .aht-standards__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--aht-spacing-16);
  }

  .aht-standards__item {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    grid-template-areas:
      'icon head'
      '.    note';
    gap: var(--aht-spacing-8) var(--aht-spacing-16);
    padding: var(--aht-spacing-20);
  }

  .aht-standards__icon {
    grid-area: icon;
    width: 24px;
    height: 24px;
    margin: 0;
  }

  .aht-standards__head {
    grid-area: head;
  }

  .aht-standards__note {
    grid-area: note;
  }
}