/* Научный совет — компоненты, которых нет на других страницах.
   Общий слой (normalize/tokens/base/шапка/футер/баннер) — в common.css.
   .council/.image-cropper/.person/.person-info — общий компонент
   с elective.html/program.html, стили в components/course.css. */
@import "components/course.css";

.isperson_subtitle{grid-column: 1 / -1;}
.isperson_subtitle .image-cropper{display: none;}
.isperson_subtitle h3, .person{
   font-size: 28px;
}

.section {
    padding-block: var(--space-5);
}

.person-card {
    position: relative;
}


/* всё, что должно быть кликабельно поверх карточки */
.person-info a {
    position: relative;
    z-index: 2;
}
.stretched-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.council, .prose ul.council {
  margin: var(--space-5) 0 var(--space-7) 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-6) var(--space-5);
}

.council li .person-card, .videolekczii li .person-card{
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  a.stretched-link{text-decoration: none; color: #000;}
}
.council li .person-card:has(a:hover), .videolekczii li .person-card:has(a:hover) {
   background: var(--color-accent-light);
   border-radius: var(--radius-m);
}
.person-card .person-info a:hover{
   text-decoration: underline;
}
.videolekczii{
   li{margin-bottom: var(--space-7);}
   .person-info a{text-decoration: underline;}
   .person-info a:hover{text-decoration: none;}
}
.prose ul.videolekczii{
   list-style: none;
}

@media (max-width: 1023px) {
  .council, .prose ul.council {
    grid-template-columns: 1fr;
  }
}

@media( max-width: 500px){
   .council li .person-card, .prose ul.council li .person-card, .videolekczii li .person-card{
      flex-direction: column;
      .person, .person-info{text-align: center;}
   }
}