/* =============================================================================
   RuPress · Contact Page
   -----------------------------------------------------------------------------
   Use about.css typography and column width. Page-specific styles only for
   contact addresses (email, telegram) — large monospace-feel block, without
   bold weight, inheriting black on white from .about-page typography.
============================================================================= */

/* Контактный адрес — крупная отдельно стоящая строка. Без жирности (этим
   адрес отличается от заголовка), но крупнее обычного body. NYT-паттерн. */
body.about-page p.contact-address {
  font-family: var(--font-display);
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin: 8px 0 18px;
  color: #0a0a0a;
}

body.about-page p.contact-address a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding-bottom: 1px;
  transition: border-color var(--duration-fast) var(--ease-standard),
              opacity var(--duration-fast) var(--ease-standard);
}

body.about-page p.contact-address a:hover {
  border-color: #0a0a0a;
  opacity: 0.85;
}

/* Mobile — slightly smaller contact address */
@media (max-width: 767px) {
  body.about-page p.contact-address {
    font-size: 22px;
  }
}