/* Styles specific to vclms.html */

/* Page Hero styles are in index.css as .page-hero */

/* Additional specific styling for content sections if needed */
.page-content-section .container {
    max-width: var(--container-max-width);
    margin: 0 auto;
}

.page-content-section address {
    margin-top: 1rem;
}

.page-content-section address i {
    margin-right: 0.5rem;
    color: var(--accent-color);
    width: 20px; /* Align icons nicely */
    text-align: center;
}

.profile-card img { 
    width: 150px; 
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 1rem;
    border: 3px solid var(--accent-color);
}


/* Responsive adjustments specific to this page, if any, beyond global styles */
@media (max-width: 768px) {
    .page-content-section .content-grid.two-cols,
    .page-content-section .content-grid.three-cols {
        grid-template-columns: 1fr; /* Stack columns on mobile */
    }
    
    .page-content-section .content-grid div img[alt*="Village Courts"],
    .page-content-section .content-grid div img[alt*="VCLMS Office"] {
        margin-top: 1rem; /* Add space if image is below text on mobile */
    }
}