/* Small Helix — stroke icon system (brand-aligned, replaces emoji in UI) */
:root {
  --sh-icon-stroke: 1.75;
  --sh-icon-color: #5546a8;
  --sh-icon-color-soft: #6b5fb8;
}

.sh-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--sh-icon-color);
}
.sh-ico svg {
  width: 1em;
  height: 1em;
  stroke: currentColor;
  fill: none;
  stroke-width: var(--sh-icon-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sh-ico--sm { width: 1rem; height: 1rem; font-size: 1rem; }
.sh-ico--md { width: 1.375rem; height: 1.375rem; font-size: 1.375rem; }
.sh-ico--lg { width: 1.75rem; height: 1.75rem; font-size: 1.75rem; }
.sh-ico--muted { color: #64748b; }
.sh-ico--on-accent { color: rgba(255, 255, 255, 0.95); }

/* Fixed-size boxes for marketing cards */
.sh-ico-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.sh-ico-slot svg {
  width: 22px;
  height: 22px;
  stroke: var(--sh-icon-color);
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sh-ico-slot--lg svg {
  width: 26px;
  height: 26px;
}