ul {
    list-style: none;
}

section {
    text-align: center;
}

section:first-child {
    text-align: unset;
}


/* ================================================== */
/* 0ld styles                                         */
/* ================================================== */
.grid-row .grid-column h2 { /* Target H2s within a grid-column */
    font-family: 'Georgia', serif; /* Mimic the script-like font */
    font-size: 2.2em;
    font-style: italic;
    font-weight: normal; /* Often italic fonts are not bold by default */
    line-height: 1;
    color: #333;
    /* Margin will be set on .grid-row to control space between sections */
    margin-top: 0; /* Reset default h2 margin-top */
    margin-bottom: 1em;
}

/* Styling for individual names within text blocks */
.grid-row .grid-column p {
    font-size: 1.1em;
    margin: 0 0 0.4em 0; /* Reset paragraph margins, add bottom spacing */
    color: #555;
}

/* Outer wrapper for the entire content grid */
.content-grid-wrapper {
    max-width: 1200px; /* Optional: Limit overall content width */
    margin: 0 auto; /* Optional: Center the content */
    padding-left: 1em; /* Overall indent for lists, consistent with the image */
}

/* Each .grid-row acts as its own CSS Grid container */
.grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Default 3 columns for each row */
    gap: 0 4em; /* Column gap between actual content columns */
    margin-bottom: 3em; /* Space between different layout rows (sections) */
}

/* Adjust margin-top for the very first .grid-row to reduce top spacing */
.content-grid-wrapper .grid-row:first-of-type {
    margin-top: 2em;
    margin-bottom: 2em; /* Monitors bottom margin */
}

/* --- Responsive Adjustments --- */

@media (max-width: 900px) {
    .content-grid-wrapper {
        padding-left: 0.5em;
    }

    /* Stack .grid-rows into 2 columns on medium screens */
    .grid-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 2em;
    }
}

@media (max-width: 768px) {
    .content-grid-wrapper {
        padding-left: 0; /* No overall indent on tiny screens */
    }

    /* Stack all .grid-rows into a single column on small screens */
    .grid-row {
        grid-template-columns: 1fr;
        gap: 1.5em 0; /* Vertical gap when stacked */
        margin-bottom: 2.5em; /* Adjust space between rows when stacked */
    }
}