/* --- Глобальные стили для всех обычных ссылок --- */
a {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.3em;
  transition: text-decoration-color 0.25s ease, color 0.25s ease;
}

a:hover {
  text-decoration-color: currentColor;
  opacity: 0.85;
}

/* --- Сброс подчеркивания ТОЛЬКО у кастомных элементов --- */
.header-page a,
.underline-header-56 a,
.underline-link-personal a,
.underline-email a,
.underline-footer-3 a,
.underline-footer-4 a {
  text-decoration: none;
  -webkit-text-decoration: none;
}

/* --- Хедер --- */
.header-page .tn-atom,
.header-page .tn-atom a {
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  text-decoration: none;
}

.header-page-active .tn-atom,
.header-page-active .tn-atom a {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #000000;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 0.1em;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
}

.header-page:hover .tn-atom,
.header-page:hover .tn-atom a {
  color: #b7b7b7;
}

.header-page-active:hover .tn-atom,
.header-page-active:hover .tn-atom a {
  color: #b7b7b7;
  text-decoration-color: #b7b7b7;
}

/* --- Общие стили underline-групп --- */
.underline-header-56,
.underline-link-personal,
.underline-email,
.underline-footer-3,
.underline-footer-4 {
  cursor: pointer;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 0.1em;
  transition: text-decoration-color 0.2s ease-in-out;
  user-select: none;
}

/* --- Подчеркивание по ховеру --- */
.underline-header-56:hover {
  text-decoration: underline;
  text-decoration-color: rgba(0,0,0,1);
}

.underline-link-personal:hover {
  text-decoration: underline;
  text-decoration-color: rgba(183,183,183,1);
}

.underline-email:hover {
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,1);
}

.underline-footer-4:hover {
  text-decoration: underline;
  text-decoration-color: rgba(118,118,118,1);
}

/* --- Footer 3: подчеркнут по умолчанию --- */
.underline-footer-3 {
  text-decoration: underline;
  text-decoration-color: rgba(118,118,118,1);
}