/* ==========================================================================
   Archive / search / Learn list — shared editorial index cards
   ========================================================================== */

.drc-archive {
  padding: var(--s7, 2rem) 0 calc(96px + env(safe-area-inset-bottom, 0px));
}

.drc-archive__header {
  margin-bottom: var(--s6, 1.5rem);
}

.drc-archive .drc-plp__eyebrow {
  margin: 0;
  font: 600 11px / 1 var(--font-ui);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
}

.drc-archive .drc-plp__title {
  margin: 0.35rem 0 0;
  font: 600 clamp(1.75rem, 2vw + 1rem, 2.5rem) / 1.15 var(--font-display);
  letter-spacing: -0.02em;
  color: var(--espresso);
}

.drc-archive .drc-plp__lede {
  margin: 16px 0 0;
  max-width: 72ch;
  font-size: 15px;
  line-height: 1.6;
  color: var(--muted);
}

.drc-archive__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}

.drc-archive__item {
  margin: 0;
  padding: 1.25rem 1.35rem;
  border-radius: var(--r-panel, 12px);
  background: var(--milk, #fff);
  border: 1px solid color-mix(in srgb, var(--stone) 85%, transparent);
  box-shadow: inset 0 1px 0 0 var(--highlight-inset, rgba(255, 255, 255, 0.6));
}

.drc-archive__title {
  margin: 0 0 0.5rem;
  font: 600 clamp(1.15rem, 0.6vw + 1rem, 1.45rem) / 1.25 var(--font-display);
  letter-spacing: -0.02em;
}

.drc-archive__title a {
  color: var(--espresso);
  text-decoration: none;
}

.drc-archive__title a:hover {
  color: var(--forest);
}

.drc-archive__excerpt {
  margin: 0 0 1rem;
  font: 400 15px / 1.55 var(--font-ui);
  color: var(--muted);
}

.drc-archive__meta {
  margin: 0 0 0.75rem;
  font: 600 11px / 1 var(--font-ui);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

.drc-archive__empty {
  margin: 0;
  font: 400 15px / 1.55 var(--font-ui);
  color: var(--muted);
}

.drc-archive__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.25rem;
}