/* Блок «Документные результаты» на /data использует классы главной,
   которых нет в inline-data.css. Правила скоупированы по секции. */
#document-results {
  background: var(--c-bg-off, #eff6ff);
}

#document-results .grid {
  display: grid;
  gap: 24px;
}

#document-results .grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#document-results a.card {
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

#document-results a.card:hover {
  border-color: var(--c-accent, #2563eb);
  box-shadow: 0 4px 20px rgba(37, 99, 235, .08);
  transform: translateY(-2px);
}

#document-results a.card p:last-child {
  margin-bottom: 0;
}

#document-results .tag {
  display: inline-block;
  margin-bottom: 16px;
  padding: 4px 10px;
  border-radius: 8px;
  background: var(--c-bg-soft, #dbeafe);
  color: var(--c-accent, #2563eb);
  font: 600 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

@media (max-width: 900px) {
  #document-results .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  #document-results .grid--4 { grid-template-columns: 1fr; }
}