/* September 2026 rendered audit: two post-specific mobile reading fixes.
 * The numbered protocol hooks live on the owning stored HTML component.
 * Tablet/desktop geometry and the shared article cascade remain unchanged. */
@media (max-width: 767px) {
  body.postid-7405 .entry-content .jt-insect-protocol {
    padding: 24px 20px !important;
  }

  body.postid-7405 .entry-content .jt-insect-protocol__step {
    flex-direction: column;
    align-items: stretch !important;
    gap: 12px !important;
  }

  body.postid-7405 .entry-content .jt-insect-protocol__step > div > ul,
  body.postid-7405 .entry-content .jt-insect-protocol__step > div > p {
    font-size: 16px !important;
  }

  /* Only the eleven authored, justified body paragraphs; leave centered
   * CTA/module text alone and retain the desktop presentation. */
  body.postid-2984 .entry-content > p[style*="text-align"][style*="justify"] {
    text-align: left !important;
  }
}

/* 2026-10-02: keep the triage categories legible on the light table/card
 * surfaces. These attributes are rendered server-side by the table formatter;
 * important is needed only to override this post's authored inline colours. */
body.postid-30951 .entry-content td[aria-label="Classificação: Leve (Esperado)"] {
  color: #216948 !important;
}
body.postid-30951 .entry-content td[aria-label="Classificação: Moderado"] {
  color: #80512a !important;
}
body.postid-30951 .entry-content td[aria-label="Classificação: Grave (Emergência)"] {
  color: #a62d22 !important;
}

/* The restored native checkbox occupies the first of the label's two grid
 * columns. Remove the obsolete decorative checkbox so text occupies the second. */
body.postid-2893 .entry-content #app-folic-causes .fc-check-item:has(> input.fc-chk)::before {
  content: none;
  display: none;
}
body.postid-2893 .entry-content #app-folic-causes .fc-check-item > input.fc-chk {
  appearance: auto;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 0;
  margin: 3px 0 0;
  padding: 0;
  transform: none;
  accent-color: #216948;
}

/* 2026-10-03: the hair diagram owns two authored pale-grey helper labels.
 * Preserve their hierarchy and all interaction states, with readable contrast
 * against its white / pale-grey surfaces. The adjacent div is the diagram
 * caption; the three hair-layer buttons and dynamic output are excluded. */
body.postid-3030 .entry-content #hair-structure-viz #default-info,
body.postid-3030 .entry-content #hair-structure-viz div:has(> .jt-hair-layer) + div {
  color: #626968 !important;
}

/* The mature-skin routine tabs have no component colour declarations and
 * inherited the generic white-on-transparent button. Keep every JS state
 * legible; state is conveyed by the selected surface instead of opacity. */
body.postid-2593 .entry-content .routine-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 20px;
}
body.postid-2593 .entry-content .routine-tabs > .routine-tab {
  min-height: 44px;
  border: 1px solid #829a91;
  background: #f0f4f0;
  color: #244d46;
  opacity: 1 !important;
}
body.postid-2593 .entry-content .routine-tabs > .routine-tab:hover {
  background: #dde8e1;
  color: #244d46;
}
body.postid-2593 .entry-content .routine-tabs > .routine-tab[aria-pressed="true"] {
  background: #244d46;
  color: #fff;
}
body.postid-2593 .entry-content .routine-tabs > .routine-tab[aria-pressed="true"]:hover {
  background: #183c35;
  color: #fff;
}
body.postid-2593 .entry-content .routine-tabs > .routine-tab:focus-visible {
  outline: 2px solid #244d46 !important;
  outline-offset: 3px !important;
}

/* The final diagnostic step used its pale accent as foreground and as the
 * number's ground. Retain the pale card/border but use a readable dark green. */
body.postid-8797 .entry-content #diagnosis-flowchart h4[style*="#58c69e"] {
  color: #216948 !important;
}
body.postid-8797 .entry-content #diagnosis-flowchart div[style*="background-color: #58c69e"] {
  background-color: #216948 !important;
}

/* Restore legible accent colours in the treatment comparison's labelled
 * controls and diagram. These are informational controls, not WhatsApp CTAs. */
body.postid-2844 .entry-content .treatment-options-visual :is(button, a.jt-treatment-option-link)[style*="background: #2fa196"] {
  background: #216b63 !important;
}
body.postid-2844 .entry-content .treatment-options-visual :is(button, a.jt-treatment-option-link)[style*="background: #58c69e"] {
  background: #216948 !important;
}
body.postid-2844 .entry-content .treatment-options-visual :is(button, a.jt-treatment-option-link)[style*="background: #d45e4c"] {
  background: #a63e2e !important;
}
body.postid-2844 .entry-content .treatment-options-visual :is(button, a.jt-treatment-option-link) {
  min-height: 44px;
}
body.postid-2844 .entry-content .treatment-options-visual span[style*="color: #2fa196"] {
  color: #216b63 !important;
}
body.postid-2844 .entry-content .treatment-options-visual span[style*="color: #d45e4c"] {
  color: #a63e2e !important;
}
body.postid-2844 .entry-content .treatment-options-visual p[style*="color: #8f8884"] {
  color: #626968 !important;
}
/* Both comparison labels are complete words; wrapping the flex row preserves
 * them when two columns cannot fit inside the phone's diagram card. */
body.postid-2844 .entry-content .treatment-options-visual div:has(> span:first-child + span:last-child) {
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 4px;
  text-align: left;
}
body.postid-9779 .entry-content #botox-timeline h4[style*="#e6a97b"] {
  color: #865333 !important;
}

/* The journey badges declared only min-width; the mobile safety clamp clears
 * that on inline-sized divs. An explicit flex basis preserves the round badge. */
body.postid-29167 .entry-content #diagrama-jornada .journey-step > .step-badge {
  flex: 0 0 50px;
  width: 50px;
  min-width: 50px !important;
}
/* These authored list-only wrappers explicitly request no bullet. The inner
 * list keeps its own marker; suppress only the duplicated decorative marker. */
body.postid-16033 .entry-content li[style*="list-style-type: none"]:has(> ul:only-child)::before {
  content: none !important;
  display: none !important;
}

/* Restored concern links retain the original labelled-control presentation. */
body.postid-2844 .entry-content .treatment-options-visual a.jt-treatment-option-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
body.postid-2844 .entry-content .treatment-options-visual a.jt-treatment-option-link:focus-visible {
  outline: 2px solid #244d46 !important;
  outline-offset: 3px !important;
}

/* The five-column laser table has room for intact words once its desktop
 * auto-layout can use their natural minimum widths. Keep phone/tablet cards. */
@media (min-width: 981px) {
  body.postid-16900 .entry-content #laserTable :is(th, td) {
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

/* The existing insect-bite protocol's pale orange heading needs the same
 * readable clay foreground on its light card at every viewport. */
body.postid-7405 .entry-content .jt-insect-protocol h4[style*="#e3a16e"] {
  color: #865333 !important;
}