/* ============================================= */
/* === Basic Resets & Global Styles          === */
/* ============================================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.6;
    color: #333; /* Default text color for the page */
}

.container {
    width: 90%;
    max-width: 1100px; /* Common max-width for content sections */
    margin: 0 auto;    /* Centers the container on the page */
}

a {
    text-decoration: none; /* Remove default underline from links */
    color: inherit;       /* Links inherit text color from their parent */
}

ul {
    list-style: none; /* Remove default bullet points from lists */
}

img { /* Basic responsive image styling */
    max-width: 100%; /* Ensures images don't overflow their containers */
    height: auto;    /* Maintains aspect ratio */
    display: block;  /* Removes extra space below images if they are inline */
}

/* General Responsive Adjustments from the original file that might be considered global or general utilities */
/* If there are any truly global responsive adjustments that don't fit specific sections,
   they could be placed here or in a separate responsive.css.
   For now, most responsive rules are co-located with their sections. */

/* Tablet Specific Adjustments (max-width: 992px) that might be global */
@media (max-width: 992px) {
    /* Example: if you had general font size adjustments for tablets */
}

/* Mobile Specific Adjustments (max-width: 768px) that might be global */
@media (max-width: 768px) {
    /* Example: if you had general layout changes for mobile */
}