.information-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 30vw));
  justify-content: center;
  gap: var(--space-xl);
}

.information-card {
  min-block-size: 10rem;
  padding: var(--space-xl);
  padding-block-end: calc(var(--space-xl) + var(--space-2xs));
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.record-highlight {
  position: relative;
  box-shadow: inset 0 0 0 var(--border-width-strong) var(--color-green-900);
}

.record-highlight__status {
  position: absolute;
  z-index: 1;
  inset-block-start: 0;
  inset-inline-end: 0;
  max-inline-size: calc(100% - var(--space-lg));
  padding: var(--space-2xs) var(--space-sm);
  border-radius: 0 var(--radius-lg) 0 var(--radius-sm);
  background: var(--color-green-900);
  color: var(--color-neutral-0);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.information-card__title {
  display: block;
  margin-block-end: var(--space-sm);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

.information-card__address {
  font-style: normal;
}

.information-card--invitation {
  min-block-size: auto;
}

.information-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-block-start: var(--space-lg);
}

.information-card__status {
  margin-block-end: var(--space-md);
}

.information-card--archived .information-card__title,
.information-card--archived .information-card__address {
  color: var(--color-text-muted);
}

@media (max-width: 47rem) {
  .information-card {
    padding: var(--space-lg);
  }
}