/* === ABOUT PAGE: SCHOLARLY SECTIONS === */

/* Typography & base layout */
body {
    color: #1a1a1a;
}

/* Each section (inner Group) */
.wp-block-group > .wp-block-group {
    position: relative;
    padding: 2.5rem 2rem 2.5rem 2.5rem;
    margin-bottom: 3rem;
    border-left: 4px solid #00274C;
    background-color: #ffffff;
    /*border-radius: 0.25rem;*/
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

/* Alternate background for rhythm */
.wp-block-group > .wp-block-group:nth-of-type(even) {
    background-color: #f9fafc;
}

/* Section headings */
.wp-block-group h2 {
    color: #00274C;
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
    border-bottom: 2px solid #FFCB05;
    display: inline-block;
    padding-bottom: 0.25rem;
}

/* Paragraphs */
.wp-block-paragraph {
    color: #2b2b2b;
    margin-bottom: 1rem;
    max-width: 70ch;
    font-size: 1.05rem;
}

/* Lists */
.wp-block-list {
    list-style: none;
    padding-left: 0;
    margin-top: 1rem;
    margin-bottom: 0;
}
.wp-block-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.4rem;
    color: #2b2b2b;
}
.wp-block-list li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: #00274C;
    font-weight: 600;
}

/* Focus outlines for accessibility */
.wp-block-group > .wp-block-group:focus-within {
    outline: 3px solid #FFCB05;
    outline-offset: 4px;
}

/* Academic feel: no hover motion, just clarity */
.wp-block-group > .wp-block-group:hover {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Subtle print-like margin rhythm */
.wp-block-group h2,
.wp-block-paragraph,
.wp-block-list {
    margin-top: 0.5rem;
}

/* Responsive refinement */
@media (max-width: 768px) {
    .wp-block-group > .wp-block-group {
        padding: 1.75rem 1.25rem 1.75rem 1.5rem;
        margin-bottom: 2rem;
    }
    .wp-block-group h2 {
        font-size: 1.4rem;
    }
}


/*Optional*/
.wp-block-group > .wp-block-group:nth-of-type(even) {
    background-color: #fdfdfd;
    border-left-color: #FFCB05;
}