/* Readiness checklist / Desktop (246:1777), Mobile (248:1619) */

.aht-readiness {
  background: var(--aht-color-background-raised);
}

.aht-readiness__group + .aht-readiness__group {
  margin-top: var(--aht-spacing-40);
}

.aht-readiness__group-heading {
  color: var(--aht-color-text-secondary);
  margin-bottom: var(--aht-spacing-12);
}

.aht-readiness__row {
  display: grid;
  grid-template-columns: 18px 340px minmax(0, 1fr);
  gap: var(--aht-spacing-32);
  align-items: start;
  padding-block: var(--aht-spacing-20);
  border-top: 1px solid var(--aht-color-line-warm);
}

/* An empty box, not a tick: nothing on this list is verified in advance. */
.aht-readiness__mark {
  width: 14px;
  height: 14px;
  margin-top: 6px;
  border: 1.5px solid var(--aht-color-line-brand);
  border-radius: 3px;
}

.aht-readiness__item {
  font-weight: var(--aht-font-weight-semibold);
  color: var(--aht-color-text-primary);
}

.aht-readiness__condition {
  color: var(--aht-color-text-secondary);
}

.aht-readiness__restricted {
  max-width: 900px;
  margin-top: var(--aht-spacing-40);
  color: var(--aht-color-text-secondary);
}

@media (max-width: 1119px) {
  .aht-readiness__row {
    grid-template-columns: 18px minmax(0, 1fr);
    grid-template-areas:
      'mark item'
      '.    condition';
    gap: var(--aht-spacing-8) var(--aht-spacing-20);
  }

  .aht-readiness__mark {
    grid-area: mark;
  }

  .aht-readiness__item {
    grid-area: item;
  }

  .aht-readiness__condition {
    grid-area: condition;
  }
}