/* ITAICS newsletter index and article styles. */
.itaics-newsletter-index,
.itaics-newsletter-article {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}

.newsletter-hero,
.newsletter-article-hero {
    background: linear-gradient(135deg, #06213d, #0a3a68);
    color: #fff;
    border-radius: 1.25rem;
    padding: 2.25rem;
    margin-bottom: 2rem;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .12);
}

.newsletter-eyebrow {
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .78rem;
    font-weight: 700;
    color: #f2c94c;
    margin-bottom: .65rem;
}

.newsletter-title,
.newsletter-article-title {
    font-weight: 800;
    margin: 0;
}

.newsletter-intro,
.newsletter-article-deck {
    margin-top: .85rem;
    max-width: 920px;
    color: rgba(255,255,255,.9);
    font-size: 1.05rem;
    line-height: 1.65;
}

.newsletter-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
    margin-top: 1rem;
    color: rgba(255,255,255,.84);
    font-size: .95rem;
}

.itaics-card,
.newsletter-card,
.newsletter-article-body {
    background: #fff;
    border: 1px solid rgba(6, 33, 61, .12);
    border-radius: 1rem;
    box-shadow: 0 .75rem 1.8rem rgba(6, 33, 61, .08);
}

.newsletter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

/* Two commentary advertisements per row on desktop/tablet; one per row on phones. */
@media (max-width: 767.98px) {
    .newsletter-grid {
        grid-template-columns: 1fr;
    }
}

.newsletter-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.newsletter-card-accent {
    height: .45rem;
    background: linear-gradient(90deg, #f2c94c, #0a3a68);
}

.newsletter-card-body {
    padding: 1.35rem;
}

.newsletter-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    color: #64748b;
    font-size: .86rem;
    margin-bottom: .85rem;
}

.newsletter-badge,
.newsletter-tag {
    display: inline-block;
    border-radius: 999px;
    font-weight: 700;
}

.newsletter-badge {
    background: #f2c94c;
    color: #0b1f33;
    padding: .25rem .6rem;
}

.newsletter-card-title {
    color: #06213d;
    font-weight: 800;
    margin-bottom: .75rem;
}

.newsletter-card-summary {
    color: #475569;
    line-height: 1.6;
}

.newsletter-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: 1rem 0;
}

.newsletter-tag {
    background: #eef5fb;
    color: #0a3a68;
    padding: .22rem .55rem;
    font-size: .8rem;
}

.newsletter-read-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    width: fit-content;
    margin-top: .25rem;
    background: #f2c94c;
    border: 1px solid #f2c94c;
    color: #0b1f33;
    border-radius: .55rem;
    padding: .65rem 1rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

    .newsletter-read-link:hover,
    .newsletter-read-link:focus {
        background: #d9b13d;
        border-color: #d9b13d;
        color: #0b1f33;
        text-decoration: none;
    }

.btn-itaics {
    background: #f2c94c;
    border-color: #f2c94c;
    color: #0b1f33;
    font-weight: 800;
}

    .btn-itaics:hover,
    .btn-itaics:focus {
        background: #d9b13d;
        border-color: #d9b13d;
        color: #0b1f33;
    }


.commentary-page-nav {
    margin-bottom: 1.25rem;
}

.commentary-back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    background: #f2c94c;
    border: 1px solid #f2c94c;
    color: #0b1f33;
    border-radius: .55rem;
    padding: .65rem 1rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

    .commentary-back-link:hover,
    .commentary-back-link:focus {
        background: #d9b13d;
        border-color: #d9b13d;
        color: #0b1f33;
        text-decoration: none;
    }

.newsletter-article-body {
    padding: 2rem;
}

    .newsletter-article-body h2 {
        color: #06213d;
        font-weight: 800;
        margin-top: 2rem;
        margin-bottom: .85rem;
    }

        .newsletter-article-body h2:first-child {
            margin-top: 0;
        }

    .newsletter-article-body h3 {
        color: #0a3a68;
        font-weight: 800;
        margin-top: 1.6rem;
        margin-bottom: .75rem;
    }

    .newsletter-article-body .article-subtitle {
        font-size: 1.35rem;
        color: #0a3a68;
        margin-top: .25rem;
    }

    .newsletter-article-body p,
    .newsletter-article-body li {
        color: #24364a;
        font-size: 1.03rem;
        line-height: 1.75;
    }

    .newsletter-article-body ul,
    .newsletter-article-body ol {
        padding-left: 1.4rem;
        margin-bottom: 1rem;
    }

