.scribe-visitors {
  width: min(100%, 430px);
  margin-top: 10px;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--theme-border, rgba(196, 139, 59, 0.2)) 82%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--theme-surface, #ffffff) 88%, transparent);
  box-shadow: 0 6px 16px rgba(22, 16, 8, 0.07);
}

.scribe-visitors-footer {
  display: flex;
  justify-content: center;
  padding: 0 24px 18px;
  background: var(--theme-page, transparent);
}

.scribe-visitors-footer .scribe-visitors {
  margin-top: 0;
}

.scribe-visitors__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(88px, 1fr));
  gap: 6px;
}

.scribe-visitors__item {
  display: grid;
  gap: 2px;
  min-height: 42px;
  padding: 7px 8px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--theme-accent-soft, #fff6e8) 72%, transparent);
  color: var(--theme-text, #071a32);
}

.scribe-visitors__item strong {
  font-size: clamp(0.98rem, 2vw, 1.22rem);
  line-height: 1;
  letter-spacing: 0;
}

.scribe-visitors__item span {
  color: var(--theme-muted, #687386);
  font-size: 0.58rem;
  font-weight: 900;
  text-transform: uppercase;
}

@media (max-width: 560px) {
  .scribe-visitors {
    padding: 7px;
  }

  .scribe-visitors-footer {
    padding-inline: 14px;
  }

  .scribe-visitors__grid {
    grid-template-columns: 1fr;
  }
}