.ecosystem-detail{--accent:#42d4d0}.ecosystem-detail .detail-main{max-width:1180px}.eco-hero{display:grid;grid-template-columns:1fr 300px;gap:54px;align-items:center;padding:70px 0 58px}.eco-hero h1{font-size:clamp(3.1rem,7vw,6.2rem);line-height:.92;margin:17px 0 25px}.eco-hero .lead{max-width:780px;color:#a5b4bd;font-size:1.08rem;line-height:1.75}.eco-hero-visual{min-height:280px;display:grid;place-items:center;position:relative;border:1px solid color-mix(in srgb,var(--accent) 40%,#293b47);border-radius:24px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%),#0b141b;overflow:hidden}.eco-hero-visual:before{content:'';position:absolute;inset:18px;border:1px dashed color-mix(in srgb,var(--accent) 28%,transparent);border-radius:18px}.eco-hero-visual img{position:relative;width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 24px 35px #0009)}.eco-type{display:inline-flex;gap:8px;align-items:center;color:var(--accent);font:700 .7rem monospace;text-transform:uppercase;letter-spacing:.1em}.eco-type:before{content:'';width:18px;border-top:2px solid var(--accent)}.eco-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.eco-metrics div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#0d161d}.eco-metrics strong,.eco-metrics span{display:block}.eco-metrics strong{color:var(--accent);font:700 1.35rem monospace}.eco-metrics span{color:#788b96;font-size:.7rem;margin-top:3px}.eco-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.eco-nav a{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font:700 .7rem monospace}.eco-section{padding:55px 0;border-top:1px solid var(--line)}.eco-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:26px}.eco-heading h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;margin:7px 0}.eco-heading p{color:var(--muted);margin:0}.eco-chain{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:24px;border:1px solid var(--line);border-radius:15px;background:#0b141b}.eco-chain span{padding:8px 12px;border:1px solid #344752;border-radius:8px;color:#b4c1c8;font:700 .75rem monospace}.eco-chain span.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.eco-chain i{color:#526b78;font-style:normal}.eco-explanation{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.eco-explanation article,.group-card,.relation-card,.source-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:#0c151c}.eco-explanation span,.group-card>span,.relation-card>span,.source-card>span{color:var(--accent);font:700 .67rem monospace;text-transform:uppercase}.eco-explanation h3,.group-card h3,.relation-card h3,.source-card h3{margin:10px 0 8px;font-size:1.05rem}.eco-explanation p,.group-card p,.relation-card p,.source-card p{color:var(--muted);font-size:.84rem;margin:0}.group-grid,.relation-grid,.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.group-card code{display:block;margin-top:14px;color:#aabac3;font-size:.7rem;white-space:normal}.concept-table{border:1px solid var(--line);border-radius:15px;overflow:auto;background:#0a1218}.concept-table table{width:100%;border-collapse:collapse;min-width:760px}.concept-table th{padding:12px 15px;background:#121b23;color:#82939e;text-align:left;font:700 .68rem monospace;text-transform:uppercase}.concept-table td{padding:14px 15px;border-top:1px solid var(--line);color:#9eafb8;font-size:.81rem;vertical-align:middle}.concept-table td:first-child{width:62px}.concept-table img,.concept-placeholder{width:44px;height:44px;display:grid;place-items:center;object-fit:contain;border:1px solid #2d404b;border-radius:9px;background:#111b22}.concept-placeholder{color:#657a86;font:700 .55rem monospace}.concept-table code{color:var(--cyan);font-weight:700}.inherit-chip{display:inline-flex;padding:3px 8px;border:1px solid var(--accent);border-radius:20px;color:var(--accent);font:700 .66rem monospace}.relation-card code{display:block;margin:10px 0 7px;color:var(--cyan);font-size:.74rem}.source-grid{grid-template-columns:repeat(4,1fr)}.source-card code{display:block;margin-top:12px;color:#99e8e4;font-size:.69rem;word-break:break-word}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-grid a{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid var(--line);border-radius:11px;background:#0c151c;color:#b8c5cc}.related-grid a:hover{border-color:var(--accent);color:var(--accent)}.related-grid small{color:#6f838e;font:600 .62rem monospace}.eco-note{margin-top:18px;padding:17px 20px;border-left:2px solid var(--accent);background:#0d171e;color:#8fa1ab;font-size:.82rem}.eco-note b{color:#d7e2e7}.domain-badge{color:var(--accent)}
@media(max-width:900px){.eco-hero{grid-template-columns:1fr}.eco-hero-visual{min-height:230px}.eco-heading{grid-template-columns:1fr}.group-grid,.relation-grid,.source-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.eco-hero{padding-top:50px}.eco-hero h1{font-size:2.8rem}.eco-metrics,.eco-explanation,.group-grid,.relation-grid,.source-grid,.related-grid{grid-template-columns:1fr}.eco-hero-visual img{width:135px;height:135px}.eco-section{padding:42px 0}}