.newsletter-article-footer,
.newsletter-footer-note {
    margin-top: 1.5rem;
}

/* Production-style boxed article text container for newsletter commentary pages.
   Keeps the staging hero and yellow navigation buttons intact. */
.commentary-article-body {
    background: #fff;
    border: 1px solid rgba(6, 33, 61, .12);
    border-radius: 1rem;
    box-shadow: 0 .75rem 1.8rem rgba(6, 33, 61, .08);
    padding: 2rem;
    margin-top: 0;
}

    .commentary-article-body hr {
        border: 0;
        border-top: 1px solid rgba(6, 33, 61, .14);
        margin: 2rem 0;
    }

    .commentary-article-body blockquote {
        border-left: .35rem solid #f2c94c;
        background: #f8fafc;
        border-radius: .75rem;
        margin: 1.25rem 0;
        padding: 1rem 1.25rem;
    }

        .commentary-article-body blockquote p:last-child {
            margin-bottom: 0;
        }

@media (max-width: 768px) {
    .newsletter-hero,
    .newsletter-article-hero,
    .newsletter-article-body,
    .commentary-article-body {
        padding: 1.35rem;
    }
}

/* Keep newsletter article media inside the production-style text container. */
.commentary-article-body figure,
.newsletter-article-body figure {
    max-width: 100%;
    margin: 1.75rem auto;
}

.commentary-domain-figure {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(6, 33, 61, .12);
    border-radius: 1rem;
    padding: 1rem;
    box-sizing: border-box;
}

