/*
 * OWS Dashboard - public "About the Journal" page.
 */
.ows_about_page {
    max-width: 900px;
    margin: 0 auto;
}

.ows_about_breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #6b7f79;
    margin-bottom: 14px;
}

.ows_about_breadcrumb a {
    color: #17615a;
    text-decoration: none;
}

.ows_about_breadcrumb_sep {
    color: #b8c7c1;
}

.ows_about_title {
    position: relative;
    margin: 0 0 22px;
    padding-bottom: 14px;
    font-size: 28px;
    font-weight: 700;
    color: #0d3b36;
}

.ows_about_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46px;
    height: 3px;
    background: #17615a;
    border-radius: 2px;
}

.ows_about_description {
    line-height: 1.8;
    color: #37473f;
    margin-bottom: 30px;
}

.ows_about_description p {
    margin: 0 0 14px;
}

/* Quick Facts */
.ows_about_quickFacts {
    background: #ffffff;
    border: 1px solid #e5eeea;
    border-radius: 10px;
    padding: 24px 26px;
}

.ows_about_quickFacts_title {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #0d3b36;
}

.ows_about_quickFacts_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 2.5px;
    background: #17615a;
    border-radius: 2px;
}

.ows_about_quickFacts_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 24px;
}

.ows_about_quickFacts_item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ows_about_quickFacts_icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eaf4f0;
    color: #17615a;
}

.ows_about_quickFacts_icon svg {
    width: 18px;
    height: 18px;
}

.ows_about_quickFacts_text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ows_about_quickFacts_label {
    font-size: 12px;
    font-weight: 700;
    color: #0d3b36;
}

.ows_about_quickFacts_value {
    font-size: 12.5px;
    color: #6b7f79;
    word-break: break-word;
}

@media (max-width: 780px) {
    .ows_about_quickFacts_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .ows_about_quickFacts_grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================================================== 
 * 3.10.1148.0 - About the Journal: restrained site-theme palette
 * --------------------------------------------------------------------------
 * Keep the page predominantly neutral/white. Only small accents and subtle
 * borders inherit the journal's active Site Color, so this page follows the
 * theme automatically without becoming visually over-coloured.
 * ========================================================================== */
.ows_about_page {
    --ows-about-accent: var(--ows-primary, #0d918f);
    --ows-about-accent-strong: color-mix(in srgb, var(--ows-about-accent) 86%, #000000 14%);
    --ows-about-accent-soft: color-mix(in srgb, var(--ows-about-accent) 10%, #ffffff 90%);
    --ows-about-border: color-mix(in srgb, var(--ows-about-accent) 18%, #dfe4e8 82%);
    --ows-about-text: #26343d;
    --ows-about-muted: #66757f;
}

/* Main content stays neutral; the site colour is reserved for accents. */
.ows_about_breadcrumb,
.ows_about_description,
.ows_about_quickFacts_value {
    color: var(--ows-about-muted) !important;
}

.ows_about_title,
.ows_about_quickFacts_title,
.ows_about_quickFacts_label {
    color: var(--ows-about-text) !important;
}

.ows_about_breadcrumb a {
    color: var(--ows-about-accent) !important;
}

.ows_about_breadcrumb a:hover,
.ows_about_breadcrumb a:focus {
    color: var(--ows-about-accent-strong) !important;
}

.ows_about_breadcrumb_sep {
    color: #aab4ba !important;
}

/* Short underline accents follow the active journal colour. */
.ows_about_title::after,
.ows_about_quickFacts_title::after {
    background: var(--ows-about-accent) !important;
}

/* Quick Facts remains a white card; only its border and icon chips are themed. */
.ows_about_quickFacts {
    background: #ffffff !important;
    border-color: var(--ows-about-border) !important;
}

.ows_about_quickFacts_icon {
    background: var(--ows-about-accent-soft) !important;
    color: var(--ows-about-accent) !important;
}

/* ========================================================================== 
 * 3.10.1150.0 - About breadcrumb parity with the other public pages
 * --------------------------------------------------------------------------
 * Keep the About page's custom breadcrumb structure, but make its resting
 * appearance match the native breadcrumb used on the rest of the journal:
 * dark Home, muted separator/current page, no chip/background treatment.
 * ========================================================================== */
.ows_about_breadcrumb {
    color: #6f7780 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ows_about_breadcrumb a,
.ows_about_breadcrumb a:visited {
    color: #1f2933 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.ows_about_breadcrumb a:hover,
.ows_about_breadcrumb a:focus {
    color: #1f2933 !important;
    text-decoration: none !important;
}

.ows_about_breadcrumb_sep {
    color: #aeb5bc !important;
}