.coe-knowledge-page{--coe-knowledge-ink:#345f91;--coe-knowledge-tint:#e5eefb;--coe-knowledge-line:#c9daed;--coe-knowledge-soft:#f3f7fd}
.coe-tone--blue{--coe-knowledge-ink:#32649b;--coe-knowledge-tint:#e3edfb;--coe-knowledge-line:#c6d9ee;--coe-knowledge-soft:#f2f6fd}
.coe-tone--teal{--coe-knowledge-ink:#2a755d;--coe-knowledge-tint:#e0f0e7;--coe-knowledge-line:#c1dfcf;--coe-knowledge-soft:#f0f8f3}
.coe-tone--violet{--coe-knowledge-ink:#79559b;--coe-knowledge-tint:#eee4f8;--coe-knowledge-line:#dccbee;--coe-knowledge-soft:#f8f3fc}
.coe-tone--amber{--coe-knowledge-ink:#936027;--coe-knowledge-tint:#fff0d9;--coe-knowledge-line:#ebd2ad;--coe-knowledge-soft:#fff8ed}
.coe-tone--cyan{--coe-knowledge-ink:#267180;--coe-knowledge-tint:#e1f1f5;--coe-knowledge-line:#c0dfe5;--coe-knowledge-soft:#f0f9fa}
.coe-tone--rose{--coe-knowledge-ink:#a34b6c;--coe-knowledge-tint:#fae7ef;--coe-knowledge-line:#e9c7d5;--coe-knowledge-soft:#fcf2f6}
.coe-knowledge-page .nodal-overview-panel{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px}
.coe-knowledge-page .nodal-image-frame img{aspect-ratio:600/327;background:#fff}
.coe-knowledge-icon{display:grid;place-items:center;width:49px;height:49px;flex:0 0 49px;border:1px solid var(--coe-knowledge-line);border-radius:13px;background:var(--coe-knowledge-tint);color:var(--coe-knowledge-ink)}
.coe-knowledge-icon svg{width:27px;height:27px;stroke-width:2.2}
.coe-knowledge-proposal-section{padding-bottom:28px}
.coe-knowledge-proposal{display:flex;align-items:flex-start;gap:22px;padding:29px;border:1px solid #ccdeec;border-left:4px solid #5b84b1;border-radius:13px;background:#eaf2fc}
.coe-knowledge-proposal>div{min-width:0}
.coe-knowledge-proposal>.coe-knowledge-icon{margin-top:3px}
body.mission-public-site main#main.coe-knowledge-page .coe-knowledge-proposal h2{font-size:clamp(1.375rem,1.9vw,1.625rem)!important;font-weight:750;line-height:1.7!important;letter-spacing:-.01em;color:#31597e;margin:8px 0 14px;overflow-wrap:anywhere}
body.mission-public-site main#main.coe-knowledge-page [data-coe-source]{font-size:1.125rem!important;line-height:1.9!important;color:#4c6a83;margin:0}
.coe-knowledge-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:8px;margin-top:15px;color:#3d6b91;font-size:1rem;font-weight:700;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
.coe-knowledge-focus-section{padding-bottom:28px}
.coe-knowledge-focus{min-width:0;padding:29px;border:1px solid #d4e1ec;border-radius:13px;background:#fff}
.coe-knowledge-focus>header{display:flex;align-items:center;gap:17px;margin-bottom:22px}
.coe-knowledge-focus>header>div{min-width:0}
body.mission-public-site main#main.coe-knowledge-page .coe-knowledge-focus h2{font-size:clamp(1.5rem,2.1vw,1.875rem)!important;font-weight:750;line-height:1.65!important;letter-spacing:-.02em;color:#2f5578;margin:7px 0 0;overflow-wrap:anywhere}
.coe-technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:24px 0 0;list-style:none}
.coe-technology-grid>li{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid var(--coe-knowledge-line);border-radius:9px;background:var(--coe-knowledge-soft)}
.coe-technology-grid>li>.coe-knowledge-icon{width:39px;height:39px;flex-basis:39px;border-radius:10px}
.coe-technology-grid>li>.coe-knowledge-icon svg{width:23px;height:23px}
.coe-technology-grid>li>span:last-child{min-width:0;color:#416582;font-size:1rem;line-height:1.8;font-weight:650;overflow-wrap:anywhere}
.coe-knowledge-support-section{padding-bottom:31px}
.coe-knowledge-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.coe-knowledge-card{display:flex;align-items:flex-start;flex-direction:column;min-width:0;padding:29px;border:1px solid var(--coe-knowledge-line);border-top:3px solid var(--coe-knowledge-ink);border-radius:13px;background:linear-gradient(145deg,var(--coe-knowledge-soft),#fff 80%)}
.coe-knowledge-card>.coe-knowledge-icon{margin-bottom:21px}
body.mission-public-site main#main.coe-knowledge-page .coe-knowledge-card h2{font-size:1.5rem!important;font-weight:750;line-height:1.7!important;letter-spacing:normal;color:#325a7c;margin:0 0 16px;overflow-wrap:anywhere}
.coe-knowledge-card .coe-knowledge-text-link{margin-top:auto;padding-top:21px;color:var(--coe-knowledge-ink)}
.coe-knowledge-page .nodal-guidance .reviewed-page-guide{background:#fff}
@media(max-width:1050px){.coe-knowledge-page .nodal-overview-panel{gap:27px}.coe-knowledge-focus,.coe-knowledge-card,.coe-knowledge-proposal{padding:25px}.coe-technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.coe-knowledge-page .nodal-overview-panel{grid-template-columns:minmax(0,1fr)}.coe-knowledge-support-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.coe-knowledge-proposal-section,.coe-knowledge-focus-section{padding-bottom:23px}.coe-knowledge-proposal{padding:22px;gap:16px;flex-direction:column}.coe-knowledge-proposal>.coe-knowledge-icon{margin-top:0}.coe-knowledge-focus,.coe-knowledge-card{padding:22px}.coe-knowledge-focus>header{align-items:flex-start;gap:13px}.coe-knowledge-focus>header>.coe-knowledge-icon{width:40px;height:40px;flex-basis:40px;border-radius:11px}.coe-knowledge-focus>header>.coe-knowledge-icon svg{width:23px;height:23px}.coe-technology-grid{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:21px}.coe-knowledge-support-grid{gap:18px}.coe-knowledge-support-section{padding-bottom:25px}}
html[data-theme=dark] .coe-knowledge-page :is(.coe-knowledge-proposal,.coe-knowledge-focus,.coe-knowledge-card,.coe-technology-grid>li,.nodal-guidance .reviewed-page-guide){background:#183147;border-color:#536e83}
html[data-theme=dark] body.mission-public-site main#main.coe-knowledge-page :is(h2,[data-coe-source],.coe-knowledge-text-link,.coe-technology-grid>li>span:last-child){color:#dbe8f3!important}
html[data-contrast=true] .coe-knowledge-page :is(.coe-knowledge-proposal,.coe-knowledge-focus,.coe-knowledge-card,.coe-technology-grid>li){background:#080d14!important;border-color:#ffeb3b!important;color:#ffeb3b!important}
html[data-contrast=true] body.mission-public-site main#main.coe-knowledge-page :is(h2,[data-coe-source],a,span,svg){color:#ffeb3b!important}