.commentary-figure-link {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

    .commentary-article-body img,
    .newsletter-article-body img,
    .commentary-domain-figure img,
    .commentary-figure-link img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

.commentary-domain-figure figcaption {
    margin-top: .85rem;
    color: #475569;
    font-size: .95rem;
    line-height: 1.6;
}

.commentary-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.commentary-equation {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* HARD FIX: keep the Data Centers figure and all article media inside the article box.
   This is intentionally stronger than the earlier rule to override Bootstrap/theme CSS
   and stale image sizing rules in staging. */
.itaics-commentary-page,
.itaics-commentary-page * {
    box-sizing: border-box;
}

    .itaics-commentary-page .commentary-article-body,
    .itaics-commentary-page .newsletter-article-body {
        max-width: 100%;
        overflow-x: hidden;
    }

        .itaics-commentary-page .commentary-domain-figure,
        .itaics-commentary-page figure.commentary-domain-figure,
        .itaics-commentary-page .commentary-article-body figure,
        .itaics-commentary-page .newsletter-article-body figure {
            display: block;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            margin-left: auto !important;
            margin-right: auto !important;
            overflow: hidden !important;
        }

            .itaics-commentary-page .commentary-figure-link,
            .itaics-commentary-page figure.commentary-domain-figure > a,
            .itaics-commentary-page .commentary-domain-figure a {
                display: block;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                overflow: hidden !important;
            }

                .itaics-commentary-page .commentary-domain-figure img,
                .itaics-commentary-page .commentary-figure-link img,
                .itaics-commentary-page .commentary-article-body figure img,
                .itaics-commentary-page .newsletter-article-body figure img,
                .itaics-commentary-page .commentary-article-body img,
                .itaics-commentary-page .newsletter-article-body img {
                    display: block !important;
                    width: 100% !important;
                    max-width: 100% !important;
                    min-width: 0 !important;
                    height: auto !important;
                    object-fit: contain !important;
                    margin-left: auto !important;
                    margin-right: auto !important;
                }

@media (max-width: 768px) {
    .itaics-commentary-page .commentary-domain-figure {
        padding: .65rem;
        border-radius: .85rem;
    }
}


/* Water-security article and reusable long-form commentary elements. */
.commentary-article-kicker {
    margin: 0 0 1.25rem;
    padding: 1rem 1.25rem;
    border-left: .35rem solid #f2c94c;
    border-radius: .75rem;
    background: #f8fafc;
    color: #24364a;
    font-size: 1.05rem;
    line-height: 1.65;
}

.commentary-pull-quote {
    font-size: 1.08rem;
    font-weight: 700;
    color: #06213d;
}

.commentary-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: #fff;
    color: #24364a;
    font-size: .94rem;
    line-height: 1.5;
}

    .commentary-table th,
    .commentary-table td {
        border: 1px solid rgba(6, 33, 61, .18);
        padding: .8rem .85rem;
        text-align: left;
        vertical-align: top;
    }

    .commentary-table th {
        background: #06213d;
        color: #fff;
        font-weight: 800;
    }

    .commentary-table tbody tr:hover {
        background: #f8fafc;
    }

.commentary-citation {
    color: #0a3a68;
    font-weight: 800;
    text-decoration: none;
}

    .commentary-citation:hover,
    .commentary-citation:focus {
        text-decoration: underline;
    }

.commentary-reference {
    padding-left: 1.5rem;
    text-indent: -1.5rem;
    overflow-wrap: anywhere;
}

    .commentary-reference a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

.commentary-integrity-notice,
.commentary-authorship-notice {
    background: #f8fafc;
    border: 1px solid rgba(6, 33, 61, .14);
    border-radius: .8rem;
    padding: 1.15rem 1.25rem;
    margin-top: 1rem;
}

    .commentary-integrity-notice p:last-child,
    .commentary-authorship-notice p:last-child {
        margin-bottom: 0;
    }

@media (max-width: 767.98px) {
    .commentary-table {
        min-width: 680px;
        font-size: .9rem;
    }
}

/* August 11, 2026 - Functional Criticality commentary components. */
.commentary-question-panel {
    margin: 1.25rem 0;
    padding: 1rem 1.25rem;
    background: #eef5fb;
    border: 1px solid rgba(10, 58, 104, .18);
    border-left: .35rem solid #f2c94c;
    border-radius: .75rem;
    color: #06213d;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.6;
}

.commentary-question-panel-compact {
    font-size: 1rem;
    padding: .85rem 1rem;
}

.commentary-question-secondary {
    display: inline-block;
    margin-top: .35rem;
    font-weight: 700;
    color: #0a3a68;
}

.commentary-definition-panel {
    border-left: .35rem solid #0a3a68 !important;
    background: #f8fafc !important;
}

.commentary-dependency-chain,
.commentary-model-equation {
    margin: 1.25rem 0;
    padding: 1rem 1.25rem;
    background: #06213d;
    color: #fff;
    border-radius: .75rem;
    text-align: center;
    font-weight: 800;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.commentary-dependency-chain {
    font-size: 1rem;
}

.commentary-model-equation {
    font-size: 1.2rem;
    letter-spacing: .015em;
}

.commentary-model-equation-stacked span {
    display: block;
    margin-top: .4rem;
    color: #f2c94c;
    font-size: 1rem;
}

.commentary-comparison-grid,
.commentary-candidate-grid,
.commentary-symbol-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1.25rem 0;
}

    .commentary-comparison-card,
    .commentary-candidate-card,
    .commentary-symbol-grid > div {
        min-width: 0;
        background: #f8fafc;
        border: 1px solid rgba(6, 33, 61, .12);
        border-radius: .8rem;
        padding: 1rem 1.1rem;
    }

        .commentary-comparison-card h3,
        .commentary-candidate-card h3 {
            margin-top: 0;
        }

        .commentary-comparison-card p:last-child,
        .commentary-candidate-card p:last-child {
            margin-bottom: 0;
        }

    .commentary-symbol-grid > div {
        display: flex;
        gap: .8rem;
        align-items: flex-start;
    }

    .commentary-symbol-grid strong {
        flex: 0 0 2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 2rem;
        border-radius: .45rem;
        background: #f2c94c;
        color: #0b1f33;
    }

    .commentary-symbol-grid span {
        color: #24364a;
        line-height: 1.55;
    }

.commentary-time-list {
    columns: 2;
    column-gap: 2rem;
}

@media (max-width: 767.98px) {
    .commentary-comparison-grid,
    .commentary-candidate-grid,
    .commentary-symbol-grid {
        grid-template-columns: 1fr;
    }

    .commentary-time-list {
        columns: 1;
    }

    .commentary-dependency-chain,
    .commentary-model-equation {
        text-align: left;
    }
}


/* August 21, 2026 - Recurring failure and normalization threshold figures. */
.commentary-chart-figure {
    width: 100%;
    max-width: 100%;
    margin: 2rem auto;
    padding: 1rem;
    background: #fff;
    border: 1px solid rgba(6, 33, 61, .14);
    border-radius: 1rem;
    overflow: hidden;
}

.commentary-chart-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
    margin-bottom: .75rem;
}

    .commentary-chart-heading h3 {
        margin: 0;
    }

