/*
 * Librarium Militaris: the counts under the heading.
 *
 * What the archive holds, in three figures. Its only home is the masthead, but
 * it owns its own box, so it owns its own file.
 */

@layer components {
  .stat-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-16);
    font-family: var(--font-heading);
    font-size: var(--text-14);
    line-height: var(--leading-20);
    letter-spacing: var(--tracking-sm);
    color: var(--color-accent);
    margin-bottom: var(--space-32);
    background-color: var(--color-inset);
    padding: var(--space-8) var(--space-24);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-soft);

    @media (min-width: 768px) {
      gap: var(--space-32);
    }
  }

  .stat-strip__value { color: var(--color-ink-bright); }
  .stat-strip__sep { color: var(--color-ink-faint); }
}