/* CX and GEO use the navigation's 24-unit glyphs. Brand marks remain assets. */
:is([data-page="support"],[data-page="geo"]) svg[data-hx-icon],
:is([data-page="support"],[data-page="geo"]) svg[data-hx-icon] :is(path,rect,circle,ellipse,line,polyline,polygon) {
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}

[data-page="support"] .sc-hexagon-mark {
  display:block;
  width:18px;
  height:21px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
[data-page="support"] .sc-chat-avatar {
  background:#262626;
  color:#f5f5f5;
}
[data-page="support"] .sc-channel-brand {
  display:block;
  width:22px;
  height:22px;
  flex:none;
  object-fit:contain;
}
[data-page="support"] .sc-message-status {
  display:inline-block;
  flex:none;
  width:14px;
  height:12px;
  margin-left:0;
  color:#53bdeb;
  vertical-align:-2px;
}
[data-page="support"] .sc-continuity {
  grid-template-columns:72px minmax(0,1fr) auto;
}
[data-page="support"] .sc-continuity-mark svg[data-hx-icon] {
  width:44px;
  height:44px;
  color:#737373;
}
:is([data-page="support"],[data-page="geo"]) :is(.sc-related-arrow,.geo-related-arrow) {
  width:15px;
  height:15px;
  margin-left:4px;
  vertical-align:-3px;
}

/* Each GEO step has a distinct, compact symbol with the same internal motion
   as the corresponding navigation icon: inspect, prepare, revisit. */
[data-page="geo"] .geo-cycle-object {
  height:138px;
  gap:18px;
  padding:22px 0 18px;
}
[data-page="geo"] .geo-cycle-object>svg[data-hx-icon] {
  width:44px;
  height:44px;
  color:#dedede;
}
[data-page="geo"] :is(.geo-cycle-next,.geo-cycle-return) {
  width:24px;
  height:24px;
  color:#999;
}
[data-page="geo"] .geo-prompt-icon svg[data-hx-icon] {
  width:24px;
  height:24px;
}
:is([data-page="support"],[data-page="geo"]) .sv-motion-icon {
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:1100px) {
  [data-page="support"] .sc-continuity {
    grid-template-columns:60px minmax(0,1fr);
  }
}
@media(max-width:760px) {
  [data-page="geo"] .geo-cycle-object {
    height:auto;
    padding:0;
    gap:14px;
  }
  [data-page="geo"] .geo-cycle-object>svg[data-hx-icon] {
    width:40px;
    height:40px;
  }
}
@media(max-width:480px) {
  [data-page="support"] .sc-agent-mark .sc-hexagon-mark {
    width:14px;
    height:17px;
  }
  [data-page="support"] .sc-chat-avatar .sc-hexagon-mark {
    width:16px;
    height:19px;
  }
  [data-page="support"] .sc-channel-brand {
    width:21px;
    height:21px;
  }
  [data-page="support"] .sc-continuity {
    grid-template-columns:1fr;
  }
  [data-page="support"] .sc-continuity-mark svg[data-hx-icon] {
    width:38px;
    height:38px;
  }
}