.commentary-threshold-chart {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.commentary-chart-axis {
    fill: #24364a;
    font-size: 15px;
    font-weight: 800;
}

.commentary-chart-label {
    fill: #06213d;
    font-size: 14px;
    font-weight: 800;
}

.commentary-chart-callout {
    fill: #624b00;
    font-size: 13px;
    font-weight: 800;
}

.commentary-chart-figure figcaption {
    margin-top: 1rem;
    color: #475569;
    font-size: .95rem;
    line-height: 1.65;
}

.commentary-table-compact {
    min-width: 620px;
}

.commentary-references {
    padding-left: 1.6rem;
}

.commentary-references .commentary-reference {
    margin-bottom: .8rem;
}

@media (max-width: 767.98px) {
    .commentary-chart-figure {
        padding: .65rem;
    }

    .commentary-table-compact {
        min-width: 560px;
    }

    .commentary-chart-axis {
        font-size: 17px;
    }

    .commentary-chart-label,
    .commentary-chart-callout {
        font-size: 15px;
    }
}

/* August 28, 2026 - Recurring Failure, Criticality, and Protection publication set. */
.newsletter-series-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem 1rem;
    margin: 0 0 1.25rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(6, 33, 61, .14);
    border-left: .35rem solid #f2c94c;
    border-radius: .8rem;
    background: #f8fafc;
    color: #24364a;
    line-height: 1.55;
}

.newsletter-series-companion-label {
    color: #64748b;
}

.newsletter-card-series,
.newsletter-card-companion {
    position: relative;
}

