/* Application Portfolio Monitoring - Page Specific Styles */

.section__title {
    text-align: center;
    margin-bottom: var(--spacing-xl);
    color: var(--accent-yellow);
}

.grid--4-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg);
}

@media (max-width: 1024px) {
    .grid--4-col {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hero-content {
        grid-template-columns: 1fr !important;
        text-align: center;
    }
    .grid--4-col {
        grid-template-columns: 1fr;
    }
}