.about-editor-page {
    margin: 0 auto;
    max-width: 1200px;
    padding: clamp(1.25rem, 3vw, 3rem) 1rem;
}

.about-editor-page__header {
    margin-bottom: 1.5rem;
    text-align: center;
}

.about-section-grid {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: center;
}

.about-section {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--about-card-text, #263c54);
    display: flex;
    flex: 0 1 calc(var(--about-section-width, 100%) - 1.25rem);
    gap: 1.25rem;
    max-width: 100%;
    overflow: visible;
    padding: clamp(1rem, 2.5vw, 2rem);
}

.about-section--text-navy {
    --about-card-text: #263c54;
}

.about-section--text-black {
    --about-card-text: #111111;
}

.about-section--text-white {
    --about-card-text: #ffffff;
}

.about-section--text-cream {
    --about-card-text: #fffdf0;
}

.about-section--text-blue {
    --about-card-text: #214f97;
}

.about-section--text-brown {
    --about-card-text: #6f4e16;
}

.about-section--text-gold {
    --about-card-text: #e0ad31;
}

.about-section--text-deep_gold {
    --about-card-text: #b87e0f;
}

/* Section font choices use browser-safe fallback stacks. */
.about-section--heading-font-default {
    --about-heading-font: inherit;
}

.about-section--heading-font-georgia {
    --about-heading-font: Georgia, "Times New Roman", serif;
}

.about-section--heading-font-palatino {
    --about-heading-font: "Palatino Linotype", Palatino, Georgia, serif;
}

.about-section--heading-font-times {
    --about-heading-font: "Times New Roman", Times, serif;
}

.about-section--heading-font-arial {
    --about-heading-font: Arial, Helvetica, sans-serif;
}

.about-section--heading-font-trebuchet {
    --about-heading-font: "Trebuchet MS", Arial, sans-serif;
}

.about-section--heading-font-verdana {
    --about-heading-font: Verdana, Geneva, sans-serif;
}

.about-section--heading-font-courier {
    --about-heading-font: "Courier New", Courier, monospace;
}

.about-section--body-font-default {
    --about-body-font: inherit;
}

.about-section--body-font-georgia {
    --about-body-font: Georgia, "Times New Roman", serif;
}

.about-section--body-font-palatino {
    --about-body-font: "Palatino Linotype", Palatino, Georgia, serif;
}

.about-section--body-font-times {
    --about-body-font: "Times New Roman", Times, serif;
}

.about-section--body-font-arial {
    --about-body-font: Arial, Helvetica, sans-serif;
}

.about-section--body-font-trebuchet {
    --about-body-font: "Trebuchet MS", Arial, sans-serif;
}

.about-section--body-font-verdana {
    --about-body-font: Verdana, Geneva, sans-serif;
}

.about-section--body-font-courier {
    --about-body-font: "Courier New", Courier, monospace;
}

.about-section__text h2,
.about-section__text p,
.about-section__text li,
.about-section__text strong,
.about-section__text em,
.about-section__text a {
    color: inherit;
}

.about-section__text a {
    text-decoration-thickness: 0.12em;
    text-underline-offset: 0.16em;
}

.about-section__text a:hover,
.about-section__text a:focus-visible {
    opacity: 0.78;
}

.about-section--picture-right {
    flex-direction: row-reverse;
}

.about-section--picture-top,
.about-section--image {
    flex-direction: column;
}

.about-section--picture-top .about-section__picture,
.about-section--image .about-section__picture {
    align-self: center;
    flex-basis: auto;
    max-width: 100%;
    width: var(--about-picture-width, 50%);
}

.about-section__picture {
    flex: 0 1 var(--about-picture-width, 50%);
    min-width: 0;
}

.about-section__picture img {
    border-radius: 0.8rem;
    display: block;
    height: auto;
    max-height: 580px;
    object-fit: cover;
    width: 100%;
}

.about-section__text {
    flex: 1 1 0;
    font-family: var(--about-body-font, inherit);
    min-width: 0;
}

.about-section__text h2 {
    font-family: var(--about-heading-font, inherit);
    margin-top: 0;
}

.about-section--empty {
    display: block;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 760px) {
    .about-section {
        flex-basis: 100%;
        flex-direction: column;
    }

    .about-section__picture {
        flex-basis: auto;
        width: 100%;
    }
}


.about-section--impact {
    flex-basis: 100%;
    width: 100%;
}

.impact-about-summary {
    text-align: center;
    width: 100%;
}

.impact-about-summary__numbers {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
    margin: 1rem 0;
}

.impact-about-summary__numbers div {
    border-bottom: 3px solid #e0ad31;
    padding: 0.65rem;
}

.impact-about-summary__numbers dt {
    font-weight: 700;
}

.impact-about-summary__numbers dd {
    color: #214f97;
    font-size: 1.8rem;
    font-weight: 900;
    margin: 0.2rem 0 0;
}

.impact-about-summary__button {
    display: inline-flex;
    margin-top: 0.5rem;
}