@charset "UTF-8";
/* «Читайте также»: белая карточка r 16. Заголовок T3 40% (поле 20), пункты — ссылки с полем 20 под
   разделителем black-8: название T3, под ним через 12 — дата 40% и рубрика (description, шаг 16).
   Hover / фокус — фон пункта `--color-gray`. */
.read-also {
  overflow: hidden;
  color: var(--color-black);
  background-color: var(--color-white);
  border-radius: var(--radius-16);
}
.read-also__title {
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  padding: 1.25rem;
  color: var(--color-black-40);
}
.read-also__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.read-also__item {
  border-top: 1px solid var(--color-black-8);
}
.read-also__link {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem;
  transition: background-color var(--transition-duration) var(--transition-ease);
}
@media (hover: hover) {
  .read-also__link:hover {
    background-color: var(--color-gray);
  }
}
.read-also__link:focus-visible {
  background-color: var(--color-gray);
}
.read-also__link:focus-visible {
  outline-offset: -0.125rem;
}
.read-also__name {
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
}
.read-also__meta {
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
}
.read-also__date {
  color: var(--color-black-40);
}