/* BizOn Clay – đưa phần đầu trang (hero) của trang cũ về khối đất sét kem.
   Dùng cùng js/bizon-clay-bridge.js trên các trang đã đổi sang #clay-nav.
   Gắn class "clay-legacy-hero" lên <header> hero cũ (nền gradient xanh đậm). */
.clay-legacy-hero{position:relative;overflow:hidden;max-width:1168px;margin:20px auto 8px!important;padding:clamp(28px,4vw,44px) 0!important;border-radius:40px;background:#FFF3DA!important;color:#033337!important;box-shadow:inset 0 -10px 0 rgba(140,80,20,.1),inset 0 6px 0 rgba(255,255,255,.7),0 30px 44px -30px rgba(110,70,30,.6)}
@media (max-width:1200px){.clay-legacy-hero{margin:20px 16px 8px!important}}
.clay-legacy-hero h1,.clay-legacy-hero h2{color:#033337!important}
.clay-legacy-hero .text-white,.clay-legacy-hero [class*="text-white/"]{color:#3E5A5C!important}
.clay-legacy-hero .text-clay-gold{color:#A8461A!important}
.clay-legacy-hero b,.clay-legacy-hero strong{color:#033337!important}
.clay-legacy-hero a:not([class*="btn"]):not([class*="clay-btn"]){color:#006687}
#clay-nav{font-family:"Be Vietnam Pro","BVP Fallback",system-ui,sans-serif}
#clay-nav a,#clay-footer a{text-decoration:none}
.clay-legacy-hero .text-primary-container{color:#006687!important}
/* Trang Lab/app có quy tắc chung footer{…}, footer a{white-space:nowrap}: chặn để chân trang đất sét không bị kéo tràn ngang */
#clay-footer{display:block;padding:0;gap:0;justify-content:normal;align-items:normal;font-size:13px;font-weight:400;line-height:1.6}
#clay-footer a{white-space:normal;min-height:0}
/* Trang Cho giảng viên: thầy Tu Phan ngồi laptop (ảnh đã tách nền) ở góc phải hero */
.hero-sm .shell{position:relative}
.tgv-art{position:absolute;right:0;bottom:-8px;width:min(30vw,320px);height:auto;filter:drop-shadow(0 18px 14px rgba(110,70,30,.3));pointer-events:none}
@media (max-width:960px){.tgv-art{display:none}}
@media print{#clay-nav,#clay-footer,.tgv-art{display:none!important}}
@media (min-width:961px){.hero-sm .shell:has(.tgv-art){padding-right:min(30vw,340px)}}