/* =====================================================================
   Tổng quát — Ung thư phổi · shared shell
   Hệ thống thống nhất cho 5 tài liệu: nền sáng (teal/paper),
   typography Fraunces + Be Vietnam Pro, và điều hướng "về Tổng quát".
   Nạp SAU <style> nội bộ của mỗi trang để đồng nhất phần chrome,
   vẫn giữ nguyên màu ngữ nghĩa bên trong từng tài liệu.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap');

:root{
  --tq-paper:#F5F6F3;
  --tq-card:#FFFFFF;
  --tq-ink:#132029;
  --tq-ink-soft:#4C5B64;
  --tq-line:#E3E7E1;
  --tq-teal:#0E7C7B;
  --tq-teal-deep:#0A5555;
  --tq-teal-wash:#E5F0EF;
  --tq-body:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --tq-display:'Fraunces',Georgia,'Times New Roman',serif;
  --tq-bar-h:52px;
}

/* ---- Typography thống nhất (an toàn cho cả nền sáng & tối) ---- */
body{
  font-family:var(--tq-body) !important;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{ font-family:var(--tq-display) !important; }

/* ---- Nút "về Tổng quát" (cố định, góc trên phải) ---- */
.tq-home{
  position:fixed; top:14px; right:16px; z-index:9999;
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 15px 9px 12px;
  font-family:var(--tq-body); font-size:13.5px; font-weight:600; line-height:1;
  color:var(--tq-teal-deep); text-decoration:none;
  background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border:1px solid var(--tq-line); border-radius:999px;
  box-shadow:0 1px 2px rgba(19,32,41,.05), 0 8px 24px rgba(19,32,41,.10);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.tq-home:hover{
  transform:translateY(-1px);
  border-color:var(--tq-teal);
  background:#fff;
  box-shadow:0 2px 6px rgba(19,32,41,.08), 0 14px 34px rgba(19,32,41,.16);
}
.tq-home:focus-visible{ outline:2px solid var(--tq-teal); outline-offset:2px; }
.tq-home svg{ width:16px; height:16px; flex:0 0 auto; transition:transform .16s ease; }
.tq-home:hover svg{ transform:translateX(-3px); }
.tq-home .tq-home-label{ letter-spacing:.005em; }

@media (max-width:560px){
  .tq-home{ top:10px; right:10px; padding:8px 13px 8px 11px; font-size:12.5px; }
}

@media print{
  .tq-home{ display:none !important; }
}

@media (prefers-reduced-motion:reduce){
  .tq-home, .tq-home svg{ transition:none; }
}