.syn-modules {
    --syn-bg:#07111f;
    --syn-panel:rgba(13,29,50,.82);
    --syn-panel-strong:rgba(17,42,70,.94);
    --syn-cyan:#20e6ff;
    --syn-blue:#246bff;
    --syn-text:#f4f8ff;
    --syn-muted:#aebbd0;
    --syn-line:rgba(32,230,255,.24);
    position:relative;
    overflow:hidden;
    padding:clamp(48px,6vw,92px) clamp(18px,4vw,56px);
    color:var(--syn-text);
    background:radial-gradient(circle at top left,rgba(32,230,255,.18),transparent 34%),radial-gradient(circle at bottom right,rgba(36,107,255,.2),transparent 38%),linear-gradient(135deg,#06101d 0%,#0b1728 45%,#07111f 100%);
    border-radius:28px;
}
.syn-modules:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.syn-modules__header{position:relative;z-index:1;max-width:860px;margin:0 auto 38px;text-align:center}.syn-eyebrow{display:inline-flex;margin-bottom:14px;color:var(--syn-cyan);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.syn-modules__header h2{margin:0 0 14px;color:var(--syn-text);font-size:clamp(30px,4vw,54px);line-height:1.05;font-weight:800}.syn-modules__header p{margin:0 auto;color:var(--syn-muted);font-size:clamp(16px,1.5vw,19px);line-height:1.65}
.syn-modules__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:22px;align-items:stretch}.syn-module-card{position:relative;min-height:390px;overflow:hidden;border:1px solid var(--syn-line);border-radius:24px;background:linear-gradient(180deg,var(--syn-panel),rgba(8,18,31,.92));box-shadow:0 20px 60px rgba(0,0,0,.26);isolation:isolate}.syn-module-card:before{content:"";position:absolute;inset:-1px;opacity:0;pointer-events:none;background:radial-gradient(420px circle at var(--mouse-x,50%) var(--mouse-y,20%),rgba(32,230,255,.22),transparent 42%);transition:opacity .25s ease;z-index:-1}.syn-module-card:hover:before{opacity:1}.syn-module-card__media{height:160px;background-size:cover;background-position:center;opacity:.82}.syn-module-card__media:after{content:"";display:block;height:100%;background:linear-gradient(180deg,transparent,rgba(7,17,31,.88))}.syn-module-card__body{padding:24px}.syn-module-card__top,.syn-module-card__label{display:none}.syn-module-header{display:flex;align-items:center;gap:18px;margin-bottom:18px}.syn-module-header__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;line-height:0}.syn-module-header__icon>*{display:block}.syn-module-header__icon-mobile{display:none}.syn-module-header__text{min-width:0}.syn-module-header__title{margin:0 0 6px;color:var(--syn-text);font-size:25px;line-height:1.15}.syn-module-header__subtitle{margin:0;color:var(--syn-cyan);font-weight:700}.syn-module-card__description{margin:0 0 18px;color:var(--syn-muted);line-height:1.58}.syn-module-card__cta{display:inline-flex;margin-top:18px;color:var(--syn-text);text-decoration:none;font-weight:800;border:1px solid var(--syn-line);border-radius:999px;padding:10px 15px;background:rgba(32,230,255,.08)}.syn-module-card__cta:hover{border-color:rgba(32,230,255,.7)}
/* Feature list: plugin controls structure only. Icon size/effects are controlled by the icon CSS classes. */
.syn-feature-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.syn-feature-list__item{display:flex;gap:14px;align-items:center;padding:16px 18px;border:1px solid rgba(32,230,255,.18);border-radius:18px;background:rgba(255,255,255,.035)}
.syn-feature-list__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;line-height:0}
.syn-feature-list__icon>*{display:block}
.syn-feature-list__content{min-width:0}.syn-feature-list__content strong{display:block;color:var(--syn-text);font-size:15px;line-height:1.25}.syn-feature-list__content small{display:block;margin-top:5px;color:var(--syn-muted);font-size:14px;line-height:1.42}
/* Icon visuals are intentionally not defined here. Project/theme CSS owns icon size, sprites, background-position and effects. */


/* Desktop multi-column rhythm: equal section heights across cards in the same grid.
   This is intentionally structural CSS: exact values are exposed as variables and can be overridden by the theme. */
