/* ============================================
   СТИЛИ ДЛЯ БЛОГА ROSA163.RU
   ============================================ */

/* --- 1. УЛУЧШЕНИЕ ЗАГОЛОВКОВ: КОНТРАСТ И ИЕРАРХИЯ --- */
.post-body h2 {
    font-size: 28px;        /* Увеличенный размер */
    color: #00a760;         /* Фирменный зелюный */
    margin: 1.5em 0 0.5em;
    border-left: 5px solid #2ecc71; /* Добавляем яркую зеленую полосу */
    padding-left: 20px;
}

.post-body h3 {
    font-size: 22px;
    color: #00a760;         /* Более насыщенный, но не черный */
    margin: 1.2em 0 0.4em;
    font-weight: 600;       /* Делаем полужирным */
}

/* --- 2. АДАПТАЦИЯ ТАБЛИЦ: ТЕПЕРЬ ОНИ НЕ ЛОМАЮТСЯ --- */
/* Оборачиваем каждую таблицу в div с этим классом */
.table-responsive {
    width: 100%;
    overflow-x: auto;       /* Включаем горизонтальную прокрутку */
    -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
    margin: 20px 0;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

/* Стили для самой таблицы, чтобы была красивой */
.comparison-table {
    width: 100%;
    min-width: 600px;       /* Минимальная ширина, чтобы не сжималась до "каши" */
    border-collapse: collapse;
    font-size: 15px;
}

.comparison-table th,
.comparison-table td {
    border: 1px solid #ddd;
    padding: 12px 10px;
    text-align: left;
    vertical-align: top;
    background-color: #fff; /* Белый фон для ячеек */
}

.comparison-table th {
    background-color: #1a3c6e;
    color: white;
    font-weight: 600;
}

/* Зебра для строк, чтобы было удобнее читать */
.comparison-table tr:nth-child(even) td {
    background-color: #f8f9fa;
}

/* --- 3. ПРОЧИЕ УЛУЧШЕНИЯ: ВЫДЕЛЯЕМ ВАЖНЫЕ БЛОКИ --- */
/* Выделение важных заметок (советов) */
.tip, .warning {
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 8px;
}
.tip { background-color: #e8f8f0; border-left: 5px solid #2ecc71; }
.warning { background-color: #fff3e0; border-left: 5px solid #ff9800; }

/* Стиль для FAQ-блоков */
.faq-item {
    background: #f9f9f9;
    border-left: 4px solid #3498db;
    margin: 15px 0;
    padding: 15px 20px;
    border-radius: 0 8px 8px 0;
}