.article-reader-main--frontier {
    max-width: 900px;
}

.frontier-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.frontier-hero-pill {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid rgba(0, 102, 204, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: #17476d;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
}

.frontier-hero-pill--primary {
    border-color: rgba(0, 74, 153, .26);
    background: #eaf5ff;
    color: #004a99;
}

.frontier-brief-summary {
    margin: 0 0 34px;
    padding: 28px;
    border: 1px solid #cfe8ff;
    border-radius: 22px;
    background: linear-gradient(135deg, #f2fbff, #ffffff);
    box-shadow: 0 20px 50px rgba(0, 102, 204, .08);
}

.frontier-brief-summary__label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #0066cc;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.frontier-brief-summary__label::before {
    content: "";
    width: 34px;
    height: 1px;
    background: currentColor;
}

.frontier-brief-summary__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.frontier-brief-summary__item {
    padding: 18px;
    border: 1px solid #dbefff;
    border-radius: 16px;
    background: rgba(255,255,255,.86);
}

.frontier-brief-summary__item strong {
    display: block;
    margin-bottom: 8px;
    color: #08213f;
    font-size: 15px;
}

.frontier-brief-summary__item p {
    margin: 0;
    color: #52687f;
    font-size: 14px;
    line-height: 1.75;
}

.frontier-section-heading {
    margin-bottom: 18px;
}

.frontier-section-heading span {
    display: inline-flex;
    margin-bottom: 7px;
    color: #0066cc;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.frontier-section-heading h2 {
    margin: 0;
    color: #08213f;
    font-size: 24px;
    line-height: 1.35;
}

.frontier-research-overview {
    margin: 0 0 34px;
    padding: 28px;
    border: 1px solid #d8e8f7;
    border-radius: 22px;
    background: linear-gradient(135deg, #f5fbff 0%, #ffffff 72%);
    box-shadow: 0 18px 46px rgba(9, 58, 104, .08);
}

.frontier-research-overview dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}

.frontier-research-overview dl > div {
    min-width: 0;
    padding: 16px;
    border: 1px solid #e2eef8;
    border-radius: 16px;
    background: rgba(255, 255, 255, .86);
}

.frontier-research-overview dt {
    margin-bottom: 7px;
    color: #64748b;
    font-size: 12px;
    font-weight: 850;
}

.frontier-research-overview dd {
    margin: 0;
    color: #102a45;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.frontier-section-card,
.frontier-note-card,
.frontier-faq,
.frontier-source-box,
.frontier-disclaimer {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.frontier-research-overview a,
.frontier-source-box a {
    color: #005eb8;
    text-decoration: none;
}

.frontier-research-overview a:hover,
.frontier-source-box a:hover {
    text-decoration: underline;
}

.frontier-section-card {
    margin: 30px 0;
    padding: 24px 26px;
    border: 1px solid #e1edf8;
    border-left: 4px solid #0066cc;
    border-radius: 18px;
    background: #fbfdff;
    box-shadow: 0 14px 34px rgba(15, 74, 122, .06);
}

.frontier-section-card h2 {
    margin: 0 0 12px;
    color: #08213f;
    font-size: 22px;
    line-height: 1.35;
}

.frontier-section-card p,
.frontier-medical-notes p,
.frontier-faq p,
.frontier-disclaimer p {
    margin: 0;
    color: #243d56;
    line-height: 1.85;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.frontier-section-card--key {
    border-left-color: #004a99;
    background: #f2f8ff;
}

.frontier-section-card--not-mean {
    border-left-color: #7894b0;
    background: #f8fbfe;
}

.frontier-section-card--meaning {
    border-left-color: #0f8f7a;
    background: #f2fbf8;
}

.frontier-section-card--limitations {
    border-left-color: #f59e0b;
    background: #fffaf0;
}

.frontier-section-card--audience {
    border-left-color: #4f77aa;
    background: #f8fbff;
}

.frontier-medical-notes {
    margin: 32px 0;
}

.frontier-note-card {
    position: relative;
    margin-top: 16px;
    padding: 22px 24px 22px 58px;
    border-radius: 18px;
}

.frontier-note-card::before {
    position: absolute;
    left: 22px;
    top: 23px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.frontier-note-card h3 {
    margin: 0 0 10px;
    color: #08213f;
    font-size: 18px;
    line-height: 1.35;
}

.frontier-note-card--medical {
    border: 1px solid #cfe8ff;
    border-left: 5px solid #2a8cff;
    background: #f1f8ff;
}

.frontier-note-card--medical::before {
    content: "i";
    background: #d7ecff;
    color: #005eaf;
}

.frontier-note-card--risk {
    border: 1px solid #ffd99a;
    border-left: 5px solid #f59e0b;
    background: #fff8e8;
}

.frontier-note-card--risk::before {
    content: "!";
    background: #ffe3ad;
    color: #b45309;
}

.frontier-faq {
    margin: 34px 0;
    padding: 26px;
    border: 1px solid #dce9f5;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 14px 36px rgba(15, 74, 122, .05);
}

.frontier-faq details {
    border-top: 1px solid #e6eef7;
    padding: 16px 0;
}

.frontier-faq details:first-of-type {
    border-top: 0;
}

.frontier-faq summary {
    cursor: pointer;
    color: #08213f;
    font-weight: 850;
    line-height: 1.55;
}

.frontier-faq details[open] summary {
    margin-bottom: 10px;
}

.article-reader-main--frontier .article-reader-body {
    color: #183049;
    line-height: 1.94;
}

.article-reader-main--frontier .article-reader-body p {
    margin-bottom: 1.7em;
}

.frontier-audit-heading {
    margin: 2.6em 0 1.05em !important;
    padding: 16px 18px 16px 20px;
    border-left: 4px solid #0066cc !important;
    border-radius: 0 12px 12px 0;
    background: #f3f8fe;
    color: #06284b;
    box-shadow: inset 0 0 0 1px rgba(0, 102, 204, .06);
}

.frontier-term {
    color: #063f78;
    font-weight: 850;
    letter-spacing: .01em;
}

.frontier-mechanism-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 28px 0 34px;
    padding: 16px;
    border: 1px solid #e1edf8;
    border-radius: 18px;
    background: #f6f9fd;
}

.frontier-mechanism-flow span {
    min-height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 18px;
    border: 1px solid #c8def2;
    border-radius: 14px;
    background: #ffffff;
    color: #08213f;
    font-size: 15px;
    font-weight: 850;
    text-align: center;
    box-shadow: 0 14px 34px rgba(0, 102, 204, .08);
}

.frontier-mechanism-flow i {
    color: #0066cc;
    font-size: 15px;
}

.frontier-callout {
    position: relative;
    margin: 30px 0;
    padding: 22px 24px 22px 58px;
    border-radius: 18px;
}

.frontier-callout::before {
    position: absolute;
    left: 22px;
    top: 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.frontier-callout h2,
.frontier-callout h3,
.frontier-callout h4 {
    margin-top: 0;
}

.frontier-callout > :last-child {
    margin-bottom: 0;
}

.frontier-callout--note {
    border: 1px solid #cfe8ff;
    border-left: 5px solid #2a8cff;
    background: #f1f8ff;
}

.frontier-callout--note::before {
    content: "i";
    background: #d7ecff;
    color: #005eaf;
}

.frontier-callout--warning {
    border: 1px solid #ffd99a;
    border-left: 5px solid #f59e0b;
    background: #fff8e8;
}

.frontier-callout--warning::before {
    content: "!";
    background: #ffe3ad;
    color: #b45309;
}

.frontier-source-box {
    margin: 34px 0;
    padding: 24px;
    border: 1px solid #e0edf9;
    border-left: 4px solid #0066cc;
    border-radius: 18px;
    background: #fbfdff;
}

.frontier-source-box dl {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 10px 16px;
    margin: 0;
}

.frontier-source-box dt {
    color: #64748b;
    font-weight: 800;
}

.frontier-source-box dd {
    margin: 0;
    color: #122844;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.frontier-disclaimer {
    margin: 36px 0 20px;
    padding: 20px 22px;
    border: 1px solid #d7e7f5;
    border-radius: 16px;
    background: #f7fbff;
    color: #28445e;
}

.frontier-disclaimer strong {
    display: block;
    margin-bottom: 8px;
    color: #0b3159;
    font-size: 15px;
}

@media (max-width: 767.98px) {
    .frontier-brief-summary,
    .frontier-research-overview,
    .frontier-faq,
    .frontier-source-box {
        padding: 20px;
        border-radius: 18px;
    }

    .frontier-brief-summary__grid,
    .frontier-research-overview dl {
        grid-template-columns: 1fr;
    }

    .frontier-section-heading h2 {
        font-size: 21px;
    }

    .frontier-section-card {
        padding: 21px 20px;
    }

    .frontier-audit-heading {
        padding: 14px 16px;
        border-radius: 0 10px 10px 0;
    }

    .frontier-mechanism-flow {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .frontier-mechanism-flow i {
        transform: rotate(90deg);
        justify-self: center;
    }

    .frontier-callout {
        padding: 20px 18px 20px 52px;
    }

    .frontier-note-card {
        padding: 20px 18px 20px 52px;
    }

    .frontier-callout::before {
        left: 18px;
        top: 22px;
    }

    .frontier-note-card::before {
        left: 18px;
        top: 22px;
    }

    .frontier-source-box dl {
        grid-template-columns: 1fr;
    }
}