html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }


/* Pagination base */
nav[aria-label="Pagination"] {
  grid-column: 1 / -1; /* занимает всю ширину сетки */
  justify-self: center; /* центрирует */
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* Кнопки-страницы — и ссылки, и спаны */
nav[aria-label="Pagination"] > a,
nav[aria-label="Pagination"] > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #fff;
  color: #111;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
}

nav[aria-label="Pagination"] > span {
   background: #f8f9fb;
   cursor: default;
}

/* Hover только для ссылок */
nav[aria-label="Pagination"] > a:hover {
  background: #f8f9fb;
}

/* Текущая страница */
nav[aria-label="Pagination"] > .is-current {
  background: #1d5ac1;
  border-color: #1d5ac1;
  color: #fff;
  cursor: default;
}

/* Недоступные стрелки (Назад/Вперёд как span) */
nav[aria-label="Pagination"] > .is-disabled {
  color: #9aa0a6;
  background: #fff;
  border-color: #eceff1;
  cursor: not-allowed;
  pointer-events: none;
}

/* Небольшие брейки */
@media (max-width: 480px) {
  nav[aria-label="Pagination"] > a,
  nav[aria-label="Pagination"] > span {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    font-size: 13px;
  }
}

.content p{margin-top:.75rem}
.content h2{margin-top:1.25rem;font-weight:700;font-size:1.25rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem .9rem;border-radius:.75rem;border:1px solid rgb(226 232 240)}


/* Карточка комментария */
.comment-item {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 14px;
  }
  
  /* Заголовок (в блоке последних комментариев) */
  .comment-item__title {
    font-weight: 600;
    margin-bottom: 8px;
  }
  .comment-item__title a {
    color: #1d5ac1;
    text-decoration: none;
  }
  .comment-item__title a:hover { text-decoration: underline; }
  
  /* Шапка комментария */
  .comment-item__header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f2f5;
  }
  
  /* Аватар: круглая плашка с буквой */
  .comment-item__img {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    overflow: hidden;
    background: #f1f5f9;
    flex-shrink: 0;
    position: relative;
  }
  .comment-item__letter {
    width: 100%;
    height: 100%;
    color: #fff;                 /* буква контрастная */
    font-weight: 700;
    font-size: 16px;
    border-radius: 999px;
  }
  
  /* Автор/дата */
  .comment-item__meta { min-width: 0; }
  .comment-item__author {
    font-weight: 600;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .comment-item__date {
    font-size: 12px;
    color: #8a8a8a;
    margin-top: 2px;
  }
  
  /* Рейтинг */
  .comment-item__rating {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #616161;
  }
  .comment-item__rating .fa-thumbs-up,
  .comment-item__rating .fa-thumbs-down {
    margin-right: 4px;
    opacity: .9;
  }
  .comment-item__rating .fa-thumbs-up { color: #1d9e59; }
  .comment-item__rating .fa-thumbs-down { color: #c62828; }
  
  /* Текст комментария */
  .comment-item__main {
    padding: 12px 0;
    color: #1f2937;
    line-height: 1.6;
  }
  
  /* Подвал: ответ/цитировать */
  .comment-item__footer {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 10px;
    border-top: 1px solid #f0f2f5;
  }
  .comment-item__reply {
    font-size: 14px;
    color: #1d5ac1;
    cursor: pointer;
    user-select: none;
  }
  .comment-item__reply .fal { margin-right: 6px; }
  .comment-item__reply:hover { text-decoration: underline; }
  
  /* Утилиты (если в теме нет) */
  .ws-nowrap { white-space: nowrap; }
  .flex-grow-1 { flex: 1 1 auto; }
  .img-fit-cover img { object-fit: cover; width: 100%; height: 100%; display: block; }
  .d-flex { display: flex; }
  .ai-center { align-items: center; }
  .jc-center { justify-content: center; }
  
  /* Адаптив: компактнее на мобильных */
  @media (max-width: 560px) {
    .comment-item { padding: 12px; border-radius: 12px; }
    .comment-item__img { width: 36px; height: 36px; }
    .comment-item__rating { gap: 8px; font-size: 12px; }
  }
  
  /* Обёртка формы */
  .ac-form, .addcomment {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 16px;
  }
  
  /* Две колонки (имя/e-mail) — аккуратный комбоблок */
  .form-group.combo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }
  
  /* Поля ввода */
  .combo_field .wide,
  #name.wide, #mail.wide, #question_answer.wide,
  #sec_code, #comments {
    width: 100%;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 12px;
    padding: 10px 12px;
    font: inherit;
    color: #111;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
  }
  #comments { min-height: 140px; resize: vertical; }
  .combo_field .wide:focus,
  #question_answer.wide:focus,
  #sec_code:focus,
  #comments:focus {
    border-color: #c7d2fe;
    box-shadow: 0 0 0 3px rgba(29, 90, 193, .15);
  }
  
  /* Редактор */
  .ac-form__editor { margin-bottom: 10px; }
  .bb-editor { border-radius: 12px; overflow: hidden; }
  
  /* Загрузка изображений */
  .yz_addimg_comm {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1d5ac1;
    text-decoration: none;
    margin: 6px 0 10px;
  }
  .yz_addimg_comm:hover { text-decoration: underline; }
  
  /* Recaptcha / вопрос */
  .form-group { margin: 10px 0; }
  .form-group label { display: block; margin-bottom: 6px; font-weight: 600; }
  
  /* Капча */
  .c-captcha {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .c-captcha img { border-radius: 10px; }
  
  /* Низ формы: кнопка отправки */
  .form_submit { margin-top: 8px; }
  .ac-form__bottom.d-flex {
    display: flex;
    justify-content: flex-start;
  }
  .btn.btn-big {
    appearance: none;
    border: 1px solid #e6e6e6;
    background: #1d5ac1;
    color: #fff;
    border-radius: 12px;
    padding: 10px 16px;
    font-weight: 600;
    cursor: pointer;
    transition: filter .15s, transform .02s;
  }
  .btn.btn-big:hover { filter: brightness(1.04); }
  .btn.btn-big:active { transform: translateY(1px); }
  
  /* Иконки */
  .fa-images, .fa-redo-alt, .fa-angle-down { opacity: .9; }
  
  /* Адаптив */
  @media (max-width: 680px) {
    .form-group.combo { grid-template-columns: 1fr; }
    .ac-form, .addcomment { border-radius: 12px; padding: 14px; }
  }
  
  .Article--socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  
  .Article--socials-item {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    transition: background-color 0.2s, transform 0.2s;
  }
  
  .Article--socials-item img {
    width: 30px;
    height: 30px;
    display: block;
  }
  
  .Article--socials-item:hover {
    background: #e5e5e5;
    transform: translateY(-2px);
  }

  .w-74 {
    width: 74px;
  }
  .hw-74 {
    height: 74px;
  }