/* ===================================================================
   Digital Futurist — Archival Collections hub (page 2190).
   Deliberately not the Memos card grid: these documents aren't tied to
   Howard's personal timeline, so the hub reads as an index/finding-aid
   (grouped rows, counts, honest "not yet added" placeholders) rather
   than a curated set of highlight cards. Built on the --df-* tokens
   from homepage-redesign.css (loaded first as a dependency).
   =================================================================== */

.df-arch-groups { margin-top:8px; }

.df-arch-group { margin-bottom:36px; }
.df-arch-group-title {
  font-family:'IBM Plex Mono', monospace; font-size:.72rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--df-muted); font-weight:500; margin:0 0 10px;
}

.df-arch-row {
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding:13px 2px; border-bottom:1px solid var(--df-border);
  text-decoration:none; color:var(--df-text);
}
.df-shell .df-arch-row { color:var(--df-text); }
.df-arch-group .df-arch-row:last-child { border-bottom:none; }
.df-arch-row-name { font-size:.98rem; }
a.df-arch-row:hover .df-arch-row-name { color:var(--df-accent); }
.df-arch-row-meta { display:flex; align-items:baseline; gap:10px; flex-shrink:0; }
.df-arch-row-count {
  font-family:'IBM Plex Mono', monospace; font-size:.72rem; color:var(--df-muted);
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.df-arch-row-arrow { color:var(--df-accent); font-size:.8rem; }

.df-arch-row.is-placeholder { color:var(--df-dim); cursor:default; }
.df-arch-row.is-placeholder .df-arch-row-name { font-style:italic; }
.df-arch-placeholder-tag {
  font-family:'IBM Plex Mono', monospace; font-size:.62rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--df-dim); border:1px solid var(--df-chip-border); border-radius:3px; padding:2px 6px; white-space:nowrap;
}

@media (max-width:640px) {
  .df-arch-row-name { font-size:.92rem; }
}