.resources-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0;
}
.resources-row {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1rem;
  border-bottom: 1px solid var(--table-lines);
  padding: 0.5rem 0;
}
.resources-page {
  font-weight: 1rem;
}
.resources-docs {
  padding-left: 2rem;
  /* margin-left: 2rem; */
}
.resources-docs ul {
  flex-wrap: nowrap;
  padding-left: 2rem;
  list-style-type: none;
}
.resources-doc {
  display: flex;
  flex-wrap: nowrap;
}
.resources-doc-title {
  display: flex;
  flex-wrap: wrap;
  /* Эти свойства заставят переноситься длинные слова */
  word-break: break-word;      /* переносит слова, если они не помещаются */
  overflow-wrap: break-word;   /* альтернативное или дополняющее свойство */  
}
.doc-thumbnail {
  max-width: 6.8rem;
  max-height: 9rem;
  border: 2px solid var(--table-lines); 
  vertical-align: middle;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}