/* Fix для зеленой заливки в CTA секции и расположения элементов в tips-grid */
.white-background {
    background-color: white !important;
    background: white !important;
    background-image: none !important;
}

[data-theme="dark"] .white-background {
    background-color: #1e1e2f !important;
    background: #1e1e2f !important;
    background-image: none !important;
}
.tutorial-content .cta-section {
    background-color: white !important;
    background: white !important;
    background-image: none !important;
}

[data-theme="dark"] .tutorial-content .cta-section {
    background-color: #1e1e2f !important;
    background: #1e1e2f !important;
    background-image: none !important;
}

/* Принудительное расположение элементов 2x2 в секции полезных советов */
.tips-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--spacing-lg) !important;
    margin-top: var(--spacing-lg) !important;
}

/* Сохраняем 2х2 даже на планшетах и мобильных устройствах */
@media (max-width: 768px) {
    .tips-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .tips-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}