.public-articles{background:#f5f7fb;color:#162b45}.public-articles .container{max-width:1180px}.articles-hero,.article-title{background:#122b46;color:#fff;padding:155px 24px 65px}.articles-hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.12;margin:20px 0}.articles-hero h1 span{color:#e8bc65}.articles-hero p{max-width:720px;font-size:1.15rem;color:#eef2f6;margin-bottom:28px}.articles-eyebrow{color:#e8bc65;text-transform:uppercase;font-size:.8rem;letter-spacing:.14em;font-weight:700}.articles-library{padding:45px 20px 70px}.articles-search{background:#fff;padding:24px;border-radius:12px;border:1px solid #dce3ec}.articles-search label{display:block;font-weight:700;margin-bottom:9px}.articles-search>div{display:flex;gap:12px}.articles-search input{flex:1;min-width:0;padding:13px;border:1px solid #bdcad9;border-radius:6px;font:inherit}.articles-results{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 22px}.articles-results h2{font-size:1.7rem}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{background:#fff;border:1px solid #dce3ec;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.article-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef1f5}.article-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.article-card h3{font-size:1.3rem;line-height:1.35;margin:16px 0 12px}.article-card h3 a{color:#162b45;text-decoration:none}.article-card p{color:#526174;line-height:1.65;margin:0 0 22px}.article-link{margin-top:auto;font-weight:700;color:#193f63}.article-badge{display:inline-block;align-self:flex-start;background:#e9eff6;color:#284565;border-radius:5px;padding:5px 9px;font-size:.8rem;font-weight:700}.articles-pagination{display:flex;justify-content:center;gap:22px;margin:35px 0}.articles-access-note{color:#59697b;font-size:.9rem;line-height:1.65;margin-top:30px}.article-notice{border:1px solid #d9c087;border-left:4px solid #bb8b32;background:#fff9ed;padding:28px;border-radius:8px;margin:28px 0}.article-notice h2,.article-notice h3{margin-top:0}.article-notice p{line-height:1.7}.public-articles a:focus-visible,.public-articles button:focus-visible{outline:3px solid #b88727;outline-offset:4px}@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.articles-grid{grid-template-columns:1fr}.articles-search>div{flex-direction:column}.articles-results{align-items:flex-start;flex-direction:column;gap:5px}.articles-hero,.article-title{padding:135px 20px 45px}}
.article-reading-width{max-width:860px;margin:0 auto}.article-title h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.2;margin:20px 0}.article-title .article-badge{margin-top:25px}.article-back{color:#f0ce88}.article-byline{color:#e4ecf5}.article-main{padding:35px 24px 70px}.article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:#edf0f5}.article-intro{font-size:1.2rem;line-height:1.75;color:#43556b;margin:28px 0}.article-prose{font-size:1.07rem;line-height:1.85;overflow-wrap:anywhere}.article-prose h2,.article-prose h3{line-height:1.35;margin-top:35px}.article-prose blockquote{border-left:4px solid #bd9344;padding-left:22px;margin-left:0}.article-media{background:#fff;border:1px solid #dce3ec;padding:25px;border-radius:10px;margin:25px 0}.article-media h2{font-size:1.3rem;margin-top:0}.article-media audio,.article-media video{width:100%}.article-media video{max-height:500px;background:#122b46}

/* Public hero overrides: shared heading styles must not darken hero titles. */
.public-articles .articles-hero,
.public-articles .article-title {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: radial-gradient(ellipse at 92% 16%, rgba(87, 127, 164, .22), transparent 52%), linear-gradient(120deg, #0c223b 0%, #163651 70%, #214762 100%);
    border-bottom: 1px solid rgba(209, 172, 91, .28);
}
.public-articles .articles-hero::after,
.public-articles .article-title::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(229, 193, 119, .17);
    border-radius: 50%;
    right: -110px;
    top: 75px;
    box-shadow: 0 0 0 65px rgba(229, 193, 119, .035), 0 0 0 130px rgba(229, 193, 119, .025);
    pointer-events: none;
}
.public-articles .articles-hero h1,
.public-articles .article-title h1 {
    color: #ffffff;
    text-wrap: balance;
    font-weight: 700;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .16);
}
.public-articles .articles-hero h1 span { color: #f0c66f; }
.public-articles .articles-hero p { color: #eef4fa; line-height: 1.8; }
.public-articles .articles-eyebrow { color: #f0c66f; }
.public-articles .article-byline { color: #e2edf7; font-size: .95rem; line-height: 1.7; }
@media (prefers-reduced-motion: reduce) { .public-articles { scroll-behavior: auto; } }

.public-articles .article-title { padding: 145px 24px 62px; }
.public-articles .article-title .article-back { display: block; width: fit-content; color: #f2cd84; font-weight: 600; text-decoration: none; margin-bottom: 24px; }
.public-articles .article-title .article-back:hover { text-decoration: underline; }
.public-articles .article-title .article-badge { display: inline-block; margin: 0 0 18px; background: rgba(248, 223, 170, .12); color: #f5d58e; border: 1px solid rgba(245, 213, 142, .4); padding: 6px 12px; border-radius: 30px; letter-spacing: .03em; }
.public-articles .article-title h1 { margin: 0 0 22px; font-size: clamp(2.1rem, 4.2vw, 3.3rem); line-height: 1.18; }
.public-articles .article-title .article-byline { margin: 0; }
@media (max-width: 600px) {
    .public-articles .article-title { padding: 125px 20px 45px; }
    .public-articles .article-title h1 { font-size: clamp(1.9rem, 7.2vw, 2.6rem); }
}

/* Back to library button in the article hero. */
.public-articles .article-title .article-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 17px;
    border: 1px solid rgba(240, 198, 111, .65);
    border-radius: 7px;
    background: rgba(240, 198, 111, .07);
    color: #f5d58e;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    margin-bottom: 24px;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.public-articles .article-title .article-back:hover {
    background: #f0c66f;
    border-color: #f0c66f;
    color: #102840;
    text-decoration: none;
}
.public-articles .article-title .article-back:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
}
.public-articles .article-title .article-badge { display: table; }
@media (prefers-reduced-motion: reduce) {
    .public-articles .article-title .article-back { transition: none; }
}

/* Keep article body headings independent of public landing-page typography. */
.public-articles .article-prose h1,
.public-articles .article-prose h2,
.public-articles .article-prose h3,
.public-articles .article-prose h4 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.45;
    color: #243d56;
    letter-spacing: normal;
    text-shadow: none;
    margin: 28px 0 14px;
}
.public-articles .article-prose h1 { font-size: 1.45rem; }
.public-articles .article-prose h2 { font-size: 1.3rem; }
.public-articles .article-prose h3 { font-size: 1.18rem; }
.public-articles .article-prose h4 { font-size: 1.08rem; }
.public-articles .article-prose p { margin: 0 0 18px; }
.public-articles .article-prose > :first-child { margin-top: 0; }
@media (max-width: 600px) {
    .public-articles .article-prose h1 { font-size: 1.35rem; }
    .public-articles .article-prose h2 { font-size: 1.22rem; }
}