/* Note paper and narration are separate visual layers. */
:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) [class*="TextBox_Background"] {
  display: none !important;
  opacity: 0 !important;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) :is(#textBoxMain, [class*="TextBox_main"]):not([class*="TextBox_Background"]) {
  position: absolute !important;
  left: 11.5% !important;
  right: 11.5% !important;
  top: auto !important;
  bottom: 7.5% !important;
  width: auto !important;
  height: 238px !important;
  min-height: 238px !important;
  max-height: 238px !important;
  box-sizing: border-box !important;
  padding: 34px 50px 42px !important;
  overflow: visible !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.58) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  font-size: 40px !important;
  line-height: 1.45 !important;
  text-shadow: none !important;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) :is(#textBoxMain, [class*="TextBox_main"]):not([class*="TextBox_Background"]) > :is(.text, [class*="_text_"]) {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: #fff !important;
  background: transparent !important;
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.015em !important;
  white-space: pre-line !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) :is(#textBoxMain, [class*="TextBox_main"]):not([class*="TextBox_Background"]) :is([class*="_outer_"], [class*="_readTextOuter_"], [class*="_zhanwei_"]) {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) :is(#textBoxMain, [class*="TextBox_main"]):not([class*="TextBox_Background"]) [class*="_inner_"],
:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) :is([class*="TextBox_showName"], [class*="TextBox_ShowName_Background"], [class*="nameContainer"]) {
  display: none !important;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) [class*="miniAvatarContainer"] {
  position: fixed !important;
  left: 16.5% !important;
  right: auto !important;
  top: 7.5% !important;
  bottom: auto !important;
  z-index: 10 !important;
  display: block !important;
  width: 67% !important;
  height: 62% !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  isolation: isolate !important;
  pointer-events: none !important;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) [class*="miniAvatarContainer"] img[class*="miniAvatarImg"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: fill !important;
  border-radius: 0 !important;
  filter: none !important;
  opacity: 1 !important;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) [class*="miniAvatarContainer"]::before,
:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) [class*="miniAvatarContainer"]::after {
  position: absolute;
  z-index: 2;
  display: block;
  color: #3b3b3b;
  font-family: KaiTi, STKaiti, "FangSong SC", FangSong, serif;
  font-weight: 600;
  text-align: left;
  text-shadow: none;
  white-space: pre-wrap;
  pointer-events: none;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) [class*="miniAvatarContainer"]::before {
  left: 8.5%;
  top: 10.5%;
  font-size: 62px;
  line-height: 1.2;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) [class*="miniAvatarContainer"]::after {
  left: 8.5%;
  right: 8.5%;
  top: 25%;
  bottom: 8%;
  overflow: hidden;
  font-size: 45px;
  line-height: 1.4;
  letter-spacing: 0.025em;
}

body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]) [class*="miniAvatarContainer"]::before {
  content: "Asthma and Airway Inflammation";
}

body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]) [class*="miniAvatarContainer"]::after {
  content: "Long-term exposure to mold spores may trigger or worsen asthma, especially in children or people with weakened immune systems.\A\A Symptoms:\A 1. Coughing, especially at night or early morning\A 2. Shortness of breath or chest tightness\A 3. Wheezing\A 4. Fatigue";
}

body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"]) [class*="miniAvatarContainer"]::before {
  content: "Airway Inflammation / Bronchitis";
}

body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"]) [class*="miniAvatarContainer"]::after {
  content: "Key features:\A 1. Airways become infected or irritated by bacteria, viruses or mold spores.\A 2. The airway lining becomes inflamed and remains irritated, usually causing a persistent cough rather than occasional attacks.\A 3. A common symptom is excess phlegm, which may be yellow or clear.";
  top: 26%;
  font-size: 43px;
  line-height: 1.45;
}

:where(
  body:has(img[class*="miniAvatarImg"][src*="note_asthma_paper.webp"]),
  body:has(img[class*="miniAvatarImg"][src*="note_bronchitis_paper.webp"])
) :is(.Textelement_start, [class*="TextBox_textElement_start"]) {
  animation: none !important;
  animation-delay: 0ms !important;
  opacity: 1 !important;
}