.newsletter-card-series .newsletter-card-accent {
    background: linear-gradient(90deg, #0a3a68, #f2c94c);
}

.newsletter-card-companion .newsletter-card-accent {
    background: linear-gradient(90deg, #f2c94c, #06213d, #f2c94c);
}

.newsletter-series-sequence {
    margin: -.15rem 0 .55rem;
    color: #0a3a68;
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.4;
}

.commentary-page-nav-split {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.commentary-pdf-link {
    margin-left: auto;
}

.commentary-source-figure {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    overflow: hidden;
}

.itaics-commentary-page .commentary-source-figure img {
    width: 100% !important;
    border-radius: .85rem;
}

.commentary-sequence-arrow {
    margin: -.3rem 0 .35rem;
    color: #0a3a68;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1;
}

@media (max-width: 575.98px) {
    .commentary-page-nav-split {
        align-items: stretch;
    }

    .commentary-page-nav-split .newsletter-read-link {
        width: 100%;
    }

    .commentary-pdf-link {
        margin-left: 0;
    }
}

.commentary-signed-list {
    list-style: none;
    padding-left: 0 !important;
    margin: 1rem 0 1.25rem;
}

.commentary-signed-list li {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    margin-bottom: .35rem;
}

.commentary-signed-list li span {
    flex: 0 0 1rem;
    color: #0a3a68;
    font-weight: 800;
}

.commentary-plus-separator {
    color: #06213d;
}


/* September 3, 2026 - VOSFIT Collaborative Research Program announcement. */
.newsletter-card-collaboration .newsletter-card-accent {
    background: linear-gradient(90deg, #06213d, #f2c94c, #0a3a68);
}

.newsletter-funding-clarification,
.vosfit-funding-notice {
    margin: 1.1rem 0 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(151, 111, 0, .28);
    border-left: .4rem solid #f2c94c;
    border-radius: .8rem;
    background: #fffaf0;
    color: #3c3420;
    line-height: 1.65;
}

.vosfit-funding-notice h2 {
    margin-top: 0 !important;
    color: #624b00 !important;
}

.vosfit-funding-notice p:last-child,
.newsletter-funding-clarification p:last-child {
    margin-bottom: 0;
}

.vosfit-project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1.25rem 0 1.75rem;
}

.vosfit-project-card {
    position: relative;
    min-width: 0;
    padding: 1.15rem 1.2rem 1.15rem 4.2rem;
    border: 1px solid rgba(6, 33, 61, .12);
    border-radius: .85rem;
    background: #f8fafc;
}

.vosfit-project-card h3 {
    margin-top: 0 !important;
    margin-bottom: .45rem !important;
}

.vosfit-project-card p:last-child {
    margin-bottom: 0;
}

.vosfit-project-number {
    position: absolute;
    top: 1.15rem;
    left: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: #06213d;
    color: #f2c94c;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.vosfit-collaboration-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 2rem;
    padding: 1.4rem 1.5rem;
    border: 1px solid rgba(6, 33, 61, .14);
    border-radius: 1rem;
    background: #eef5fb;
}

.vosfit-collaboration-cta h2 {
    margin-top: .15rem !important;
}

.vosfit-collaboration-cta p:last-child {
    margin-bottom: 0;
}

.vosfit-collaboration-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .65rem;
}

@media (max-width: 767.98px) {
    .vosfit-project-grid {
        grid-template-columns: 1fr;
    }

    .vosfit-collaboration-cta {
        align-items: stretch;
        flex-direction: column;
    }

    .vosfit-collaboration-actions {
        width: 100%;
        flex-direction: column;
    }

    .vosfit-collaboration-actions .btn {
        width: 100%;
    }
}


/* September 3, 2026 - Button contrast hardening for VOSFIT discoverability.
   Some site/theme rules can override Bootstrap button text colors. Force
   accessible contrast on dark buttons in the newsletter and VOSFIT cards. */
.itaics-newsletter-index .btn-dark,
.itaics-newsletter-index .btn-dark:link,
.itaics-newsletter-index .btn-dark:visited,
.itaics-newsletter-index .btn-dark:hover,
.itaics-newsletter-index .btn-dark:focus,
.itaics-newsletter-index .btn-dark:active {
    color: #ffffff !important;
}

.vosfit-research-opportunity .vosfit-primary-button,
.vosfit-research-opportunity .vosfit-primary-button:link,
.vosfit-research-opportunity .vosfit-primary-button:visited {
    background: #06213d !important;
    border: 1px solid #06213d !important;
    color: #ffffff !important;
    font-weight: 800;
}

.vosfit-research-opportunity .vosfit-primary-button:hover,
.vosfit-research-opportunity .vosfit-primary-button:focus,
.vosfit-research-opportunity .vosfit-primary-button:active {
    background: #0a3a68 !important;
    border-color: #0a3a68 !important;
    color: #ffffff !important;
}

.vosfit-research-opportunity .vosfit-primary-button *,
.itaics-newsletter-index .btn-dark * {
    color: inherit !important;
}

/* September 4, 2026 - Paired resilience commentaries: strategic attention + system of systems. */
.newsletter-paired-analysis .newsletter-section-heading {
    display: grid;
    gap: .5rem;
}

.newsletter-pair-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem 1rem;
    margin: 0 0 1.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(6, 33, 61, .14);
    border-left: .4rem solid #f2c94c;
    border-radius: .85rem;
    background: #eef5fb;
    color: #24364a;
    line-height: 1.6;
}

.newsletter-card-paired .newsletter-card-accent {
    background: linear-gradient(90deg, #f2c94c, #0a3a68);
}

.newsletter-card-paired-systems .newsletter-card-accent {
    background: linear-gradient(90deg, #0a3a68, #f2c94c);
}

.commentary-companion-link,
.commentary-companion-link:link,
.commentary-companion-link:visited {
    background: #fff;
    border: 1px solid #0a3a68;
    color: #0a3a68;
    font-weight: 800;
    text-decoration: none;
}

.commentary-companion-link:hover,
.commentary-companion-link:focus,
.commentary-companion-link:active {
    background: #eef5fb;
    border-color: #06213d;
    color: #06213d;
    text-decoration: none;
}

.commentary-companion-panel {
    margin-top: 2rem;
    align-items: center;
}

.commentary-companion-panel .btn {
    margin-left: auto;
    flex: 0 0 auto;
}

.commentary-figure-badge {
    display: inline-flex;
    align-items: center;
    margin: 0 0 .85rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: #fff3cd;
    border: 1px solid rgba(151, 111, 0, .25);
    color: #624b00;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.35;
}

.commentary-model-equation sub,
.commentary-model-equation sup {
    line-height: 0;
}

@media (max-width: 767.98px) {
    .commentary-companion-panel {
        align-items: stretch;
        flex-direction: column;
    }

    .commentary-companion-panel .btn {
        width: 100%;
        margin-left: 0;
    }

    .commentary-page-nav-split .commentary-companion-link {
        width: 100%;
    }
}

/* September 11, 2026 - Eric Burnett OT commentary and remembrance presentation. */
.newsletter-grid-featured {
    grid-template-columns: minmax(0, 1fr);
}

.newsletter-card-featured .newsletter-card-accent {
    background: linear-gradient(90deg, #06213d, #f2c94c, #0a3a68);
}

.commentary-remembrance {
    margin: 2.25rem 0;
    padding: 1.35rem 1.5rem;
    border: 1px solid rgba(6, 33, 61, .14);
    border-left: .4rem solid #f2c94c;
    border-radius: .85rem;
    background: #f8fafc;
}

.commentary-remembrance-kicker {
    margin-bottom: .4rem;
    color: #624b00;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.commentary-remembrance h2 {
    margin-top: 0 !important;
    margin-bottom: .9rem !important;
}

.commentary-remembrance p {
    color: #24364a;
}

.commentary-remembrance-closing {
    margin-bottom: 0;
    font-weight: 700;
}

.commentary-author-bio {
    margin-top: 2rem;
    padding-top: .25rem;
}

.commentary-author-bio h2 {
    margin-top: 0 !important;
}

.commentary-author-bio p:last-child {
    margin-bottom: 0;
}


/* September 10, 2026 - Newsletter contributor biography modal. */
.newsletter-author-trigger {
    appearance: none;
    border: 0;
    border-radius: .25rem;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #0a3a68;
    font: inherit;
    font-weight: 800;
    line-height: inherit;
    text-decoration: underline;
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
    cursor: pointer;
}

.newsletter-author-trigger:hover,
.newsletter-author-trigger:focus {
    color: #06213d;
}

.newsletter-author-trigger:focus-visible {
    outline: 3px solid #a66b00;
    outline-offset: 3px;
}

.newsletter-author-modal-header {
    border-bottom: 0;
    background: linear-gradient(135deg, #06213d, #0a3a68);
    color: #ffffff;
}

.newsletter-author-modal-kicker {
    margin-bottom: .25rem;
    color: #f2c94c;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.newsletter-author-modal-role {
    color: rgba(255,255,255,.82);
    font-size: .93rem;
}

.newsletter-author-profile {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    gap: 1.75rem;
    align-items: start;
}

.newsletter-author-photo-frame {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid rgba(6, 33, 61, .14);
    border-radius: 1rem;
    background: #eef5fb;
    box-shadow: 0 .75rem 1.8rem rgba(6, 33, 61, .08);
}

.newsletter-author-photo-object {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsletter-author-photo-object img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsletter-author-photo-fallback {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 1rem;
    background: linear-gradient(135deg, #eef5fb, #dbeaf6);
    color: #06213d;
    text-align: center;
}

.newsletter-author-photo-fallback > span {
    display: inline-flex;
    width: 5.25rem;
    height: 5.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #06213d;
    color: #f2c94c;
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.newsletter-author-photo-fallback small,
.newsletter-author-photo-note {
    color: #64748b;
    font-size: .82rem;
    line-height: 1.45;
}

.newsletter-author-photo-note {
    margin-top: .7rem;
    text-align: center;
}

.newsletter-author-biography p {
    color: #24364a;
    line-height: 1.72;
}

.newsletter-author-focus {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: 1.1rem 0;
}

.newsletter-author-focus span {
    display: inline-block;
    border-radius: 999px;
    background: #eef5fb;
    color: #0a3a68;
    padding: .3rem .65rem;
    font-size: .8rem;
    font-weight: 800;
}

.newsletter-author-source-note {
    margin-top: 1rem;
    padding: .9rem 1rem;
    border-left: .35rem solid #f2c94c;
    border-radius: .65rem;
    background: #f8fafc;
    color: #475569;
    font-size: .88rem;
    line-height: 1.6;
}

.newsletter-author-links {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.15rem;
}

@media (max-width: 767.98px) {
    .newsletter-author-profile {
        grid-template-columns: 1fr;
    }

    .newsletter-author-photo-frame {
        width: min(240px, 100%);
        margin-inline: auto;
    }
}


/* September 10, 2026 - Author and institutional biography profiles. */
.commentary-author-link {
    color: inherit;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
}

.commentary-author-link:hover,
.commentary-author-link:focus {
    color: #0a3a68;
}

.commentary-author-link:focus-visible {
    outline: 3px solid #a66b00;
    outline-offset: 3px;
    border-radius: .2rem;
}

.commentary-author-profile-card {
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
    margin: 2.25rem 0;
    padding: 1.35rem;
    border: 1px solid rgba(6, 33, 61, .14);
    border-radius: 1rem;
    background: #f8fafc;
    box-shadow: 0 .65rem 1.6rem rgba(6, 33, 61, .06);
}

.commentary-profile-media {
    width: 100%;
}

.commentary-profile-photo {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: .9rem;
    border: 1px solid rgba(6, 33, 61, .12);
    background: #eef5fb;
}

.commentary-profile-logo-media {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: 1px solid rgba(6, 33, 61, .12);
    border-radius: .9rem;
    background: #ffffff;
}

.commentary-profile-logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 180px;
    object-fit: contain;
}

.commentary-profile-kicker {
    margin-bottom: .3rem;
    color: #0a3a68;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.commentary-profile-copy h2 {
    margin-top: 0 !important;
    margin-bottom: .65rem;
}

.commentary-profile-copy p {
    color: #24364a;
    line-height: 1.72;
}

.commentary-profile-role {
    margin-bottom: 1rem;
    color: #334155 !important;
}

.commentary-profile-link-row {
    margin-top: 1rem;
}

.newsletter-author-logo-frame {
    display: flex;
    width: 100%;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 1rem;
    border: 1px solid rgba(6, 33, 61, .14);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 .75rem 1.8rem rgba(6, 33, 61, .08);
}

.newsletter-author-logo-object {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 767.98px) {
    .commentary-author-profile-card {
        grid-template-columns: 1fr;
    }

    .commentary-profile-media,
    .commentary-profile-logo-media {
        width: min(240px, 100%);
        margin-inline: auto;
    }

    .newsletter-author-logo-frame {
        width: min(260px, 100%);
        margin-inline: auto;
    }
}

/* September 10, 2026 - Author-name contrast correction.
   Explicit foreground/background values prevent author names from inheriting
   low-contrast colors from newsletter cards, metadata rows, or hero panels. */
.newsletter-author-trigger,
.commentary-author-link {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    border: 1px solid rgba(10, 58, 104, .18);
    border-radius: 999px;
    padding: .22rem .62rem;
    background: #eef5fb;
    color: #06213d !important;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
}

.newsletter-author-trigger:hover,
.newsletter-author-trigger:focus,
.commentary-author-link:hover,
.commentary-author-link:focus {
    background: #dbeaf6;
    color: #04182e !important;
    border-color: rgba(10, 58, 104, .28);
    text-decoration: none;
}

.newsletter-author-trigger:focus-visible,
.commentary-author-link:focus-visible {
    outline: 3px solid #a66b00;
    outline-offset: 3px;
}

/* Author names inside dark newsletter/article hero panels. */
.newsletter-hero .newsletter-author-trigger,
.newsletter-article-hero .newsletter-author-trigger,
.newsletter-article-meta .commentary-author-link,
.newsletter-article-meta .newsletter-author-trigger {
    background: rgba(255, 255, 255, .14);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .28);
}

.newsletter-hero .newsletter-author-trigger:hover,
.newsletter-hero .newsletter-author-trigger:focus,
.newsletter-article-hero .newsletter-author-trigger:hover,
.newsletter-article-hero .newsletter-author-trigger:focus,
.newsletter-article-meta .commentary-author-link:hover,
.newsletter-article-meta .commentary-author-link:focus,
.newsletter-article-meta .newsletter-author-trigger:hover,
.newsletter-article-meta .newsletter-author-trigger:focus {
    background: rgba(255, 255, 255, .24);
    color: #f2c94c !important;
    border-color: rgba(255, 255, 255, .42);
}

/* Author/institution names inside light card metadata rows. */
.newsletter-card-meta .newsletter-author-trigger,
.newsletter-card-meta .commentary-author-link {
    background: #eef5fb;
    color: #06213d !important;
    border-color: rgba(10, 58, 104, .18);
}

.newsletter-card-meta .newsletter-author-trigger:hover,
.newsletter-card-meta .newsletter-author-trigger:focus,
.newsletter-card-meta .commentary-author-link:hover,
.newsletter-card-meta .commentary-author-link:focus {
    background: #dbeaf6;
    color: #04182e !important;
}