/* ============================================================
   Antenna Demo — array.css (the Phased Array tab, .ant-array)
   The kit (style.css, .ant-module) does the layout; these are the
   array's own pieces. Every rule is scoped under .ant-array, every
   color is an --ece-* token. Planar-only controls hide on a linear
   array through the root's .planar class (no body classes).
   ============================================================ */

/* Linear / Planar */
.ant-array .type-seg { width: 100%; }
.ant-array .type-seg .ece-segment { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 5px 6px; white-space: normal; }
.ant-array .type-seg .ece-segment b { font-size: 12.5px; font-weight: 600; }
.ant-array .type-seg .ece-segment small { font-size: 10.5px; color: var(--ece-ink-3); }

.ant-array:not(.planar) .planar-only { display: none; }
.ant-array .ece-tab[hidden] { display: none; }
.ant-array .note[hidden] { display: none; }

.ant-array .ctrl-line label sub, .ant-array .metric-label sub { font-size: 0.78em; }
.ant-array .ctrl-line .axis { color: var(--ece-ink-3); font-size: 11.5px; }
.ant-array .note.teach { color: var(--ece-ink-2); font-size: 12px; line-height: 1.4; }

/* grating-lobe status, one row per spacing */
.ant-array .status-row { display: flex; align-items: center; gap: 7px; font-size: 12px; line-height: 1.3; color: var(--ece-ink-2); }
.ant-array .status-dot { width: 9px; height: 9px; flex-shrink: 0; border-radius: 50%; background: var(--ece-ok); border: 1px solid var(--ece-ok-dk); }
.ant-array .status-dot.warn { background: var(--ece-warn); border-color: var(--ece-warn-dk); }
.ant-array .metric-val { font-size: 15px; }

/* stage */
.ant-array .stage-sub { font-weight: 400; color: var(--ece-ink-3); font-size: 12.5px; }
.ant-array .explainer { flex-shrink: 0; font-size: 13px; line-height: 1.4; color: var(--ece-ink-2); padding: 0 6px; }
.ant-array .play-btn { padding-top: 4px; padding-bottom: 4px; }

@media (max-width: 1360px) {
  .ant-array .stage-sub { font-size: 12px; }
}