/* MicroportMap 2026 shared refinements */
:root{--mm-ink:#0e3036;--mm-mint:#6bdab7;--mm-cream:#f3f7f1}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*:focus-visible{outline:3px solid #389c7b;outline-offset:3px}
a,button{transition:color .16s,background-color .16s,border-color .16s}
.topbar{min-height:70px}.topbar nav{display:flex;flex-wrap:wrap;gap:clamp(9px,1.6vw,22px);align-items:center}
.mm-dron-link{font-size:12px!important;font-weight:700;white-space:nowrap}.mm-dron-link strong{letter-spacing:.05em}
.mm-related-footer{padding:17px 28px;border-top:1px solid #dce4dd;font-size:12px;color:#477268}
.mm-related-footer strong{color:#124f4e}.mm-skip{position:absolute;top:-60px;left:12px;background:white;color:#133c3d;padding:12px;z-index:1000}.mm-skip:focus{top:10px}
.ecosystem-spotlight{padding:70px max(24px,calc((100vw - 1180px)/2));background:#edf5ec;color:#11383c}
.ecosystem-intro{max-width:740px}.ecosystem-intro h2{font-size:clamp(36px,4.5vw,60px);line-height:1.06;letter-spacing:-.04em;margin:16px 0}.ecosystem-intro p{line-height:1.7;color:#53736c}
.ec-label{font-weight:900;letter-spacing:.16em;font-size:11px;color:#2e8570}
.ecosystem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:33px}
.ecosystem-grid article{background:white;border:1px solid #d3e2d7;border-radius:15px;padding:36px}
.ecosystem-grid article h3{font-size:clamp(27px,3.5vw,42px);letter-spacing:-.04em;margin:24px 0 6px}
.ecosystem-grid article p{line-height:1.7;color:#466660;max-width:420px}
.ecosystem-grid article a{font-weight:800;color:#126e5a;text-decoration:none}
.ecosystem-grid article.ec-dark{background:#123f42;color:white;border-color:#123f42}
.ecosystem-grid article.ec-dark p{color:#c8e5d8}.ecosystem-grid article.ec-dark a,.ecosystem-grid article.ec-dark .ec-label{color:#9df4ca}
.honeypot{position:absolute;left:-99999px;height:1px;width:1px;overflow:hidden}
.ec-privacy{background:#ecf4ed;padding:20px;margin:28px 0;border-radius:12px}
#copy-report textarea{display:block;width:100%;min-height:150px;margin-top:10px}
@media(max-width:760px){.topbar{flex-wrap:wrap;gap:10px;padding-block:12px!important}.topbar nav{flex:1 1 100%;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 8px}.ecosystem-spotlight{padding:45px 22px}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-grid article{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}}

/* Universal navigation for legacy project and policy pages. */
header.top,header.header,header.head {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;background:#102f34;color:#f5fff8;padding:18px clamp(18px,4vw,65px);border-bottom:1px solid #2a615b}
header.top a,header.header a,header.head a{color:#d5efdf}
header.top .logo,header.header .logo,header.head .logo{font-size:19px;font-weight:850;letter-spacing:-.03em;text-decoration:none;color:white}
.mm-unified-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-left:auto}
.mm-unified-nav a{text-decoration:none;font-weight:700;font-size:12px}
header.top .mm-dron-link,header.header .mm-dron-link,header.head .mm-dron-link{color:#a5f2d8!important}
header.top .mm-dron-link strong,header.header .mm-dron-link strong,header.head .mm-dron-link strong{font-weight:950}
footer.foot,footer.footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#103337;color:#def3e6}
footer.foot .mm-related-footer,footer.footer .mm-related-footer{flex:1 1 100%;border-color:#42615a;color:#b8d9ca}
@media(max-width:640px){header.top,header.header,header.head{padding:17px 22px}.mm-unified-nav{flex:1 1 100%;margin-left:0}}
