.ecosystem-panel{position:fixed;inset:auto;margin:0;inset-block-start:88px;inset-inline-end:24px;inset-inline-start:auto;inset-block-end:auto;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;padding:23px;border:1px solid #5b7042;border-radius:18px;background:linear-gradient(140deg,#1c2b18,#101917);color:#edf4e7;box-shadow:0 24px 80px #0009;text-align:start}.ecosystem-panel[open]{animation:sites-enter .18s ease}.ecosystem-panel::backdrop{background:#030907a3;backdrop-filter:blur(4px)}.ecosystem-panel header{display:flex;align-items:center;justify-content:space-between;gap:15px}.ecosystem-panel h2{font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:0;max-width:26ch}.ecosystem-panel>p{font-size:12px;color:#b0c3ad;line-height:1.8;margin:14px 0 19px}.ecosystem-close{width:42px;height:42px;flex:0 0 42px;border:1px solid #526548;border-radius:10px;background:#22311c;color:#e6f5d3;font-size:24px;cursor:pointer}.ecosystem-close:hover{background:#374c29}.ecosystem-links{display:grid;gap:10px}.ecosystem-links a{display:flex;align-items:center;gap:14px;padding:16px 14px;border:1px solid #42583c;border-radius:13px;background:#142016;transition:background .18s,border-color .18s,transform .18s}.ecosystem-links a:hover{background:#253720;border-color:#8cb251;transform:translateY(-2px)}.ecosystem-links a[aria-current=page]{border-style:dashed;background:#17251a}.ecosystem-links svg{width:27px;height:27px;flex:0 0 27px;fill:none;stroke:#c6ed82;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ecosystem-links a>span{flex:1;min-width:0}.ecosystem-links strong{display:block;font-size:14px;color:#e3f0d7}.ecosystem-links small{display:block;font-size:11px;color:#abc1a5;line-height:1.7;margin-top:5px}.ecosystem-links b{font-size:20px;color:#c5e58b}.ecosystem-panel :focus-visible{outline:2px solid #cff77a;outline-offset:3px}
@keyframes sites-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:580px){.ecosystem-panel{inset-inline:12px;width:calc(100vw - 24px);max-width:none;inset-block-start:84px;max-height:calc(100dvh - 100px);padding:20px}.ecosystem-panel h2{font-size:20px}.ecosystem-links a{padding:15px 12px}.ecosystem-links strong{font-size:13px}}
@media(max-width:380px){.navbar{--nav-control-width:44px}.navbar .nav-actions{gap:4px}.navbar .nav-actions>:is(a,button){padding:5px;font-size:10px}.navbar .logo{gap:6px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.ecosystem-panel[open]{animation:none}.ecosystem-links a{transition:none}}