/* Support page - Force single column layout with maximum specificity */

/* Override the main .features .container grid layout */
.features .container {
    display: block !important;
    grid-template-columns: none !important;
}

/* Each section gets its own container with single column grid */
.features .container section {
    margin-bottom: 80px !important;
}

/* Force single column for all features-grid */
.features-grid,
.support-single-column,
.features .features-grid,
.features .container .features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 24px !important;
    max-width: 650px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Section headers styling */
.section-header {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.section-header h2 {
    font-size: 2rem !important;
    margin-bottom: 16px !important;
    color: var(--text-color) !important;
}

.section-header p {
    color: var(--text-light) !important;
    font-size: 1.1rem !important;
}

/* Feature cards full width */
.features .feature-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 32px !important;
}

/* Override any auto-fit behavior */
@media (min-width: 300px) {
    .features-grid,
    .support-single-column,
    .features .features-grid,
    .features .container .features-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 768px) {
    .features-grid,
    .support-single-column,
    .features .features-grid,
    .features .container .features-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 1024px) {
    .features-grid,
    .support-single-column,
    .features .features-grid,
    .features .container .features-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 1200px) {
    .features-grid,
    .support-single-column,
    .features .features-grid,
    .features .container .features-grid {
        grid-template-columns: 1fr !important;
    }
}