/* Main Content Styles */
    .site-main {
        font-family: var(--font-inter);
        color: var(--color-gray-300);
        line-height: 1.6;
        padding: var(--padding-6xl) var(--padding-base);
        max-width: 1200px;
        margin: 0 auto;
        background-color: var(--color-white);
    }

    /* Typography */
    .site-main h1,
    .site-main h2,
    .site-main h3,
    .site-main h4,
    .site-main h5,
    .site-main h6 {
        color: var(--color-teal);
        margin-top: var(--gap-xl);
        margin-bottom: var(--padding-sm);
        font-weight: 600;
    }

    .site-main h1 {
        font-size: var(--font-size-3xl-5);
        border-bottom: 2px solid var(--color-teal);
        padding-bottom: var(--padding-5xs);
    }

    .site-main h2 {
        font-size: var(--font-size-2xl-9);
    }

    .site-main h3 {
        font-size: var(--font-size-xl-6);
    }

    .site-main p {
        margin-bottom: var(--padding-sm);
        font-size: var(--font-size-base);
    }

    /* Links */
    .site-main a {
        color: var(--color-teal);
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .site-main a:hover {
        color: var(--color-emerald);
        text-decoration: underline;
    }

    /* Lists */
    .site-main ul,
    .site-main ol {
        margin-bottom: var(--padding-sm);
        padding-left: var(--padding-6xl);
    }

    .site-main li {
        margin-bottom: var(--padding-5xs);
    }

    /* Images */
    .site-main img {
        max-width: 100%;
        height: auto;
        border-radius: var(--br-10xs);
        margin: var(--padding-sm) 0;
    }

    /* Tables */
    .site-main table {
        width: 100%;
        border-collapse: collapse;
        margin: var(--padding-sm) 0;
    }

    .site-main th,
    .site-main td {
        padding: var(--padding-5xs);
        border: 1px solid var(--color-silver);
    }

    .site-main th {
        background-color: var(--color-teal);
        color: var(--color-white);
    }

    .site-main tr:nth-child(even) {
        background-color: var(--color-whitesmoke);
    }

    /* Buttons */
    .site-main .button,
    .site-main button,
    .site-main input[type="submit"] {
        background-color: var(--color-teal);
        color: var(--color-white);
        border: none;
        padding: var(--padding-5xs) var(--padding-sm);
        border-radius: var(--br-10xs);
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-size: var(--font-size-base);
    }

    .site-main .button:hover,
    .site-main button:hover,
    .site-main input[type="submit"]:hover {
        background-color: var(--color-emerald);
    }

    /* Forms */
    .site-main input[type="text"],
    .site-main input[type="email"],
    .site-main input[type="password"],
    .site-main textarea,
    .site-main select {
        width: 100%;
        padding: var(--padding-5xs);
        margin-bottom: var(--padding-sm);
        border: 1px solid var(--color-silver);
        border-radius: var(--br-10xs);
        font-size: var(--font-size-base);
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .site-main {
            padding: var(--padding-sm);
        }
        
        .site-main h1 {
            font-size: var(--font-size-2xl-9);
        }
        
        .site-main h2 {
            font-size: var(--font-size-xl-6);
        }
    }