/* ========================================================
 * blog-common.css — стили блог-карточек и связанных компонентов
 * Извлечено из index.html 2026-06-13
 * ====================================================== */

    /* LATEST NEWS CARD */
    .latest-news-card {
      background: #fff;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: var(--shadow-md);
      margin: 80px auto;
      max-width: 600px;
    }

    .latest-news-card__header {
      background: linear-gradient(135deg, var(--primary), var(--accent));
      color: #fff;
      padding: 15px 20px;
      font-weight: 600;
      font-size: 0.85rem;
      letter-spacing: 1px;
    }

    .latest-news-card__media {
      width: 100%;
      height: auto;
      display: block;
    }

    .latest-news-card__content {
      padding: 25px;
    }

    .latest-news-card__title {
      font-family: var(--font-heading);
      font-size: 1.4rem;
      color: var(--text-dark);
      margin-bottom: 10px;
    }

    .latest-news-card__text {
      color: var(--text-muted);
      font-size: 0.95rem;
      line-height: 1.6;
      margin-bottom: 15px;
    }

    .latest-news-card__meta {
      display: flex;
      justify-content: space-between;
      font-size: 0.85rem;
      color: var(--text-light);
      margin-bottom: 20px;
    }

    .latest-news-card__buttons {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
    }

    .latest-news-card__btn {
      padding: 12px 20px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 600;
      font-size: 0.9rem;
      transition: var(--transition-normal);
    }

    .latest-news-card__btn--read {
      background: var(--primary);
      color: #fff;
    }

    .latest-news-card__btn--blog {
      background: var(--bg-cream);
      color: var(--primary);
      border: 1px solid var(--border-light);
    }

    .latest-news-card__btn:hover {
      transform: translateY(-2px);
      box-shadow: var(--shadow-md);
    }

    .latest-news-card__loading {
      padding: 40px;
      text-align: center;
      color: var(--text-muted);
    }
    .faq__list {
      max-width: 800px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 15px;
      overflow: hidden;
    }

    .faq__item {
      background: var(--bg-cream);
      border: 1px solid var(--border-light);
      border-radius: 16px;
      overflow: hidden;
      transition: var(--transition-normal);
    }

    .faq__item:hover {
      border-color: var(--primary);
      box-shadow: var(--shadow-md);
    }

    .faq__item h3 {
      font-family: var(--font-heading);
      font-size: 1.2rem;
      color: var(--text-dark);
      padding: 25px 30px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: var(--transition-fast);
      margin: 0;
    }

    .faq__item h3::after {
      content: '+';
      font-size: 1.5rem;
      color: var(--primary);
      transition: transform 0.3s ease;
    }

    .faq__item.active h3::after {
      transform: rotate(45deg);
    }

    .faq__item h3:hover {
      color: var(--primary);
    }

    .faq__item p,
    .faq__item [itemprop="acceptedAnswer"] {
      max-height: 0;
      overflow: hidden;
      padding: 0 30px;
      color: var(--text-muted);
      line-height: 1.8;
      margin: 0;
      transition: max-height 0.3s ease, padding 0.3s ease;
    }

    .faq__item.active p,
    .faq__item.active [itemprop="acceptedAnswer"] {
      max-height: 500px;
      padding: 0 30px 25px;
    }

    .faq__item [itemprop="acceptedAnswer"] p {
      max-height: none;
      padding: 0;
      overflow: visible;
    }