/* Shared honeycomb ecosystem, French and English. */
.tool-ecosystem{--cell-line:#39483e;--cell-fill:#171e19;--cell-text:#d4dbd5;--cell-active:#183e2b;position:relative;margin-top:clamp(3rem,6vw,5.5rem);border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#18312480,transparent 65%),#101411}
.tool-ecosystem-head{padding:clamp(1.4rem,3.4vw,2.6rem);padding-bottom:1.4rem}
.tool-ecosystem-head .eyebrow{margin-bottom:.75rem}
.tool-ecosystem-title{max-width:28ch}
.tool-ecosystem-hint{margin:.85rem 0 0;color:var(--muted);font-size:.9rem;max-width:55ch}
.tool-browser{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:2rem;padding:0 clamp(1rem,3.4vw,2.6rem) 2.6rem}
.tool-categories{display:flex;flex-direction:column;gap:.4rem}
.tool-category{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:.8rem 1rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tool-category::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}
.tool-category-label{font-size:.82rem;font-weight:550;line-height:1.4}
.tool-category.is-active{color:var(--ink);background:#24936520;border-color:#34b07e65}
.tool-category.is-active::before{opacity:1;background:#55d99a;box-shadow:0 0 14px #55d99a90}
.tool-category:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}
.tool-honeycomb{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;min-width:0}
.tool-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:.866;min-width:0;padding:12px 8px;color:var(--cell-text);isolation:isolate;transition:filter .25s}
.tool-honeycomb.is-ready .tool-card{position:absolute;aspect-ratio:auto}
.tool-card::before,.tool-card::after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--cell-line);transition:background .25s}
.tool-card::after{inset:1px;background:var(--cell-fill)}
.tool-card.is-lit{filter:drop-shadow(0 0 7px #34b07e40);color:var(--ink)}
.tool-card.is-lit::before{background:#55d99a}
.tool-card.is-lit::after{background:radial-gradient(ellipse at 50% 30%,#34b07e38,transparent 80%),var(--cell-active)}
.tool-card img{width:27px;height:27px;object-fit:contain;display:block;flex:none;opacity:.72;transition:opacity .25s}
.tool-card.is-lit img{opacity:1}
.tool-card-name{max-width:100%;font-size:clamp(.62rem,.85vw,.76rem);font-weight:550;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.tool-card--brand-lockup img{width:85%;height:28px;padding:3px;border-radius:4px;background:#fff}
.tool-card--official-icon img{padding:3px;border-radius:5px;background:#fff}
html[data-wl-theme="light"] .tool-ecosystem{--cell-line:#bdcfc2;--cell-fill:#f4f8f4;--cell-text:#435e4c;--cell-active:#c1ecd0;background:radial-gradient(ellipse at 75% 40%,#d3e9d7,transparent 65%),#edf4ee;box-shadow:none}
html[data-wl-theme="light"] .tool-card.is-lit::before{background:#218850}
html[data-wl-theme="light"] .tool-card img[src*="/FFFFFF"]{filter:brightness(.25)}
@media(max-width:1000px){.tool-browser{grid-template-columns:175px minmax(0,1fr);gap:1rem}.tool-category{padding:.65rem}.tool-category-label{font-size:.76rem}}
@media(max-width:700px){.tool-browser{grid-template-columns:minmax(0,1fr);padding-bottom:1.5rem;gap:1.5rem}.tool-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.tool-category{border-color:var(--line-2);min-height:44px}.tool-card-name{font-size:.69rem}.tool-ecosystem-head{padding:1.4rem}.tool-ecosystem-hint{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.tool-category,.tool-card,.tool-card::before,.tool-card::after,.tool-card img{transition:none}}