body { background: #f5f6f8; }

/* Баннер */
.hero {
  background: #5a5a5a;
  color: #fff;
  border-radius: .5rem;
}
.hero-title {
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.hero-sub { color: rgba(255,255,255,.9); font-weight: 600; }

/* Логотип справа, не переносится */
.logo-img { height: 72px; width: auto; }
.logo-fixed-right { display: block; }
@media (max-width: 576px) {
  .logo-img { height: 48px; }
}

/* Карточки корпусов */
.campus-title {
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 1.05rem;
}
.campus-btn {
  background: #e5e5e5;
  border: none;
  font-weight: 600;
}
.campus-btn:hover { background: #d9d9d9; }

/* Список учителей */
.list-group-item .fio {
  font-size: 1.05rem;
  font-weight: 700;
  color: #212529;
  line-height: 1.2;
}
.list-group-item .role-soft {
  font-size: .95rem;
  color: #868e96;
  margin-top: .15rem;
}

/* Отступ при переходе на якорь */
#teachers-anchor { scroll-margin-top: 16px; }

/* Подпись + номер как две "плитки" */
.hero-sub {
  color: rgba(255,255,255,.9);
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
}

/* Номер нельзя рвать внутри */
.phone-nobr {
  white-space: nowrap !important;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  -webkit-hyphens: none;
  display: inline-block;  /* переносится только целиком */
}

a[href^="tel"] {
  color: inherit !important;          /* наследует цвет из hero-sub */
  text-decoration: none !important;   /* убираем подчёркивание */
  font-weight: inherit;
}