/* Mechanics page specific styles */
.section {
    margin-bottom: var(--spacing-12);
    padding: var(--spacing-6);
    background-color: var(--color-gray-900);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.section-image {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    margin: var(--spacing-4) 0;
}

.lead {
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-8);
    color: var(--color-primary-light);
}

h1 {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-4);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .section {
        padding: var(--spacing-4);
    }
}