.coe-directory-page{background:#f6f8fc;color:#2a445e}
.coe-directory-page *{box-sizing:border-box}
.coe-directory-page [hidden]{display:none!important}
.coe-directory-page [id]{scroll-margin-top:155px}
.coe-directory-container{width:100%;max-width:1416px;padding-inline:48px;margin-inline:auto;min-width:0}
.coe-tone--blue{--coe-accent:#2b5f9d;--coe-tint:#e4eefc;--coe-surface:#f2f6fd}
.coe-tone--teal{--coe-accent:#19725d;--coe-tint:#dff1e8;--coe-surface:#f0f8f4}
.coe-tone--violet{--coe-accent:#744a98;--coe-tint:#eee5f8;--coe-surface:#f8f4fc}
.coe-tone--amber{--coe-accent:#945b1b;--coe-tint:#fff0da;--coe-surface:#fff9ef}
.coe-directory-kicker{display:block;color:#96622b;font-size:.75rem;font-weight:750;line-height:1.8;letter-spacing:.09em}
.coe-directory-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:24px 33px;background:linear-gradient(110deg,#fcf6ec,#edf3fc 65%,#e9f5f0);border-bottom:1px solid #dae5ef}
.coe-directory-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(#adc2d047 1px,transparent 1.5px) 0 0/25px 25px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.coe-directory-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px;font-size:.9375rem;line-height:1.7;color:#5c748b}
.coe-directory-breadcrumb a{color:#355f88;text-decoration:underline;text-underline-offset:4px}
.coe-directory-hero-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:42px;align-items:center}
body.mission-public-site main#main.coe-directory-page .coe-directory-hero h1{color:#22456e!important;font-weight:750;line-height:1.3!important;letter-spacing:-.025em;margin:12px 0 19px}
body.mission-public-site main#main.coe-directory-page .coe-directory-subtitle{color:#355879;font-size:1.25rem!important;font-weight:750;line-height:1.7!important;letter-spacing:normal;margin:0 0 11px}
body.mission-public-site main#main.coe-directory-page .coe-directory-hero p{color:#4a6781;line-height:1.85!important;margin:0;max-width:850px}
.coe-directory-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:11px 17px;border:1px solid #bfd1e2;border-radius:8px;background:#fff;color:#365f87;font-size:1rem;font-weight:700;line-height:1.65;text-decoration:none;cursor:pointer}
.coe-directory-button svg{width:20px;height:20px;flex:0 0 20px}
.coe-directory-button:hover{background:#edf4fc;color:#285177}
.coe-directory-button--primary{background:#24517e;border-color:#24517e;color:#fff}
.coe-directory-button--primary:hover{background:#34628f;color:#fff}
.coe-directory-hero .coe-directory-button{margin-top:24px}
.coe-directory-snapshot{padding:27px;border:1px solid #d2e0eb;border-radius:14px;background:#ffffffd9;box-shadow:0 8px 27px #2c4c6b06}
.coe-directory-snapshot-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:13px;background:#e2ece8;color:#27715a;margin-bottom:18px}
.coe-directory-snapshot-icon svg{width:29px;height:29px}
body.mission-public-site main#main.coe-directory-page .coe-directory-snapshot h2{font-size:1.25rem!important;line-height:1.65!important;font-weight:750;letter-spacing:normal;color:#345776;margin:0 0 22px}
.coe-directory-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.coe-directory-facts>span{display:grid;gap:8px;color:#56718a;font-size:.9375rem;line-height:1.7}
.coe-directory-facts strong{font-size:2rem;font-weight:750;line-height:1.25;color:#2c618e;font-variant-numeric:tabular-nums}
.coe-directory-catalog{padding-block:34px}
.coe-directory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:21px;margin-bottom:25px}
body.mission-public-site main#main.coe-directory-page .coe-directory-heading h2{font-size:clamp(1.625rem,2.2vw,2rem)!important;line-height:1.5!important;font-weight:750;letter-spacing:-.02em;color:#2a4f75;margin:9px 0 0}
.coe-directory-total{flex-shrink:0;padding:8px 13px;border:1px solid #cfddeb;border-radius:7px;background:#edf3fb;color:#44678b;font-size:.9375rem;font-weight:700;line-height:1.65;white-space:nowrap}
.coe-directory-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:23px;border:1px solid #d6e2ed;border-radius:12px;background:#fff;margin:0 0 21px;box-shadow:0 7px 24px #28486704}
.coe-directory-filters label{display:grid;gap:9px;flex:1 1 175px;min-width:0;font-size:.9375rem;font-weight:650;line-height:1.7;color:#43617e}
.coe-directory-filters .coe-directory-search{flex:2 1 300px}
.coe-directory-filters :is(input,select){width:100%;min-width:0;min-height:49px;padding:11px 12px;border:1px solid #c4d5e5;border-radius:7px;background:#fff;color:#315678;font-size:1rem;line-height:1.65;font-family:inherit}
.coe-directory-search>span:last-child{display:flex;align-items:center;gap:11px;padding-inline:13px;border:1px solid #c4d5e5;border-radius:7px;background:#fff;min-height:49px}
.coe-directory-search svg{width:21px;height:21px;flex:0 0 21px;color:#6886a3}
.coe-directory-search input{border:0!important;box-shadow:none!important;padding:10px 0!important;background:transparent!important}
.coe-directory-search input:focus-visible{outline:0}
.coe-directory-search>span:focus-within{outline:3px solid #c7802e;outline-offset:2px}
.coe-directory-reset{min-height:49px;padding:11px 15px;border:1px solid #cfdeeb;border-radius:7px;background:#f4f7fb;color:#466988;font-size:.9375rem;font-weight:700;line-height:1.65;cursor:pointer}
body.mission-public-site main#main.coe-directory-page .coe-directory-result-count{font-size:.9375rem!important;line-height:1.75!important;color:#5d7891;margin:0 0 21px}
.coe-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.coe-directory-card{display:flex;align-items:stretch;flex-direction:column;min-width:0;border:1px solid #d4e1ed;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 7px 25px #294a6d05;transition:transform .18s ease,box-shadow .18s ease}
.coe-directory-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #294a6d0d}
.coe-directory-image{position:relative;isolation:isolate;margin:0;background:#e5edf6;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #dce6ef}
.coe-directory-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.coe-directory-image::after{content:"";position:absolute;inset:50% 0 0;z-index:0;pointer-events:none;background:linear-gradient(transparent,#0f29473b)}
.coe-directory-image-index{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffffd9;border-radius:7px;background:#ffffffeb;color:#476683;font-size:.8125rem;font-weight:750;line-height:1.5;font-variant-numeric:tabular-nums;z-index:1}
.coe-directory-image figcaption{position:absolute;bottom:11px;left:12px;right:12px;z-index:1;justify-self:start;width:fit-content;max-width:calc(100% - 24px);padding:5px 9px;border:1px solid #ffffffc9;border-radius:5px;background:#ffffffed;color:#4d6b87;font-size:.75rem!important;font-weight:650;line-height:1.7!important}
.coe-directory-image-fallback{display:grid;place-items:center;width:100%;height:100%;color:#52769e;background:linear-gradient(135deg,#e9f0f9,#e0eee8)}
.coe-directory-image-fallback svg{width:75px;height:75px;stroke-width:1.6}
.coe-directory-card-body{display:flex;align-items:stretch;flex-direction:column;flex:1;min-width:0;padding:24px}
.coe-directory-card-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-width:0}
.coe-directory-tech-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:11px;background:var(--coe-tint);color:var(--coe-accent)}
.coe-directory-tech-icon svg{width:25px;height:25px;stroke-width:2.2}
.coe-directory-technology{font-size:.875rem;font-weight:750;line-height:1.8;color:var(--coe-accent);min-width:0}
body.mission-public-site main#main.coe-directory-page .coe-directory-card h3{font-size:1.25rem!important;font-weight:750;line-height:1.65!important;letter-spacing:normal;color:#2d5076;margin:0 0 17px;overflow-wrap:anywhere}
body.mission-public-site main#main.coe-directory-page :is(.coe-directory-institution,.coe-directory-location){display:flex;align-items:flex-start;gap:11px;font-size:1.0625rem!important;line-height:1.8!important;color:#496681;margin:0 0 11px}
.coe-directory-institution>svg,.coe-directory-location>svg{flex:0 0 21px;width:21px;height:21px;margin-top:4px;color:#6a87a1}
.coe-directory-institution>span,.coe-directory-location>span{min-width:0;overflow-wrap:anywhere}
.coe-directory-spoc{padding:17px 0 0;border-top:1px solid #dfe7ef;margin-top:7px;margin-bottom:18px}
.coe-directory-spoc>span{display:block;font-size:.8125rem;font-weight:650;line-height:1.7;color:#6a8196;margin-bottom:6px}
.coe-directory-spoc strong{font-size:1.0625rem;line-height:1.75;font-weight:750;color:#385979;overflow-wrap:anywhere}
.coe-directory-contacts{display:grid;gap:8px;margin-bottom:21px}
.coe-directory-contacts a{display:flex;align-items:center;gap:11px;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #d7e4ee;border-radius:7px;background:var(--coe-surface);color:#3b6289;font-size:.9375rem;font-weight:600;line-height:1.75;text-decoration:none}
.coe-directory-contacts a>span{min-width:0;overflow-wrap:anywhere}
.coe-directory-contacts svg{width:18px;height:18px;flex:0 0 18px;color:var(--coe-accent)}
.coe-directory-contacts a:hover{border-color:var(--coe-accent)}
.coe-directory-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:2px;margin-top:auto}
.coe-directory-card-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 13px;border:1px solid #cad9e8;border-radius:7px;background:#fff;color:#3d6489;font-size:.9375rem;line-height:1.7;font-weight:700;text-decoration:none}
.coe-directory-card-actions .coe-directory-detail{background:var(--coe-accent);border-color:var(--coe-accent);color:#fff}
.coe-directory-card-actions a:hover{box-shadow:inset 0 0 0 1px currentColor}
.coe-directory-website svg{width:18px;height:18px;flex:0 0 18px}
.coe-directory-website svg:last-child{width:14px;height:14px;flex-basis:14px}
.coe-directory-empty{padding:39px 25px;border:1px solid #dae5ef;border-radius:12px;background:#fff;text-align:center}
.coe-directory-empty>svg{width:42px;height:42px;color:#6b87a0;margin-bottom:17px}
body.mission-public-site main#main.coe-directory-page .coe-directory-empty h3{font-size:1.375rem!important;line-height:1.7!important;font-weight:750;color:#3d5f7f;margin:0 0 11px}
body.mission-public-site main#main.coe-directory-page .coe-directory-empty p{color:#5c758c;margin:0 0 20px}
.coe-directory-guidance{padding-bottom:35px}
.coe-directory-guidance-panel{display:flex;align-items:flex-start;gap:22px;padding:28px;border:1px solid #d1e1eb;border-radius:13px;background:linear-gradient(120deg,#eaf2fb,#edf7f2)}
.coe-directory-guidance-panel>div{min-width:0}
.coe-directory-guidance-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:14px;color:#3d669a;background:#dfeaf8}
.coe-directory-guidance-icon svg{width:29px;height:29px}
body.mission-public-site main#main.coe-directory-page .coe-directory-guidance h2{font-size:1.5rem!important;font-weight:750;line-height:1.6!important;letter-spacing:normal;color:#30587d;margin:0 0 13px}
body.mission-public-site main#main.coe-directory-page .coe-directory-guidance p{color:#486681;line-height:1.85!important;margin:0}
.coe-directory-guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.coe-directory-guide-actions a{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:11px 15px;border:1px solid #c8d9e8;border-radius:7px;background:#fff;color:#3b638a;font-size:.9375rem;font-weight:700;line-height:1.7;text-decoration:none}
.coe-directory-guide-actions a:hover{background:#f7fbff}
.coe-directory-page :focus-visible{outline:3px solid #c67c28;outline-offset:4px}
html[lang=hi] .coe-directory-page :is(h1,h2,h3,.coe-directory-kicker){letter-spacing:normal!important}
html[data-theme=dark] .coe-directory-page{background:#102235}
html[data-theme=dark] .coe-directory-page :is(.coe-directory-hero,.coe-directory-snapshot,.coe-directory-filters,.coe-directory-card,.coe-directory-empty,.coe-directory-guidance-panel){background:#193249;border-color:#45617b}
html[data-theme=dark] body.mission-public-site main#main.coe-directory-page :is(h1,h2,h3,p,.coe-directory-breadcrumb,.coe-directory-breadcrumb a,.coe-directory-facts strong,.coe-directory-facts>span,.coe-directory-spoc>span,.coe-directory-spoc strong,.coe-directory-technology,.coe-directory-filters label){color:#dce9f5!important}
html[data-theme=dark] .coe-directory-page .coe-directory-kicker{color:#eccb9e}
html[data-contrast=true] body.mission-public-site main#main.coe-directory-page :is(section,article,form,label,input,select,option,a,button,figcaption,.coe-directory-snapshot,.coe-directory-total,.coe-directory-search>span,.coe-directory-tech-icon,.coe-directory-snapshot-icon,.coe-directory-image-index,.coe-directory-guidance-panel,.coe-directory-guidance-icon,.coe-directory-empty){background:#000!important;background-image:none!important;border-color:#ffeb3b!important;color:#ffeb3b!important}
html[data-contrast=true] body.mission-public-site main#main.coe-directory-page :is(h1,h2,h3,p,span,strong,svg,figcaption){color:#ffeb3b!important}
html[data-contrast=true] .coe-directory-page .coe-directory-hero::before{opacity:0}
@media(max-width:1150px){.coe-directory-hero-layout{gap:27px}.coe-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.coe-directory-filters .coe-directory-search{flex-basis:100%}.coe-directory-card-body{padding:24px}}
@media(max-width:900px){.coe-directory-hero-layout{grid-template-columns:minmax(0,1fr)}.coe-directory-snapshot{display:none}.coe-directory-heading{align-items:flex-start;flex-wrap:wrap;gap:16px}.coe-directory-card-body{padding:22px}.coe-directory-card-actions{gap:9px}}
@media(max-width:700px){.coe-directory-container{padding-inline:20px}.coe-directory-page [id]{scroll-margin-top:115px}.coe-directory-hero{padding-block:22px 27px}.coe-directory-breadcrumb{font-size:.875rem;margin-bottom:21px}.coe-directory-kicker{font-size:.6875rem}.coe-directory-catalog{padding-block:27px}.coe-directory-filters{padding:21px 17px;gap:16px}.coe-directory-filters label,.coe-directory-filters .coe-directory-search{flex-basis:100%}.coe-directory-reset{width:100%}.coe-directory-grid{grid-template-columns:minmax(0,1fr);gap:20px}.coe-directory-card-body{padding:23px}.coe-directory-image figcaption{font-size:.6875rem!important}.coe-directory-guidance{padding-bottom:28px}.coe-directory-guidance-panel{display:block;padding:23px}.coe-directory-guidance-icon{margin-bottom:18px}.coe-directory-guide-actions{gap:11px}.coe-directory-guide-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.coe-directory-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Directory refresh: six technology colours and wider contact cards. */
.coe-directory-refreshed{--coe-ink:#17334f;--coe-muted:#49627b;background:#f6f8fc}
.coe-tone--blue{--coe-accent:#245b9d;--coe-tint:#e3edff;--coe-surface:#f1f6ff}
.coe-tone--teal{--coe-accent:#146c59;--coe-tint:#d8f2e9;--coe-surface:#eef9f4}
.coe-tone--violet{--coe-accent:#7041a1;--coe-tint:#eee3fc;--coe-surface:#f7f2ff}
.coe-tone--amber{--coe-accent:#8b520e;--coe-tint:#ffebc8;--coe-surface:#fff8eb}
.coe-tone--cyan{--coe-accent:#09667c;--coe-tint:#d9f1f8;--coe-surface:#eff9fc}
.coe-tone--rose{--coe-accent:#a02e60;--coe-tint:#fce1ec;--coe-surface:#fff3f7}
.coe-directory-refreshed .coe-directory-hero-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:36px}
.coe-directory-refreshed .coe-directory-hero{padding-bottom:38px}
body.mission-public-site main#main.coe-directory-refreshed .coe-directory-hero h1{font-size:clamp(2rem,3.1vw,3rem)!important;color:var(--coe-ink)!important;max-width:24ch}
.coe-directory-refreshed .coe-directory-snapshot{padding:28px;border-radius:18px;box-shadow:0 12px 32px #193c6510}
.coe-directory-refreshed .coe-directory-snapshot-icon{background:#e8e1fa;color:#7041a1}
.coe-directory-refreshed .coe-directory-facts>span{border-left:3px solid #4778b8;padding-left:15px}
.coe-directory-refreshed .coe-directory-facts>span:nth-child(2){border-color:#1a806b}
.coe-directory-refreshed .coe-directory-facts>span:nth-child(2) strong{color:#146c59}
.coe-directory-focus{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px;padding-top:22px;border-top:1px solid #dbe5ee}
.coe-directory-focus>span{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;border-radius:8px;background:var(--coe-tint);color:var(--coe-accent);font-size:.875rem;font-weight:700;line-height:1.7}
.coe-directory-focus svg{flex:0 0 19px;width:19px;height:19px;stroke-width:2.2}
.coe-directory-refreshed .coe-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.coe-directory-refreshed .coe-directory-card{border-radius:16px;border-top:4px solid var(--coe-accent);box-shadow:0 9px 25px #20466a08}
.coe-directory-refreshed .coe-directory-image{aspect-ratio:16/8}
.coe-directory-refreshed .coe-directory-card-body{padding:27px}
.coe-directory-refreshed .coe-directory-card-top{margin-bottom:20px;gap:14px}
.coe-directory-refreshed .coe-directory-tech-icon{width:54px;height:54px;flex-basis:54px;border-radius:15px;box-shadow:inset 0 0 0 1px #ffffff8a}
.coe-directory-refreshed .coe-directory-tech-icon svg{width:30px;height:30px;stroke-width:2.2}
.coe-directory-refreshed .coe-directory-technology{font-size:1rem}
body.mission-public-site main#main.coe-directory-refreshed .coe-directory-card h3{font-size:1.5rem!important;line-height:1.55!important;color:var(--coe-ink);margin-bottom:20px}
.coe-directory-refreshed :is(.coe-directory-institution,.coe-directory-location)>svg{padding:5px;box-sizing:content-box;margin-top:0;flex-basis:20px;width:20px;height:20px;border-radius:8px;background:var(--coe-tint);color:var(--coe-accent)}
.coe-directory-refreshed .coe-directory-spoc{padding:18px;border:1px solid #dfe7ef;border-radius:11px;background:var(--coe-surface);margin-top:12px}
.coe-directory-refreshed .coe-directory-spoc>span{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:#49627b}
.coe-directory-spoc>span svg{width:19px;height:19px;color:var(--coe-accent);flex:0 0 19px}
.coe-directory-refreshed .coe-directory-spoc strong{font-size:1.125rem;color:var(--coe-ink)}
.coe-directory-refreshed .coe-directory-contacts a{min-height:48px;font-size:1rem;background:#fff;border-color:#dbe4ee}
.coe-directory-refreshed .coe-directory-contacts svg{width:21px;height:21px;flex-basis:21px}
.coe-directory-refreshed .coe-directory-card-actions{padding-top:10px;gap:12px}
.coe-directory-refreshed .coe-directory-card-actions a{min-height:48px;font-size:1rem;padding:11px 15px}
.coe-directory-refreshed .coe-directory-filters label>span:first-child{display:flex;align-items:center;gap:7px;color:#254665}
.coe-directory-refreshed .coe-directory-filters label>span:first-child svg{width:19px;height:19px;color:#7041a1;flex:0 0 19px}
@media(max-width:900px){.coe-directory-refreshed .coe-directory-hero-layout{grid-template-columns:minmax(0,1fr);gap:27px}.coe-directory-refreshed .coe-directory-snapshot{display:block}.coe-directory-refreshed .coe-directory-snapshot-icon{float:left;margin-right:17px;margin-bottom:10px}.coe-directory-refreshed .coe-directory-facts{clear:both}.coe-directory-refreshed .coe-directory-grid{gap:20px}.coe-directory-refreshed .coe-directory-card-body{padding:22px}}
@media(max-width:760px){.coe-directory-refreshed .coe-directory-grid{grid-template-columns:minmax(0,1fr)}.coe-directory-refreshed .coe-directory-card-body{padding:23px}.coe-directory-refreshed .coe-directory-snapshot{padding:22px}.coe-directory-refreshed .coe-directory-hero{padding-bottom:27px}}
html[data-theme=dark] .coe-directory-refreshed{--coe-ink:#e2edf8}
html[data-theme=dark] .coe-directory-refreshed .coe-directory-spoc{background:#203e56;border-color:#567087}
html[data-contrast=true] .coe-directory-refreshed :is(.coe-directory-focus>span,.coe-directory-spoc,.coe-directory-institution>svg,.coe-directory-location>svg){background:#000!important;color:#ffeb3b!important;border-color:#ffeb3b!important}