/* Стили для архивов */
.archive-post {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-background);
    padding-bottom: 10px;
}

.archive-post .post-thumbnail {
    /* Явно фиксируем ширину контейнера превью для единообразной геометрии карточек архива. */
    flex: 0 0 150px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.archive-post .post-thumbnail img {
    /* Фиксируем контракт изображения: оно всегда занимает контейнер по ширине с сохранением пропорций. */
    display: block;
    width: 100%;
    height: auto;
}

.archive-post .post-content h2 {
    margin: 0;
    font-size: 1.5rem;
    color: var(--color-primary);
}

.archive-post .post-content .archive-title-link {
    /* Отделяем стиль ссылки заголовка от CTA, чтобы избежать смешивания с глобальными ссылочными правилами. */
    color: inherit;
    text-decoration: none;
}

.archive-post .post-content .archive-title-link:hover {
    /* Подчеркиваем интерактивность заголовка, не меняя цветовой контракт карточки. */
    text-decoration: underline;
}

.archive-post .post-content .archive-excerpt {
    /* Переносим отступ excerpt из inline в профильный класс. */
    margin: 10px 0;
}

.archive-post .post-content .archive-read-more {
    /* Описываем CTA-ссылку отдельно от заголовка и других ссылок карточки. */
    color: var(--color-accent);
    text-decoration: underline;
}

.archive-post .post-content .archive-read-more:hover {
    /* Сохраняем hover-поведение только для CTA "Читать далее". */
    color: var(--color-primary);
}

/* === АДАПТИВНОСТЬ: исправление layout при наличии миниатюры === */
@media screen and (max-width: 768px) {
  .archive-post {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .archive-post .post-thumbnail {
    /* Унифицируем адаптивный селектор под реальный класс из шаблона, вместо ошибочного .archive-thumbnail. */
    width: 100%;
    margin-bottom: 20px;
  }

  .archive-post .post-thumbnail img {
    /* Дублируем контракт изображения в mobile-блоке для явной читаемости адаптивных правил. */
    width: 100%;
    height: auto;
    display: block;
  }
}