/* Site-wide Lucide icon system — 16–20px, color via currentColor / CSS variables */

[data-lucide],
.lucide {
  width: 18px;
  height: 18px;
  stroke-width: 2;
  flex-shrink: 0;
  color: currentColor;
}

/* Heading / callout label icons */
.heading-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

h2:has(> .heading-icon),
h3:has(> .heading-icon),
a:has(> .heading-icon) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.heading-icon-objectives { color: #c4b5fd; }
.heading-icon-tip { color: #86efac; }
.heading-icon-warning { color: #fca5a5; }
.heading-icon-quiz { color: #7dd3fc; }
.heading-icon-prereq { color: #94a3b8; }
.heading-icon-enterprise { color: #fcd34d; }
.heading-icon-takeaways { color: #f9a8d4; }
.heading-icon-continue { color: #7dd3fc; }
.heading-icon-shield { color: #86efac; }
.heading-icon-lock { color: #fcd34d; }
.heading-icon-monitor { color: #7dd3fc; }
.heading-icon-rocket { color: #fbbf24; }

/* List / table checkmarks */
.list-check-icon,
.table-check-icon,
.meta-check-icon {
  width: 16px;
  height: 16px;
  color: var(--green, #4ade80);
  flex-shrink: 0;
}

.check li,
.quick-list li,
.content-list li,
.security-item {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.security-item {
  align-items: center;
}

.linux-series-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Topic hub cards */
.hub-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 12px;
  border-radius: 12px;
  background: rgba(56, 189, 248, 0.1);
  color: var(--hub-icon-color, var(--cyan, #38bdf8));
}

.hub-icon [data-lucide],
.hub-icon svg {
  width: 20px;
  height: 20px;
}

.hub-icon-sendmail { --hub-icon-color: #38bdf8; }
.hub-icon-linux { --hub-icon-color: #4ade80; }
.hub-icon-storage { --hub-icon-color: #a78bfa; }

/* Learning / quiz page logos and CTAs */
.logo-icon {
  display: inline-grid;
  place-items: center;
}

.logo-icon [data-lucide],
.logo-icon svg {
  width: 22px;
  height: 22px;
  color: var(--cyan, #38bdf8);
}

.quiz-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.quiz-container h1 {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Linux series toolbar + meta */
.icon-btn {
  display: inline-grid;
  place-items: center;
}

.icon-btn [data-lucide],
.icon-btn svg {
  width: 18px;
  height: 18px;
}

.meta-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: -2px;
}

.chapter-hero .meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Callout header icons (linux-series app.js enhancement) */
.callout-icon {
  display: grid;
  place-items: center;
}

.callout-icon [data-lucide],
.callout-icon svg {
  width: 16px;
  height: 16px;
}

.item.completed .completed-check {
  width: 12px;
  height: 12px;
  margin-left: 3px;
  color: var(--green, #4ade80);
  vertical-align: middle;
}

/* Certificate preview icons */
.score-item .icon,
.seal-icon {
  display: inline-grid;
  place-items: center;
}

.score-item .icon [data-lucide],
.score-item .icon svg,
.seal-icon [data-lucide],
.seal-icon svg {
  width: 20px;
  height: 20px;
}

.score-item .icon [data-lucide],
.score-item .icon svg {
  color: #fbbf24;
}

.seal-icon [data-lucide],
.seal-icon svg {
  width: 22px;
  height: 22px;
  color: #fcd34d;
}