blockquote {
  color: #cccccc;
  border-left: 3px solid #aaa;
  padding-left: 1em;
  margin: 0;
}

hr {
    border-top: 3px dotted rgb(153, 153, 200);
}

p {
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    letter-spacing: 0.05em;
}

a {
  color: inherit;
  text-decoration: none;                /* убираем стандартное подчёркивание */
  border-bottom: 2px solid #4ecca3;     /* наше подчёркивание */
  transition: background 0.2s ease, color 0.2s ease;
}

a:hover,
a:focus {
  background: #4ecca3;                  /* фон при наведении */
  color: #1e1e1e;                       /* тёмный текст для контраста */
  border-bottom: 2px solid #4ecca3;     /* оставляем подчёркивание */
}

code {
  background: none;       /* убираем фон */
  color: inherit;         /* цвет текста как у окружения */
  padding: 0;             /* убираем отступы */
  border-radius: 0;       /* убираем скругления */
}

/* для WebKit-браузеров (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  height: 6px; /* тоненькая горизонтальная */
}

::-webkit-scrollbar-thumb {
  background: #4ecca3; /* цвет бегунка */
  border-radius: 3px;
}

::-webkit-scrollbar-track {
  background: #393e46; /* фон полосы */
}

/* для Firefox */
* {
  scrollbar-width: thin;        /* тонкий скроллбар */
  scrollbar-color: #4ecca3 #393e46; /* бегунок + фон */
}

.telegram-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: #008000; /* зелёный */
  color: #fff !important;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  padding: 8px 16px;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  border-bottom: none !important; /* убираем нижнюю тень */
}

.telegram-button:hover {
  background-color: #006400;
}

.telegram-button svg {
  fill: #fff;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}