/* Communities > Where Community Becomes IP only (v2.18.2).
   No centre spokes or additional inner orbit. Text remains actual Studio-editable HTML. */
.ka-community .kcc-cycle {
  container:kapnam-community-cycle / inline-size;
  position:relative;isolation:isolate;width:100%;max-width:1120px;margin-inline:auto;
  color:#fff;border:1px solid #526158;border-radius:clamp(20px,2.5vw,34px);overflow:hidden;
  background:radial-gradient(ellipse at 50% 49%,#154463 0%,#0b2b42 27%,#061c2c 51%,#031420 77%,#03121c 100%);
  box-shadow:0 22px 55px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,229,178,.05);
}
.ka-community .kcc-scene {position:relative;width:100%;aspect-ratio:1000/880;isolation:isolate}
.ka-community .kcc-paths {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.ka-community .kcc-paths--compact {display:none}
.ka-community .kcc-arc__line {fill:none;stroke-width:3.5;stroke-width:clamp(2.2px,.50cqw,5.6px);stroke-linecap:round;vector-effect:non-scaling-stroke}
.ka-community .kcc-arc__glow {fill:none;stroke:#e6bc6b;stroke-width:9;stroke-opacity:.05;vector-effect:non-scaling-stroke}
.ka-community .kcc-arc__tip path {fill:#f6d382;stroke:#ffe6a5;stroke-width:.45;stroke-linejoin:round}
.ka-community .kcc-arc__beam {fill:none;stroke:#fff0c8;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:16 84;opacity:0;vector-effect:non-scaling-stroke;animation:kcc-light 8s linear infinite;animation-delay:var(--kcc-delay,0s);animation-play-state:paused}
.ka-community .kcc-cycle.is-running .kcc-arc__beam {animation-play-state:running}
.ka-community .kcc-cycle.is-subtle .kcc-arc__beam {animation-duration:14s}
.ka-community .kcc-core {
  position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:2;width:25.5%;aspect-ratio:1;
  border:2px solid #e4bb6b;border-radius:50%;padding:2cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.9cqw;
  background:radial-gradient(ellipse at 36% 18%,#1a4b6d 0,#0b2c43 38%,#041622 78%);
  box-shadow:inset 0 1px 0 rgba(255,229,162,.6),0 16px 35px rgba(0,0,0,.20),0 0 45px rgba(224,183,98,.04);
}
.ka-community .kcc-core img {display:block;width:38%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
.ka-community .kcc-core strong {display:block;text-align:center;font-size:clamp(12px,2.35cqw,26px);line-height:1.35;letter-spacing:.035em;font-weight:750;text-transform:uppercase;color:#f1d28a;max-width:100%;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.ka-community .kcc-nodes {list-style:none;margin:0;padding:0}
.ka-community .kcc-node {
  position:absolute;left:var(--kcc-x);top:var(--kcc-y);transform:translate(-50%,-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.05cqw;width:25.8%;min-height:15%;padding:1.45cqw 1.2cqw;
  background:linear-gradient(145deg,#0b293e 0%,#061b2c 66%,#041723 100%);border:2px solid #e5bc69;border-radius:clamp(15px,2.7cqw,29px);
  box-shadow:inset 0 1px 0 rgba(255,236,187,.55),0 10px 25px rgba(0,0,0,.18);color:#fff;transition:border-color .25s ease,box-shadow .25s ease;
}
.ka-community .kcc-node__icon {color:#eec877;display:block;width:clamp(28px,5.1cqw,57px);height:clamp(28px,5.1cqw,57px);flex:0 0 auto}
.ka-community .kcc-node__icon svg {display:block;width:100%;height:100%}
.ka-community .kcc-node__label {font-size:clamp(12px,2.05cqw,23px);font-weight:750;text-transform:uppercase;text-align:center;letter-spacing:.012em;line-height:1.3;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.ka-community .kcc-node--stronger .kcc-node__label {max-width:12ch}
.ka-community .kcc-arc.is-highlighted .kcc-arc__glow {stroke-opacity:.17}
.ka-community .kcc-cycle.is-positioned .kcc-paths--compact {display:none!important}
.ka-community .kcc-cycle.is-positioned .kcc-paths--wide {display:block!important}
@media(hover:hover) and (pointer:fine){
 .ka-community .kcc-node:hover {border-color:#ffe6a7;box-shadow:inset 0 1px 0 rgba(255,236,187,.7),0 0 26px rgba(225,183,91,.12)}
}
/* Tall phone layout keeps cards, centre and curved paths separate. */
@container kapnam-community-cycle (max-width:600px){
 .ka-community .kcc-scene {aspect-ratio:auto;min-height:560px}
 .ka-community .kcc-node {width:29%;min-height:92px;padding:12px 6px;gap:9px;border-width:1.5px;border-radius:17px}
 .ka-community .kcc-node--community {width:44%;max-width:220px}
 .ka-community .kcc-node__icon {width:30px;height:30px}
 .ka-community .kcc-node__label {font-size:clamp(10px,2.55cqw,13px);line-height:1.45;letter-spacing:0}
 .ka-community .kcc-core {width:29%;min-width:98px;max-width:150px;gap:7px;padding:10px 6px;border-width:1.5px}
 .ka-community .kcc-core img {width:32px;height:35px}
 .ka-community .kcc-core strong {font-size:clamp(9px,2.6cqw,14px);line-height:1.5;letter-spacing:.02em}
 .ka-community .kcc-paths--wide {display:none}
 .ka-community .kcc-paths--compact {display:block}
}
@container kapnam-community-cycle (max-width:340px){
 .ka-community .kcc-node--conversations,.ka-community .kcc-node--stronger{width:32%;padding-inline:4px}
 .ka-community .kcc-node__label{font-size:9px}
}
@keyframes kcc-light{0%{stroke-dashoffset:17;opacity:0}12%{opacity:.65}70%{stroke-dashoffset:-100;opacity:.65}80%,100%{stroke-dashoffset:-100;opacity:0}}
@media(prefers-reduced-motion:reduce){
 .ka-community .kcc-arc__beam{animation:none!important;display:none!important}
 .ka-community .kcc-node{transition:none!important}
}
body.kap-builder-active .kcc-arc__beam,.ka-community .kcc-cycle.is-motion-off .kcc-arc__beam{display:none!important;animation:none!important}
@media print{.ka-community .kcc-cycle{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.ka-community .kcc-arc__beam{display:none!important;animation:none!important}}
