/* 🎙️ Báo "Audio mới" ở Cổng học viên — đi cùng public/ntl-bao-moi.js (11/10/2026). Tiền tố `ntlm-`. */
.ntlm-the { position: relative; border-radius: 22px; overflow: hidden; background: #1d1a15; color: #fff; margin-bottom: 14px;
  box-shadow: 0 14px 26px -16px rgba(30,20,5,.9); animation: ntlm-vao .5s cubic-bezier(.34,1.56,.64,1); }
@keyframes ntlm-vao { from { transform: translateY(10px) scale(.97); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .ntlm-the, .ntlm-hop { animation: none; } }
/* Ảnh cảnh khổ 16:9; bài thành ngữ có cột chữ bên PHẢI tranh nên neo về trái để thấy cảnh, khỏi lặp tên. */
.ntlm-anh { height: 160px; background: #3a3327 15% center / cover no-repeat; position: relative; }
.ntlm-anh::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(29,26,21,.96)); }
.ntlm-moi { position: absolute; top: 10px; left: 10px; z-index: 1; background: #C8604F; color: #fff; font-weight: 800; font-size: .74rem;
  letter-spacing: .04em; padding: 5px 11px; border-radius: 999px; }
#dashboard-view .ntlm-x, .ntlm-x { position: absolute; top: 8px; right: 8px; z-index: 1; width: 40px; height: 40px; border-radius: 50%; border: 0;
  background: rgba(0,0,0,.45); color: #fff; font-size: 1rem; padding: 0; cursor: pointer; box-shadow: none; }
.ntlm-chu { position: relative; margin-top: -48px; padding: 0 16px 15px; z-index: 1; }
.ntlm-han { font-size: 1.6rem; font-weight: 700; letter-spacing: .05em; line-height: 1.25; }
.ntlm-viet { font-size: .96rem; color: #E9DFC7; margin-top: 2px; }
.ntlm-chip { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 12px; }
.ntlm-chip span { font-size: .78rem; font-weight: 600; background: rgba(255,255,255,.13); padding: 5px 10px; border-radius: 999px; }
#dashboard-view .ntlm-nut, .ntlm-nut { width: 100%; min-height: 52px; border: 0; border-radius: 999px; background: #C9B6EA; color: #3E2672;
  font-weight: 800; font-size: 1.05rem; font-family: inherit; cursor: pointer; padding: 0 16px; box-shadow: none; }
.ntlm-them { display: block; text-align: center; margin-top: 10px; font-size: .86rem; font-weight: 600; color: #D8CCAE; text-decoration: none; padding: 4px; }

#ntlm-phu { position: fixed; inset: 0; z-index: 11000; display: flex; align-items: flex-start; justify-content: center; overflow: auto;
  padding: 18px 18px calc(18px + env(safe-area-inset-bottom, 0px)); background: rgba(20,17,11,.62); backdrop-filter: blur(4px); }
.ntlm-hop { width: 100%; max-width: 400px; margin: auto; background: #FFFDF6; border-radius: 26px; overflow: hidden;
  box-shadow: 0 24px 50px -16px rgba(0,0,0,.7); animation: ntlm-vao .5s cubic-bezier(.34,1.56,.64,1); }
.ntlm-hop-anh { height: 210px; background: #3a3327 15% center / cover no-repeat; position: relative; }
/* Tranh thành ngữ: cảnh chiếm 70% bên trái, cột chữ (tên + pinyin + Hán Việt) 30% bên phải, ngăn bằng một vạch.
   Phóng 145% neo trái là chỉ còn phần cảnh — trước đó "cover" xén cột chữ nửa chừng («Thủ chờ đãi t…»). */
.ntlm-anh.ntlm-tn, .ntlm-hop-anh.ntlm-tn { background-size: 145% auto; background-position: 0 center; }
.ntlm-hop-anh span { position: absolute; left: 12px; top: 12px; background: #C8604F; color: #fff; font-weight: 800; font-size: .76rem; padding: 5px 12px; border-radius: 999px; }
.ntlm-hop-noi { padding: 16px 18px 18px; text-align: center; color: #3d3a30; }
.ntlm-hop-noi .t { font-weight: 700; font-size: .88rem; color: #8a6b12; }
.ntlm-hop-noi .h { font-size: 1.9rem; font-weight: 700; margin-top: 4px; letter-spacing: .06em; }
.ntlm-hop-noi .v { color: #5a5446; margin-top: 2px; }
.ntlm-hop-noi .c { font-size: .82rem; color: #8a7f6a; margin: 6px 0 15px; }
#ntlm-phu .ntlm-hop-noi .n1 { width: 100%; min-height: 54px; border: 0; border-radius: 999px; background: #4A6138; color: #fff; font-weight: 800; font-size: 1.05rem; font-family: inherit; cursor: pointer; }
#ntlm-phu .ntlm-hop-noi .n2 { width: 100%; min-height: 48px; margin-top: 8px; border: 0; border-radius: 999px; background: transparent; color: #8a7f6a; font-weight: 700; font-size: .95rem; font-family: inherit; cursor: pointer; box-shadow: none; }