/*
  main.css: This stylesheet contains component-specific and page-specific
  styles that should be loaded *after* index.css.
*/

/* === GLOBAL RULES FOR CONSISTENT SPACING & CONTENT ALIGNMENT === */

/* Generic Section Padding and Centering */
.section {
    padding: var(--padding-lg) var(--padding); 
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}