/* /ecosystem: CipherDEX-like tight grid, thin borders, mono hashes, subtle lock/shield touches */
.eco{max-width:1180px;margin:0 auto;padding:22px 20px 48px}
.eco__hd{margin-bottom:16px}.eco__lead{max-width:760px;color:rgba(226,234,244,.78);margin:8px 0 6px;line-height:1.5}
.eco__meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:rgba(207,239,255,.6);letter-spacing:.04em}
.eco__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eco__p{border:1px solid rgba(207,239,255,.12);border-radius:8px;padding:12px 14px;background:rgba(10,16,26,.55)}
.eco__p--wide{grid-column:1/-1}
.eco__h{display:flex;align-items:center;gap:7px;margin:0 0 8px;font:600 11px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#22c8f5}
.eco__ic{flex:none;opacity:.9}
.eco__row{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 58px;gap:1px 10px;align-items:center;padding:6px 0;border-top:1px solid rgba(207,239,255,.07)}
.eco__row:first-of-type{border-top:0}
.eco__k{font-size:12.5px;color:rgba(226,234,244,.7)}
.eco__v{font-size:12.5px;color:#e7f6ff;overflow-wrap:anywhere;user-select:all}
.eco__v.mono,.eco__src.mono,.eco__chip{font-family:"JetBrains Mono",ui-monospace,monospace}
.eco__src{grid-column:2;grid-row:2;font-size:10px;color:rgba(207,239,255,.45)}.eco__row>.eco__cp,.eco__row>span:last-child{grid-column:3;grid-row:1}
.eco__cp{font:500 10.5px/1 "JetBrains Mono",ui-monospace,monospace;padding:5px 7px;border:1px solid rgba(207,239,255,.22);border-radius:4px;background:transparent;color:#cfefff;cursor:pointer}
.eco__cp:hover,.eco__cp:focus-visible{border-color:#22c8f5;color:#fff;outline:none}
.eco__note{margin:8px 0 0;font-size:11px;color:rgba(207,239,255,.5)}
.eco__tips{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;counter-reset:t}
.eco__tips li{counter-increment:t;border:1px solid rgba(207,239,255,.08);border-radius:6px;padding:9px 10px 9px 34px;position:relative;font-size:12.5px;line-height:1.45;color:rgba(226,234,244,.75)}
.eco__tips li::before{content:counter(t,decimal-leading-zero);position:absolute;left:10px;top:9px;font:500 10.5px/1.4 "JetBrains Mono",monospace;color:#22c8f5}
.eco__tips b{display:block;color:#e7f6ff;margin-bottom:2px;font-weight:600}
.eco__look{margin-top:10px;display:grid;gap:6px}.eco__chips{display:flex;flex-wrap:wrap;gap:6px}
.eco__chip{font-size:11px;padding:3px 7px;border:1px dashed rgba(255,110,110,.45);border-radius:4px;color:rgba(255,190,190,.9);text-decoration:line-through;text-decoration-color:rgba(255,110,110,.5)}
.eco__ct p{margin:0;font-size:13px;line-height:1.5;color:rgba(226,234,244,.78)}
@media (max-width:760px){.eco{padding:16px 12px 36px}.eco__grid{grid-template-columns:1fr}
  .eco__row{grid-template-columns:minmax(0,1fr) 58px;gap:4px 8px}.eco__k{grid-column:1/-1}.eco__v{grid-column:1}.eco__src{grid-column:1;grid-row:auto}.eco__row .eco__cp,.eco__row>span:last-child{grid-column:2;grid-row:2}}