/* ═══════════════════════════════════════════════════════════════
   Образование и документы.

   Золотая рамка — как у всего, что на сайте значит «особенное».
   Документы показываем целиком, а не обрезкой по сетке: диплом,
   у которого срезан угол, вызывает ровно то сомнение, ради снятия
   которого он тут и стоит.

   Цвета берутся из общих переменных темы, поэтому светлая и тёмная
   получаются сами.
   ═══════════════════════════════════════════════════════════════ */

.ht-regalia {
  background: var(--sunk);
  border: 1px solid var(--gold);
  border-radius: var(--radius-lg);
  padding: 22px 24px;
  margin: 30px 0;
}

.ht-regalia__label {
  font-family: "Golos Text", "Golos fallback", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold-ink);
  margin: 0 0 10px;
}

.ht-regalia__text {
  font-family: "Golos Text", "Golos fallback", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink);
}
.ht-regalia__text p { margin: 0 0 10px; }
.ht-regalia__text p:last-child { margin-bottom: 0; }

.ht-regalia__papers {
  display: grid;
  grid-template-columns: repeat(auto-fill, 132px);
  justify-content: center;
  gap: 16px;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}
.ht-regalia__papers li { margin: 0; }

/* Отступ, которым тема сдвигает маркированные списки, здесь лишний:
   ряд документов должен начинаться от той же линии, что и текст. */
.entry-content .ht-regalia__papers { padding-left: 0; list-style: none; }
.entry-content .ht-regalia__papers li { margin: 0; }

.ht-regalia__papers a {
  display: block;
  background: var(--sf);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 6px;
}
.ht-regalia__papers a:hover,
.ht-regalia__papers a:focus-visible { border-color: var(--gold); }

.ht-regalia__papers img {
  display: block;
  width: 100%;
  height: 112px;
  object-fit: contain;
  /* В статьях у картинок рамка, здесь она уже есть у ссылки. */
  border: 0;
}

.ht-regalia__note {
  font-family: "Golos Text", "Golos fallback", sans-serif;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--faint);
  margin: 7px 0 0;
}

/* На телефоне — по два в ряд и крупнее: иначе документ не разглядеть. */
@media (max-width: 620px) {
  .ht-regalia { padding: 18px; }
  .ht-regalia__papers {
    grid-template-columns: repeat(auto-fill, 132px);
    gap: 14px;
  }
  .ht-regalia__papers img { height: 140px; }
}