.page-blog-bi-quyet-no-hu { color: #333333; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.7; background: #FFFFFF; }
.page-blog-bi-quyet-no-hu h1, .page-blog-bi-quyet-no-hu h2, .page-blog-bi-quyet-no-hu h3 { color: #017439; }
.page-blog-bi-quyet-no-hu__hero-section { padding-top: 0; margin-top: 0; width: 100%; overflow: hidden; }
.page-blog-bi-quyet-no-hu__hero-image-wrap { width: 100%; max-width: 1200px; margin: 0 auto; }
.page-blog-bi-quyet-no-hu__hero-image { width: 100%; height: auto; display: block; }
.page-blog-bi-quyet-no-hu__hero-content { max-width: 900px; margin: 0 auto; padding: 24px 16px; text-align: center; }
.page-blog-bi-quyet-no-hu__hero-title { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 700; line-height: 1.3; margin: 0 0 12px; letter-spacing: 0.5px; }
.page-blog-bi-quyet-no-hu__hero-desc { font-size: 1rem; color: #444; margin: 0 0 20px; }
.page-blog-bi-quyet-no-hu__hero-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.page-blog-bi-quyet-no-hu__btn { display: inline-block; padding: 12px 22px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.95rem; transition: opacity 0.2s, transform 0.2s; box-sizing: border-box; max-width: 100%; white-space: normal; word-wrap: break-word; text-align: center; }
.page-blog-bi-quyet-no-hu__btn:hover { opacity: 0.9; transform: translateY(-1px); }
.page-blog-bi-quyet-no-hu__btn--register { background: #C30808; color: #FFFF00; }
.page-blog-bi-quyet-no-hu__btn--login { background: #C30808; color: #FFFF00; }
.page-blog-bi-quyet-no-hu__btn--secondary { background: #017439; color: #FFFFFF; }
.page-blog-bi-quyet-no-hu__btn--promo { background: #017439; color: #FFFFFF; }
.page-blog-bi-quyet-no-hu__intro-section, .page-blog-bi-quyet-no-hu__overview-section, .page-blog-bi-quyet-no-hu__advantages-section, .page-blog-bi-quyet-no-hu__guide-section, .page-blog-bi-quyet-no-hu__promo-section, .page-blog-bi-quyet-no-hu__app-section, .page-blog-bi-quyet-no-hu__faq-section, .page-blog-bi-quyet-no-hu__blog-section, .page-blog-bi-quyet-no-hu__final-cta { max-width: 1100px; margin: 0 auto; padding: 28px 16px; }
.page-blog-bi-quyet-no-hu__section-title { font-size: clamp(1.3rem, 2.4vw, 1.75rem); font-weight: 700; margin: 0 0 14px; line-height: 1.35; }
.page-blog-bi-quyet-no-hu__sub-title { font-size: 1.1rem; font-weight: 600; margin: 18px 0 8px; color: #017439; }
.page-blog-bi-quyet-no-hu__list { margin: 12px 0 16px 20px; padding: 0; }
.page-blog-bi-quyet-no-hu__list li { margin-bottom: 8px; }
.page-blog-bi-quyet-no-hu__overview-table-wrap { overflow-x: auto; margin-top: 16px; }
.page-blog-bi-quyet-no-hu__overview-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.page-blog-bi-quyet-no-hu__overview-table th, .page-blog-bi-quyet-no-hu__overview-table td { border: 1px solid #dcdcdc; padding: 10px 12px; text-align: left; }
.page-blog-bi-quyet-no-hu__overview-table th { background: #017439; color: #FFFFFF; }
.page-blog-bi-quyet-no-hu__inline-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.page-blog-bi-quyet-no-hu__faq-list { display: flex; flex-direction: column; gap: 10px; }
.page-blog-bi-quyet-no-hu__faq-item { border: 1px solid #e2e2e2; border-radius: 8px; overflow: hidden; background: #fafafa; }
.page-blog-bi-quyet-no-hu__faq-question { width: 100%; text-align: left; background: #FFFFFF; border: none; padding: 14px 16px; font-size: 1rem; font-weight: 600; color: #017439; cursor: pointer; }
.page-blog-bi-quyet-no-hu__faq-answer { padding: 0 16px 14px; color: #333333; display: none; }
.page-blog-bi-quyet-no-hu__faq-item--open .page-blog-bi-quyet-no-hu__faq-answer { display: block; }
.page-blog-bi-quyet-no-hu__blog-track-wrap { position: relative; }
.page-blog-bi-quyet-no-hu__blog-track { display: flex; gap: 16px; overflow-x: hidden; scroll-behavior: smooth; }
.page-blog-bi-quyet-no-hu__blog-card { flex: 0 0 calc(33.333% - 11px); box-sizing: border-box; background: #ffffff; border: 1px solid #eeeeee; border-radius: 10px; overflow: hidden; }
.page-blog-bi-quyet-no-hu__blog-img { width: 100%; height: auto; display: block; }
.page-blog-bi-quyet-no-hu__blog-title { font-size: 1rem; margin: 10px 12px 14px; line-height: 1.4; }
.page-blog-bi-quyet-no-hu__blog-title a { color: #017439; text-decoration: none; }
.page-blog-bi-quyet-no-hu__blog-title a:hover { text-decoration: underline; }
.page-blog-bi-quyet-no-hu__blog-controls { display: flex; gap: 10px; justify-content: center; margin-top: 16px; }
.page-blog-bi-quyet-no-hu__blog-prev, .page-blog-bi-quyet-no-hu__blog-next { padding: 10px 20px; border-radius: 8px; border: 1px solid #017439; background: #FFFFFF; color: #017439; font-weight: 600; cursor: pointer; max-width: 100%; }
.page-blog-bi-quyet-no-hu__final-cta { text-align: center; }
.page-blog-bi-quyet-no-hu__final-cta .page-blog-bi-quyet-no-hu__inline-cta { justify-content: center; }
.page-blog-bi-quyet-no-hu img { max-width: 100%; height: auto; }
@media (max-width: 768px) {
  .page-blog-bi-quyet-no-hu { max-width: 100%; overflow-x: hidden; }
  .page-blog-bi-quyet-no-hu__hero-actions, .page-blog-bi-quyet-no-hu__inline-cta { flex-direction: column; align-items: stretch; }
  .page-blog-bi-quyet-no-hu__btn { width: 100%; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; }
  .page-blog-bi-quyet-no-hu__blog-card { flex: 0 0 100%; }
  .page-blog-bi-quyet-no-hu__intro-section, .page-blog-bi-quyet-no-hu__overview-section, .page-blog-bi-quyet-no-hu__advantages-section, .page-blog-bi-quyet-no-hu__guide-section, .page-blog-bi-quyet-no-hu__promo-section, .page-blog-bi-quyet-no-hu__app-section, .page-blog-bi-quyet-no-hu__faq-section, .page-blog-bi-quyet-no-hu__blog-section, .page-blog-bi-quyet-no-hu__final-cta { padding: 20px 14px; }
  .page-blog-bi-quyet-no-hu img { max-width: 100% !important; height: auto !important; }
  .page-blog-bi-quyet-no-hu__hero-content { padding: 18px 14px; }
  .page-blog-bi-quyet-no-hu__overview-table { font-size: 0.88rem; }
}