/* Lucide icon sizing helpers (shared landing + docs) */

.lucide,
[data-lucide] svg {
  width: 1em;
  height: 1em;
  stroke-width: 2;
  flex-shrink: 0;
}

.icon-inline {
  display: inline-flex;
  align-items: center;
  vertical-align: -0.125em;
}

.icon-inline svg {
  width: 1em;
  height: 1em;
}

.cell-yes {
  color: var(--success, #059669);
}

td.cell-yes {
  text-align: center;
  vertical-align: middle;
}

.cell-yes svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.5;
}

.feature-icon {
  color: var(--accent, #2563eb);
}

.feature-icon svg {
  width: 22px;
  height: 22px;
}

.feature-card h4 {
  display: block;
}

.platform-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.platform-item svg {
  width: 18px;
  height: 18px;
  color: var(--accent, #2563eb);
}

.menu-toggle svg {
  width: 20px;
  height: 20px;
}

.docs-search-icon svg {
  width: 16px;
  height: 16px;
  opacity: 0.7;
}

.faq-icon svg {
  width: 16px;
  height: 16px;
}

.float-icon svg {
  width: 18px;
  height: 18px;
}

.hero-trust svg {
  width: 16px;
  height: 16px;
}

.callout-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.callout-title svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.callout-info .callout-title svg { color: var(--accent, #2563eb); }
.callout-warning .callout-title svg { color: var(--warning, #d97706); }
.callout-success .callout-title svg { color: var(--success, #059669); }
.callout-danger .callout-title svg { color: var(--danger, #dc2626); }