/* ==========================================================================
   TINH CHỈNH CHỐNG "NHÌN NHƯ AI LÀM"
   Nạp sau cùng để ghi đè. Muốn quay lại giao diện cũ: bỏ dòng link stylesheet của file
   này trong index.html + dòng tương ứng trong build-single-file.py.

   Giữ nguyên bố cục, ảnh, tiêu đề căn giữa, nút bo tròn (user đã chốt).
   Chỉ đổi 4 dấu hiệu rập khuôn:
   1. Emoji làm icon      → icon nét SVG một bộ (sprite ở đầu body)
   2. Nhãn hồng bo tròn   → chữ nhỏ in hoa kèm vạch đỏ, không nền
   3. Gạch chân vàng dày  → nhấn chữ màu đỏ thương hiệu
   4. Bo góc to + bóng mờ → bo vừa, viền mảnh, bóng rất nhẹ
   ========================================================================== */

:root {
  --radius: 10px;
  --radius-lg: 14px;
  /* Bóng mảnh như viền: thẻ tách khỏi nền mà không "lơ lửng" */
  --shadow: 0 1px 2px rgba(35, 31, 32, .06), 0 0 0 1px rgba(35, 31, 32, .07);
  --shadow-lg: 0 10px 30px rgba(35, 31, 32, .14);
}

/* ---------- 1. Icon nét ---------- */
.ico {
  width: 1em; height: 1em;
  fill: none; stroke: currentColor;
  stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
  flex-shrink: 0; vertical-align: -0.15em;
}
.hero-info .hi-icon { color: #fff; font-size: 17px; }
.pain-item .pain-icon { color: var(--red); font-size: 22px; line-height: 1; padding-top: 2px; }
.audience-item span { color: var(--red); font-size: 30px; line-height: 1; margin-bottom: 10px; }
.takeaway-icon { color: var(--red); font-size: 28px; line-height: 1; }
.takeaway-card--ceo .takeaway-icon { color: var(--gold); }
.hero-gift .ico { color: var(--gold); }
.site-footer li > span:first-child { color: var(--gold); font-size: 16px; padding-top: 3px; }
.floating-contact .ico { font-size: 22px; stroke-width: 2; }
.nav-toggle .ico { font-size: 24px; stroke-width: 2; }
.form-success .ico { font-size: 20px; color: #16a34a; margin-right: 4px; }

/* ---------- 2. Nhãn trên tiêu đề ---------- */
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  background: none; padding: 0; border-radius: 0;
  font-size: 12.5px; letter-spacing: .16em;
}
.eyebrow::before { content: ''; flex-shrink: 0; width: 24px; height: 2px; background: currentColor; }
/* Mobile: nhãn dài xuống 2 dòng thì vạch đứng lẻ loi → bỏ vạch */
@media (max-width: 640px) { .eyebrow::before { display: none; } }
.section--red .eyebrow,
.section--dark .eyebrow { background: none; }
/* Nhãn phụ huynh nằm trên nền đỏ: giữ khối vàng nhưng bo nhỏ */
.parent-box .eyebrow { padding: 5px 10px; border-radius: 4px; }
.parent-box .eyebrow::before { display: none; }

/* ---------- 3. Nhấn chữ trong tiêu đề ---------- */
.underline-gold { color: var(--red); }
.underline-gold::after { display: none; }

/* ---------- 4. Thẻ, nút ---------- */
.agenda-card, .journey-phase, .alumni-card, .quote-card, .expert-card,
.takeaway-card--doc, .value-card, .faq-item { box-shadow: var(--shadow); }
.btn--primary { box-shadow: 0 2px 6px rgba(190, 30, 45, .25); }
.btn--primary:hover { box-shadow: 0 4px 12px rgba(190, 30, 45, .3); }
.btn--gold { box-shadow: 0 2px 6px rgba(35, 31, 32, .15); }

/* Thanh vàng phải phẳng theo brand guideline (trước đây là gradient) */
.cta-strip { background: var(--gold); }