/* LiftUp Academy Practice — vài chỉnh sửa nhỏ riêng cho webapp này.
   Nạp SAU styles.css và app.css nên chỉ đè đúng những gì cần. */

/* Không có nút "Liên hệ" ở góc phải nên cân lại khoảng trống của thanh điều hướng */
.nav-right { margin-left: auto; }
@media (min-width: 861px) { .nav-right { margin-left: 0; } }


/* Dòng nhắc mở bằng Chrome ở trang chủ */
.chrome-note {
  display: inline-flex; align-items: center; gap: 9px;
  margin-top: 22px; padding: 9px 18px 9px 15px;
  border: 1px solid var(--line); border-radius: 999px; background: var(--bg-soft);
  color: var(--muted); font-size: 14.5px; line-height: 1.5;
}
.chrome-note b { color: var(--navy); font-weight: 700; }
/* trong màn hình danh sách bài thì nằm giữa đoạn giới thiệu và thanh tiến độ */
.app-wrap .chrome-note { margin: 20px 0 0; }
@media (max-width: 560px) {
  .chrome-note { display: flex; font-size: 13.5px; padding: 10px 15px 10px 13px; align-items: flex-start; }
  .chrome-note svg { margin-top: 2px; }
}

.lt-badge { white-space: nowrap; }

/* Khối "Vài điều nên biết" dùng lại khung .lt-soon nhưng là nội dung bình thường */
.lt-soon .lt-name { opacity: 1; font-size: 17px; }