/**
 * Khả Văn — Nền trang trí tối giản (không chữ/motif bay)
 */
.kv-edu-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  contain: paint;
}

/* Chỉ nâng nội dung lên trên nền — KHÔNG đụng chrome fixed
   (menu đáy, FAB, drawer…); position:relative sẽ ghi đè fixed
   và làm menu nhảy lên đầu trang trên mobile. */
/* Không ép position:relative lên header sticky — sẽ mất sticky top-0 */
body.kv-redesign > *:not(.kv-edu-bg):not(.kv-app-nav):not(.kv-mobile-nav):not(.kv-mobile-backdrop):not(.kv-nav-toggle):not(.kv-float-widgets):not(.kv-pt-curtain):not(.kv-pt-progress):not(.kv-site-header) {
  position: relative;
  z-index: 1;
}

body.kv-redesign .kv-site-header,
body.kv-redesign .kvx-header,
body.kv-redesign header.kv-header,
body.kv-redesign #siteHeader {
  position: sticky;
  top: 0;
  z-index: 50;
}

body.kv-redesign .kv-desktop-nav {
  z-index: 50;
}

/* Khôi phục stacking cho chrome fixed (trên nền edu) */
body.kv-redesign > .kv-app-nav {
  z-index: 900;
}
body.kv-redesign > .kv-float-widgets {
  z-index: 920;
}
body.kv-redesign > .kv-mobile-nav,
body.kv-redesign > .kv-mobile-backdrop,
body.kv-redesign > .kv-nav-toggle {
  z-index: 1000;
}

.kv-edu-bg__layer {
  position: absolute;
  inset: -8% -6%;
}

/* Wash rất nhạt — không gradient “đậm” */
.kv-edu-bg__wash {
  position: absolute;
  inset: 0;
  background: #fafcfb;
}

/* Chỉ 1 orb mờ góc — bỏ orb vàng + orb giữa */
.kv-edu-bg__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
}

.kv-edu-bg__orb--a {
  width: min(48vw, 480px);
  height: min(48vw, 480px);
  left: -12%;
  top: 8%;
  background: rgba(0, 107, 63, 0.045);
}

.kv-edu-bg__orb--b,
.kv-edu-bg__orb--c {
  display: none;
}

/* Ẩn motif + chữ trang trí (nguyên nhân nhìn rối/xấu) */
.kv-edu-bg__motif,
.kv-edu-bg__letter {
  display: none !important;
}

body.kv-edu-bg-off .kv-edu-bg {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .kv-edu-bg__layer {
    transform: none !important;
    will-change: auto;
  }
}