/* Readable, open articles. Theme-specific surfaces preserve text contrast. */
.article { --read-text:#34445b; --read-blue:#00638f; --read-purple:#7142ab; --read-orange:#9a4b00; --read-green:#206c42; --read-surface:#fff; }
html[data-theme=dark] .article { --read-text:#d4deeb; --read-blue:#75d7ff; --read-purple:#d6b5ff; --read-orange:#ffc078; --read-green:#8be4ae; --read-surface:#101a29; }
.article.reading-layout { width:min(1240px,100%); max-width:1240px; padding:48px clamp(16px,3vw,40px) 80px; grid-template-columns:210px minmax(0,850px); gap:0 36px; }
.article.reading-layout:not(:has(.reading-index)) { grid-template-columns:minmax(0,850px); }
.article.reading-layout:not(:has(.reading-index)) :is(.article-body,.article-cta) { grid-column:1; width:100%; }
.article.reading-layout .article-header,.article--grant-program>.article-header { padding:clamp(24px,4vw,48px); border-radius:28px; border:1px solid var(--line); background:radial-gradient(ellipse at top left,#06a5da1f,transparent 65%),radial-gradient(ellipse at bottom right,#ffad2f24,transparent 55%),var(--read-surface); width:100%; margin-bottom:40px; }
.article .article-header h1 { font-size:clamp(30px,3.5vw,52px); line-height:1.17; letter-spacing:-.035em; text-wrap:balance; color:var(--ink); }
.article .article-header .back { display:block; margin-bottom:18px; }
.article .article-body { color:var(--read-text); font-size:18px; line-height:1.85; max-width:850px; }
.article .article-body p { margin:0 0 20px; }
.article .article-body li { margin-bottom:10px; }
.article .article-body :is(ul,ol) { padding-left:1.4em; margin:20px 0; }
.article .article-body h2 { font-size:clamp(24px,2.4vw,32px); line-height:1.3; margin:0 0 24px; color:var(--section-accent,var(--read-blue)); }
.article .article-body h3 { font-size:clamp(21px,2vw,25px); line-height:1.35; color:var(--section-accent,var(--read-blue)); }
.article .article-body strong { color:var(--section-accent,var(--read-blue)); font-weight:750; }
.article .article-body a { color:var(--read-blue); overflow-wrap:anywhere; }
.article .article-body :is(h2,h3) strong { color:inherit; }
.article-section { --section-accent:var(--read-blue); --tint:#049edb; padding:clamp(22px,3vw,36px); margin:26px 0; border:1px solid color-mix(in srgb,var(--tint) 28%,var(--line)); border-left:5px solid var(--tint); border-radius:22px; background:color-mix(in srgb,var(--tint) 7%,var(--read-surface)); scroll-margin-top:110px; box-shadow:0 10px 30px #06365508; }
.article-section:nth-of-type(4n+2) { --tint:#ed9a23; --section-accent:var(--read-orange); }
.article-section:nth-of-type(4n+3) { --tint:#4ca46e; --section-accent:var(--read-green); }
.article-section:nth-of-type(4n+4) { --tint:#a077d3; --section-accent:var(--read-purple); }
.article-section>:last-child { margin-bottom:0!important; }
.article .article-body>p:first-child { padding:24px; border-radius:20px; background:color-mix(in srgb,#049edb 9%,var(--read-surface)); }
.article .article-body blockquote { margin:28px 0; padding:24px; border-left:4px solid #e6a02d; background:color-mix(in srgb,#e6a02d 10%,var(--read-surface)); border-radius:0 18px 18px 0; color:var(--ink); }
.article .article-body table { font-size:15px; color:var(--read-text); }
.article .article-body .table-scroll { max-width:100%; overflow-x:auto; margin:24px 0; border:1px solid var(--line); border-radius:14px; }
.article .article-body th { background:color-mix(in srgb,#049edb 13%,var(--read-surface)); color:var(--ink); }
.article .reading-index { top:105px; }
.article .reading-index a { color:var(--muted); }
.article .reading-index a:hover { color:var(--accent); }
html[data-theme=dark] .grant-snapshot>* { background:#122334; color:#e0edfa; }
html[data-theme=dark] .grant-snapshot>:nth-child(2) { background:#302419; }
html[data-theme=dark] .grant-snapshot>:nth-child(3) { background:#172b22; }
html[data-theme=dark] .grant-snapshot>:nth-child(4) { background:#261d37; }
html[data-theme=dark] .grant-snapshot :is(p,span) { color:#c1ccdc; }
.grant-amount,.grant-date>p:first-child { color:#0071bd; background-image:linear-gradient(110deg,#0071bd 0%,#008ee6 36%,#c6f3ff 46%,#fff 50%,#65ceff 54%,#0071bd 66%,#0071bd 100%); background-size:280% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:grant-shimmer73 4.6s linear infinite; filter:drop-shadow(0 0 5px #168dff55); }
.grant-date>p:first-child strong { color:inherit; }
html[data-theme=dark] :is(.grant-amount,.grant-date>p:first-child) { background-image:linear-gradient(110deg,#49baff 0%,#49baff 36%,#a4eaff 46%,#fff 50%,#8edfff 54%,#49baff 66%,#49baff 100%); }
@keyframes grant-shimmer73 { 0% { background-position:150% 0; text-shadow:-8px 0 16px #168dff44; } 60%,100% { background-position:-150% 0; text-shadow:8px 0 20px #168dff66; } }
.why-new-articles { max-width:1160px; margin:0 auto; padding:64px clamp(20px,4vw,48px); }
.why-new-articles>h2 { font-size:clamp(30px,4vw,46px); margin:12px 0 28px; }
.why-new-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.why-new-card { display:flex; flex-direction:column; gap:20px; padding:28px; border:1px solid var(--line); border-top:5px solid #039cdb; border-radius:22px; background:color-mix(in srgb,#039cdb 8%,var(--bg)); color:var(--ink); transition:transform .2s,box-shadow .2s; }
.why-new-card:nth-child(2) { border-top-color:#a078ce; background:color-mix(in srgb,#a078ce 8%,var(--bg)); }
.why-new-card:nth-child(3) { border-top-color:#e6a02d; background:color-mix(in srgb,#e6a02d 8%,var(--bg)); }
.why-new-card:hover { transform:translateY(-4px); box-shadow:0 15px 35px #0071bd18; }
.why-new-card h3 { font-size:23px; line-height:1.35; }
.why-new-card p { font-size:16px; line-height:1.7; color:var(--muted); }
.why-new-card>span:last-child { margin-top:auto; font-weight:700; color:var(--accent); }
/* Prevent min-content width from pushing any page outside the viewport. */
main,section,article,.header-inner,.footer-inner { min-width:0; }
img,video,iframe { max-width:100%; }
h1,h2,h3,p,li { overflow-wrap:break-word; }
.grant-hero-copy,.grant-hero-inner>* { min-width:0; }
@media(max-width:1000px) {
 .article.reading-layout { display:block; width:100%; padding-inline:clamp(16px,4vw,32px); }
 .article .reading-index { position:static; margin:0 0 28px; }
 .article .article-body { margin-inline:auto; }
 .article .article-header { margin-bottom:26px; }
 .why-new-grid { grid-template-columns:1fr; }
}
@media(max-width:620px) {
 .article .article-header { padding:24px 18px; border-radius:22px; }
 .article .article-body { font-size:17px; line-height:1.8; }
 .article-section { padding:22px 18px; border-radius:18px; margin-block:20px; }
 .article .article-body>p:first-child { padding:20px 18px; }
 .article .meta { flex-wrap:wrap; gap:8px; font-size:12px; }
 .article--grant-program .article-body { margin-top:30px; }
 .grant-hero h1 { font-size:clamp(34px,9vw,52px); }
 .grant-date>p:first-child { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { .grant-amount,.grant-date>p:first-child { animation:none; -webkit-text-fill-color:currentColor; background:none; } .why-new-card { transition:none; } }

/* Latest articles: award story is the central visual focus. */
.why-new-articles { max-width:1320px; padding-top:76px; padding-bottom:86px; }
.why-new-articles>h2,.why-new-articles>.eyebrow { text-align:center; margin-inline:auto; }
.why-new-articles>h2 { margin-bottom:66px; }
.why-new-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr); align-items:center; gap:24px; }
.why-new-card { padding:26px; }
.why-new-card h3 { font-size:21px; }
.why-new-card.why-new-card--service { border-top-color:#a078ce; background:color-mix(in srgb,#a078ce 8%,var(--bg)); }
.why-new-card.why-new-card--award { position:relative; border:1px solid #dba542; border-top:5px solid #e8b247; padding:0 0 30px; gap:22px; transform:translateY(-22px); background:linear-gradient(145deg,#fff2cc,var(--bg) 72%); animation:award-glow75 4s ease-in-out infinite; }
.why-new-card--award>.why-award-image { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; border-radius:17px 17px 0 0; }
.why-new-card--award>:not(.why-award-image) { margin-left:28px; margin-right:28px; }
.why-new-card--award h3 { font-size:25px; line-height:1.3; }
.why-new-card--award>.eyebrow { color:#845400; background:#edb84724; }
.why-new-card--award>span:last-child { color:#936000; }
html[data-theme=dark] .why-new-card.why-new-card--award { background:linear-gradient(145deg,#352811,#15130e 72%); }
html[data-theme=dark] .why-new-card--award>.eyebrow,html[data-theme=dark] .why-new-card--award>span:last-child { color:#f8cd74; }
@keyframes award-glow75 { 0%,100% { box-shadow:0 12px 35px #c18a2526,0 0 18px #e6af3826; transform:translateY(-22px) scale(1); } 50% { box-shadow:0 16px 48px #c18a2540,0 0 32px #e6af3852; transform:translateY(-25px) scale(1.012); } }
@media(max-width:1000px) {
 .why-new-grid { grid-template-columns:1fr; gap:24px; }
 .why-new-articles>h2 { margin-bottom:32px; }
 .why-new-card.why-new-card--award { order:-1; transform:none; animation:award-glow-mobile75 4s ease-in-out infinite; }
 .why-new-card--award>.why-award-image { max-height:380px; }
 .why-new-card h3 { font-size:23px; }
}
@keyframes award-glow-mobile75 { 0%,100% { box-shadow:0 8px 25px #c18a2520,0 0 12px #e6af3820; } 50% { box-shadow:0 12px 34px #c18a2535,0 0 24px #e6af3845; } }
@media(prefers-reduced-motion:reduce) { .why-new-card.why-new-card--award { animation:none; } }