.syn-modules{
    --syn-module-header-min-height:180px;
    --syn-module-description-height:158px;
    --syn-feature-card-height:138px;
}
@media (min-width:768px){
  .syn-module-card{height:100%;display:flex;flex-direction:column}
  .syn-module-card__media{flex:0 0 auto}
  .syn-module-card__body{flex:1 1 auto;display:flex;flex-direction:column}
  .syn-module-header{min-height:var(--syn-module-header-min-height);align-items:center}
  .syn-module-card__description{
      min-height:var(--syn-module-description-height);
      max-height:var(--syn-module-description-height);
      overflow:hidden;
  }
  .syn-feature-list__item{
      min-height:var(--syn-feature-card-height);
      height:var(--syn-feature-card-height);
      overflow:hidden;
  }
  .syn-feature-list__content small{
      display:-webkit-box;
      -webkit-line-clamp:4;
      -webkit-box-orient:vertical;
      overflow:hidden;
  }
}

@media (max-width:520px){.syn-modules{border-radius:18px;padding:36px 14px}.syn-module-card{min-height:0}.syn-module-card__body{padding:20px}.syn-modules__grid{grid-template-columns:1fr}}

/* Mobile Module Header: desktop uses the admin icon class; mobile uses the derived syn-icon-80 / icon-80-* class.
   The framework switches classes only; sprite images, positions and effects remain theme-owned. */
@media (max-width:767px){
  .syn-module-header{display:block;margin-bottom:10px}
  .syn-module-header__icon{float:left;display:block;margin:0 16px 8px 0;line-height:1}
  .syn-module-header__icon-desktop{display:none}
  .syn-module-header__icon-mobile{display:block}
  .syn-module-header__text{display:block;min-width:0;padding-top:2px}
  .syn-module-header__title{margin:0 0 6px;line-height:1.08}
  .syn-module-header__subtitle{margin:0;line-height:1.25}
  .syn-module-card__description{margin-top:0}
  .syn-feature-list{clear:both}
  .syn-feature-list__item{align-items:flex-start}
}

@media (max-width:420px){.syn-module-header__icon{margin-right:14px;margin-bottom:6px}}

