/* Phosphor SVGs inherit the existing palette. No font or icon runtime. */
.icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex: none;
  vertical-align: -.2em;
  fill: currentColor;
  stroke: none;
}
.icon[hidden], [hidden] > .icon { display: none; }
.feature-icon {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: var(--aqua);
  background: #7bc9c10d;
  border: 1px solid #7bc9c133;
  border-radius: 12px;
  margin-bottom: 18px;
  flex: none;
}
.feature-icon .icon, .cap-icon .icon { width: 28px; height: 28px; }
.cta-orbit .icon { width: 30px; height: 30px; }
.button .icon, .text-link .icon, .pill-arrow .icon { width: 18px; height: 18px; }
.mini-flow .icon { width: 16px; height: 16px; }
.insight-steps .icon { width: 25px; height: 25px; }
.check-list li > .icon, .session-card li > .icon {
  position: absolute;
  left: 0;
  top: .55em;
  width: 16px;
  height: 16px;
  color: var(--lime);
}
.session-card li { padding-left: 24px; }
.session-card li > .icon { top: .25em; }
.step-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.step-heading .feature-icon { margin: 0; }
.step-index { font-size: .75rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.specialists strong .icon { width: 24px; height: 24px; color: var(--aqua); margin-right: 6px; }
.price-card h3 .icon, .session-card h2 .icon { width: 24px; height: 24px; margin-right: 6px; }
.guardrail .icon { margin-right: 4px; }
.mobile-nav summary { list-style: none; display: flex; align-items: center; gap: 8px; }
.mobile-nav summary::-webkit-details-marker, .questions summary::-webkit-details-marker { display: none; }
.questions summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.questions summary .icon { color: var(--aqua); }
.questions details[open] summary .icon { transform: rotate(180deg); }
.app-summary > span .icon { width: 16px; height: 16px; margin-right: 4px; }
.app-audit .icon { width: 13px; height: 13px; }
.app-reset .icon, .app-review-actions .icon, .app-review-insight button .icon { width: 16px; height: 16px; }
.request-glyph .icon { width: 23px; height: 23px; }
@media (max-width: 600px) {
  .capability-wide .cap-icon { display: grid; }
}