/**
 * Archives Atlas glue on top of Amsterdam Design System (compact).
 * QR rows, density helpers, footer note. Keep print path separate.
 */

.archive-main {
  padding-block: var(--ams-space-l, 1.5rem) var(--ams-space-2xl, 3rem);
}

.archive-qr {
  display: block;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  flex-shrink: 0;
}

.archive-qr--sm {
  inline-size: 2rem;
  block-size: 2rem;
}

.archive-workstream {
  display: flex;
  gap: var(--ams-space-s, 0.75rem);
  align-items: flex-start;
  padding-block: var(--ams-space-s, 0.75rem);
  border-block-end: 1px solid var(--ams-color-border, #d1d1d1);
  text-decoration: none;
  color: inherit;
}

.archive-workstream:hover .ams-heading,
.archive-workstream:hover .archive-workstream__hook {
  text-decoration: underline;
}

.archive-workstream__body {
  flex: 1;
  min-inline-size: 0;
}

.archive-workstream__meta {
  margin-block-start: 0.15rem;
}

.archive-workstream__hook {
  margin-block-start: 0.25rem;
}

.archive-stack {
  display: grid;
  gap: var(--ams-space-m, 1rem);
}

.archive-stack--tight {
  gap: var(--ams-space-xs, 0.5rem);
}

.archive-section {
  margin-block-start: var(--ams-space-xl, 2rem);
}

.archive-brand {
  color: var(--ams-page-header-brand-name-color, #fff);
  font-weight: 700;
  font-size: 1.125rem;
  text-decoration: none;
}

.archive-brand:hover {
  text-decoration: underline;
}

.archive-footer-note {
  margin-block-start: var(--ams-space-s, 0.75rem);
}

/* Card grid when not using full ams-grid spans */
.archive-card-grid {
  display: grid;
  gap: var(--ams-space-m, 1rem);
  grid-template-columns: 1fr;
}

@media (min-width: 37.5rem) {
  .archive-card-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 72.5rem) {
  .archive-card-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.archive-card-grid .ams-card {
  height: 100%;
  padding: var(--ams-space-m, 1rem);
  border: 1px solid var(--ams-color-border, #b4b4b4);
}

/* Ensure list spacing inside cards */
.archive-card-grid .ams-paragraph {
  margin-block-start: var(--ams-space-xs, 0.5rem);
}