/* Single Module Frame: next reusable presentation frame. */
.syn-single-module{
  --syn-bg:#07111f;
  --syn-panel:rgba(13,29,50,.86);
  --syn-panel-strong:rgba(17,42,70,.94);
  --syn-cyan:#20e6ff;
  --syn-text:#f4f8ff;
  --syn-muted:#aebbd0;
  --syn-line:rgba(32,230,255,.24);
  color:var(--syn-text);
}
.syn-single-module__header{margin:0 0 22px}.syn-single-module__header h2{margin:0;color:var(--syn-text)}
.syn-module-frame{border:1px solid var(--syn-line);border-radius:24px;background:linear-gradient(180deg,var(--syn-panel),rgba(8,18,31,.94));overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.syn-module-frame__grid{display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(360px,.85fr);gap:0;align-items:stretch}
.syn-module-frame__media-wrap{min-height:420px;background:rgba(255,255,255,.025)}
.syn-module-frame__media{height:100%;min-height:420px;background-size:cover;background-position:center;opacity:.9}
.syn-module-frame__panel{padding:clamp(24px,3.2vw,42px);display:flex;flex-direction:column;justify-content:center}
.syn-module-frame__overview p{margin:0 0 20px;color:var(--syn-muted);font-size:clamp(17px,1.5vw,21px);line-height:1.6}
.syn-module-frame__features .syn-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.syn-module-frame__features .syn-feature-list__item{height:auto;min-height:170px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;padding:18px 14px}
.syn-module-frame__features .syn-feature-list__icon{margin-bottom:10px}
.syn-module-frame__features .syn-feature-list__content strong{font-size:15px}.syn-module-frame__features .syn-feature-list__content small{font-size:13px}
.syn-module-frame__cta{align-self:flex-start;display:inline-flex;margin-top:22px;color:var(--syn-text);text-decoration:none;font-weight:800;border:1px solid var(--syn-line);border-radius:999px;padding:11px 18px;background:rgba(32,230,255,.08)}
.syn-module-notice{padding:14px 16px;border:1px solid #c3c4c7;background:#fff;color:#1d2327}
@media (max-width:900px){.syn-module-frame__grid{grid-template-columns:1fr}.syn-module-frame__media-wrap,.syn-module-frame__media{min-height:260px}.syn-module-frame__features .syn-feature-list{grid-template-columns:1fr}}

/* SYNTERIX Ecosystem Core: visual manifestation of Core as context selector. */
.syn-ecosystem-core{
  --syn-bg:#07111f;
  --syn-panel:rgba(13,29,50,.86);
  --syn-cyan:#20e6ff;
  --syn-blue:#246bff;
  --syn-text:#f4f8ff;
  --syn-muted:#aebbd0;
  --syn-line:rgba(32,230,255,.24);
  color:var(--syn-text);
}
.syn-ecosystem-core__map{
  position:relative;
  min-height:clamp(380px,46vw,560px);
  margin:0 0 28px;
  border:1px solid var(--syn-line);
  border-radius:28px;
  overflow:hidden;
  background:radial-gradient(circle at center,rgba(32,230,255,.18),transparent 34%),linear-gradient(135deg,#06101d,#0b1728 56%,#07111f);
}
.syn-ecosystem-core__map:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:radial-gradient(circle at center,#000,transparent 78%);
}
.syn-ecosystem-core__orbit{position:absolute;inset:12%;border:1px solid rgba(32,230,255,.2);border-radius:999px;box-shadow:0 0 50px rgba(32,230,255,.08) inset;pointer-events:none}
.syn-ecosystem-core__node{
  position:absolute;z-index:2;transform:translate(-50%,-50%);
  appearance:none;border:1px solid var(--syn-line);border-radius:22px;
  min-width:142px;min-height:104px;padding:12px 14px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  color:var(--syn-text);background:rgba(13,29,50,.78);cursor:pointer;
  box-shadow:0 16px 45px rgba(0,0,0,.25);
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.syn-ecosystem-core__node:hover,.syn-ecosystem-core__node.is-active{border-color:rgba(32,230,255,.74);background:rgba(17,42,70,.94);box-shadow:0 0 28px rgba(32,230,255,.2),0 18px 55px rgba(0,0,0,.34)}
.syn-ecosystem-core__node:hover{transform:translate(-50%,-50%) scale(1.03)}
.syn-ecosystem-core__node.is-active{transform:translate(-50%,-50%) scale(1.06)}
.syn-ecosystem-core__node--core{left:50%;top:50%;min-width:190px;min-height:142px;border-radius:28px;background:rgba(17,42,70,.96)}
.syn-ecosystem-core__node:nth-of-type(2){left:50%;top:14%}
.syn-ecosystem-core__node:nth-of-type(3){left:76%;top:28%}
.syn-ecosystem-core__node:nth-of-type(4){left:82%;top:66%}
.syn-ecosystem-core__node:nth-of-type(5){left:62%;top:84%}
.syn-ecosystem-core__node:nth-of-type(6){left:38%;top:84%}
.syn-ecosystem-core__node:nth-of-type(7){left:18%;top:66%}
.syn-ecosystem-core__node:nth-of-type(8){left:24%;top:28%}
.syn-ecosystem-core__node:nth-of-type(9){left:50%;top:86%}
.syn-ecosystem-core__node-icon{display:flex;align-items:center;justify-content:center;line-height:0}.syn-ecosystem-core__node-icon>*{display:block}
.syn-ecosystem-core__node-text{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.syn-ecosystem-core__node-title{font-weight:800;letter-spacing:.02em}.syn-ecosystem-core__node-role{color:var(--syn-cyan);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}
.syn-ecosystem-core__context{scroll-margin-top:calc(var(--syn-sticky-offset,84px) + 14px)}
.syn-ecosystem-core__panel{animation:syn-panel-in .22s ease both}.syn-ecosystem-core__panel[hidden]{display:none!important}@keyframes syn-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}


/* Ecosystem Core overlay mode: Core remains present without stealing the module frame.
   Desktop: the map behaves like a compact semi-transparent HUD over the selected module.
   Hover/focus expands it for selection; click returns it to compact state. */
@media (min-width:980px){
  .syn-ecosystem-core--sticky{
    position:relative;
    display:block;
  }
  .syn-ecosystem-core--sticky .syn-ecosystem-core__context{
    min-width:0;
  }
  .syn-ecosystem-core--sticky .syn-ecosystem-core__map{
    position:absolute;
    z-index:8;
    top:18px;
    left:18px;
    width:min(48vw,560px);
    height:min(45vw,520px);
    min-height:0;
    margin:0;
    transform:scale(.48);
    transform-origin:top left;
    opacity:.38;
    border-color:rgba(32,230,255,.20);
    background:radial-gradient(circle at center,rgba(32,230,255,.15),transparent 34%),linear-gradient(135deg,rgba(6,16,29,.70),rgba(11,23,40,.72) 56%,rgba(7,17,31,.70));
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    box-shadow:0 0 28px rgba(32,230,255,.08);
    transition:transform .24s ease,opacity .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
  }
  .syn-ecosystem-core--sticky .syn-ecosystem-core__map:hover,
  .syn-ecosystem-core--sticky .syn-ecosystem-core__map:focus-within{
    transform:scale(1);
    opacity:.96;
    border-color:rgba(32,230,255,.55);
    background:radial-gradient(circle at center,rgba(32,230,255,.22),transparent 34%),linear-gradient(135deg,rgba(6,16,29,.92),rgba(11,23,40,.94) 56%,rgba(7,17,31,.92));
    box-shadow:0 20px 70px rgba(0,0,0,.36),0 0 46px rgba(32,230,255,.16);
  }
  .syn-ecosystem-core--sticky.is-collapsing .syn-ecosystem-core__map{
    transform:scale(.48)!important;
    opacity:.38!important;
  }
  .syn-ecosystem-core--sticky .syn-ecosystem-core__node{min-width:104px;min-height:84px;padding:10px 10px;gap:6px;border-radius:18px;}
  .syn-ecosystem-core--sticky .syn-ecosystem-core__node--core{min-width:150px;min-height:118px;border-radius:24px;}
  .syn-ecosystem-core--sticky .syn-ecosystem-core__node-title{font-size:13px;}
  .syn-ecosystem-core--sticky .syn-ecosystem-core__node-role{font-size:10px;}
}

@media (max-width:767px){
  .syn-ecosystem-core__map{
    min-height:0;
    padding:12px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    border-radius:20px;
    margin-bottom:16px;
  }
  .syn-ecosystem-core__orbit{display:none}
  .syn-ecosystem-core__node{
    position:relative;left:auto!important;top:auto!important;transform:none!important;
    min-width:0;min-height:70px;padding:8px 6px;gap:4px;border-radius:14px;
  }
  .syn-ecosystem-core__node--core{grid-column:1/-1;min-height:78px}
  .syn-ecosystem-core__node:hover,.syn-ecosystem-core__node.is-active{transform:none!important}
  .syn-ecosystem-core__node-icon{width:54px;height:42px;overflow:visible}
  .syn-ecosystem-core__node-icon>*{transform:scale(.58);transform-origin:center}
  .syn-ecosystem-core__node-title{font-size:11px;line-height:1.1}
  .syn-ecosystem-core__node-role{font-size:9px}
}

/* v0.7.3-alpha: Core HUD trigger + unified overlay behavior.
   The trigger makes the hidden navigator discoverable; the HUD opens on hover/focus/click and closes after selection. */
.syn-ecosystem-core{
  position:relative;
}
.syn-ecosystem-core__trigger{
  position:absolute;
  z-index:14;
  top:18px;
  left:18px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:8px 12px;
  border:1px solid rgba(32,230,255,.36);
  border-radius:999px;
  color:var(--syn-text);
  background:rgba(7,17,31,.62);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  box-shadow:0 0 18px rgba(32,230,255,.13),0 12px 34px rgba(0,0,0,.26);
  cursor:pointer;
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.syn-ecosystem-core__trigger:hover,
.syn-ecosystem-core__trigger:focus-visible,
.syn-ecosystem-core.is-open .syn-ecosystem-core__trigger{
  border-color:rgba(32,230,255,.72);
  background:rgba(17,42,70,.88);
  box-shadow:0 0 28px rgba(32,230,255,.24),0 16px 42px rgba(0,0,0,.32);
  transform:translateY(-1px);
}
.syn-ecosystem-core__trigger-text{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.syn-ecosystem-core__trigger-mark{
  position:relative;
  display:block;
  width:24px;
  height:18px;
}
.syn-ecosystem-core__trigger-mark:before,
.syn-ecosystem-core__trigger-mark:after{
  content:"";
  position:absolute;
  height:1px;
  background:rgba(32,230,255,.72);
  transform-origin:left center;
}
.syn-ecosystem-core__trigger-mark:before{left:6px;top:5px;width:13px;transform:rotate(22deg)}
.syn-ecosystem-core__trigger-mark:after{left:6px;top:13px;width:13px;transform:rotate(-22deg)}
.syn-ecosystem-core__trigger-mark span{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:999px;
  border:1px solid rgba(32,230,255,.86);
  background:rgba(7,17,31,.86);
  box-shadow:0 0 10px rgba(32,230,255,.35);
}
.syn-ecosystem-core__trigger-mark span:nth-child(1){left:0;top:0}
.syn-ecosystem-core__trigger-mark span:nth-child(2){right:0;top:5px}
.syn-ecosystem-core__trigger-mark span:nth-child(3){left:0;bottom:0}

/* Override previous sticky/mobile rules: frame stays full width; HUD is overlay on every viewport. */
.syn-ecosystem-core--sticky .syn-ecosystem-core__context,
.syn-ecosystem-core__context{
  min-width:0;
}
.syn-ecosystem-core--sticky .syn-ecosystem-core__map,
.syn-ecosystem-core__map{
  position:absolute!important;
  z-index:13;
  top:18px;
  left:18px;
  width:min(48vw,560px);
  height:min(45vw,520px);
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  border-radius:28px;
  opacity:0;
  pointer-events:none;
  transform:scale(.30)!important;
  transform-origin:top left!important;
  border-color:rgba(32,230,255,.18);
  background:radial-gradient(circle at center,rgba(32,230,255,.18),transparent 34%),linear-gradient(135deg,rgba(6,16,29,.88),rgba(11,23,40,.90) 56%,rgba(7,17,31,.88));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 18px 55px rgba(0,0,0,.36),0 0 42px rgba(32,230,255,.12);
  transition:opacity .22s ease,transform .24s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.syn-ecosystem-core.is-open .syn-ecosystem-core__map,
.syn-ecosystem-core__map:focus-within{
  opacity:.97;
  pointer-events:auto;
  transform:scale(1)!important;
  border-color:rgba(32,230,255,.58);
  box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 54px rgba(32,230,255,.20);
}
.syn-ecosystem-core.is-closing .syn-ecosystem-core__map{
  opacity:0!important;
  pointer-events:none!important;
  transform:scale(.30)!important;
}
.syn-ecosystem-core.is-open .syn-ecosystem-core__trigger{
  opacity:.18;
  pointer-events:none;
}
.syn-ecosystem-core__map .syn-ecosystem-core__node{
  position:absolute!important;
  z-index:2;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translate(-50%,-50%)!important;
}
.syn-ecosystem-core__map .syn-ecosystem-core__node:hover{transform:translate(-50%,-50%) scale(1.03)!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node.is-active{transform:translate(-50%,-50%) scale(1.06)!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node--core{left:50%!important;top:50%!important;min-width:150px;min-height:118px;border-radius:24px}
.syn-ecosystem-core__map .syn-ecosystem-core__node:nth-of-type(2){left:50%!important;top:14%!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node:nth-of-type(3){left:76%!important;top:28%!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node:nth-of-type(4){left:82%!important;top:66%!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node:nth-of-type(5){left:62%!important;top:84%!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node:nth-of-type(6){left:38%!important;top:84%!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node:nth-of-type(7){left:18%!important;top:66%!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node:nth-of-type(8){left:24%!important;top:28%!important}
.syn-ecosystem-core__map .syn-ecosystem-core__node:nth-of-type(9){left:50%!important;top:86%!important}

@media (max-width:767px){
  .syn-ecosystem-core__trigger{
    top:12px;
    left:12px;
    min-height:38px;
    padding:7px 10px;
  }
  .syn-ecosystem-core__trigger-text{font-size:11px}
  .syn-ecosystem-core--sticky .syn-ecosystem-core__map,
  .syn-ecosystem-core__map{
    top:12px;
    left:12px;
    width:calc(100% - 24px);
    height:min(92vw,420px);
    border-radius:20px;
    transform:scale(.20)!important;
  }
  .syn-ecosystem-core.is-open .syn-ecosystem-core__map,
  .syn-ecosystem-core__map:focus-within{
    transform:scale(1)!important;
  }
  .syn-ecosystem-core.is-closing .syn-ecosystem-core__map{
    transform:scale(.20)!important;
  }
  .syn-ecosystem-core__map .syn-ecosystem-core__node{
    min-width:82px;
    min-height:64px;
    padding:7px 6px;
    gap:4px;
    border-radius:14px;
  }
  .syn-ecosystem-core__map .syn-ecosystem-core__node--core{
    min-width:116px;
    min-height:86px;
    border-radius:18px;
  }
  .syn-ecosystem-core__map .syn-ecosystem-core__node-icon{width:auto;height:auto;overflow:visible}
  .syn-ecosystem-core__map .syn-ecosystem-core__node-icon>*{transform:scale(.58);transform-origin:center}
  .syn-ecosystem-core__map .syn-ecosystem-core__node-title{font-size:11px;line-height:1.1}
  .syn-ecosystem-core__map .syn-ecosystem-core__node-role{font-size:9px}
}