/* Confirmed legacy widget contrast defects. Delivered only to the named owners. */
body.postid-2474 .entry-content div:has(> :is(#resultado-crescimento,#lista-registros,#resultado-sintomas)) > button,
body.postid-2562 .entry-content button[style*="background-color"] {
	background-color:#216b63 !important;
	color:#fff !important;
	min-height:44px;
}
body.postid-2474 .entry-content div:has(> :is(#resultado-crescimento,#lista-registros,#resultado-sintomas)) > button:hover,
body.postid-2562 .entry-content button[style*="background-color"]:hover {
	background-color:#194f49 !important;
}
body.postid-2474 .entry-content div:has(> :is(#resultado-crescimento,#lista-registros,#resultado-sintomas)) > button:focus-visible,
body.postid-2562 .entry-content button[style*="background-color"]:focus-visible {
	outline:2px solid #194f49 !important;
	outline-offset:3px !important;
}
body.postid-2474 .entry-content div:has(> #resultado-sintomas) > h3 { color:#865333 !important; }
body.postid-2474 .entry-content #lista-registros button { background:#993c2d !important; color:#fff !important; min-height:44px; }
body.postid-2474 .entry-content #lista-registros button:focus-visible { outline:2px solid #993c2d !important; outline-offset:3px; }

body.postid-2537 .entry-content #baby-care-checklist .checklist-item > [role="button"] > span:first-child { color:#216948 !important; }
body.postid-2537 .entry-content #baby-care-checklist .checklist-item:last-child > [role="button"] > span:first-child { color:#865333 !important; }
body.postid-2537 .entry-content #skin-conditions-guide .condition-card > [role="button"] :is(span,p) { color:#31443e !important; }
body.postid-2537 .entry-content #skin-conditions-guide .card-content span[style] { color:#5f4638 !important; }

/* These controls use a pale selection fill; the generic white button text hid their labels. */
body.postid-3151 .entry-content #treatment-guide .area-btn { color:#263b35 !important; min-height:44px; }
body.postid-3151 .entry-content #treatment-guide .area-btn:hover { border-color:#216b63 !important; }
body.postid-3151 .entry-content #treatment-guide .area-btn:focus-visible { outline:2px solid #216b63 !important; outline-offset:3px; }
body.postid-3151 .entry-content :is(#wrinkle-causes-chart,#timeline-viz) :is(h4,h5,span[style*="color"]) { color:#36544a !important; }
body.postid-3151 .entry-content #timeline-viz p { color:#4d5752 !important; }

/* Melasma diagram fills retain white type with enough contrast in every selected state. */
body.postid-8876 .entry-content .melasma-diagram div[style*="color: white"],
body.postid-8876 .entry-content .melasma-diagram .treatment-btn,
body.postid-8876 .entry-content .jt-melasma-guidance-link { background:#216b63 !important; color:#fff !important; }
body.postid-8876 .entry-content .melasma-diagram div[style*="color: white"] :is(p,h4,strong) { color:#fff !important; }
body.postid-8876 .entry-content .melasma-diagram .treatment-btn { opacity:1 !important; min-height:44px; }
body.postid-8876 .entry-content .jt-melasma-guidance-link { width:fit-content; min-height:44px; text-align:center; text-decoration:none; }
body.postid-8876 .entry-content :is(.treatment-btn,.jt-melasma-guidance-link):hover { background:#194f49 !important; }
body.postid-8876 .entry-content :is(.treatment-btn,.jt-melasma-guidance-link):focus-visible { outline:2px solid #194f49 !important; outline-offset:3px; }
body.postid-8876 .entry-content #treatment-content :is(h4,p) { color:#36544a !important; }

/* The empty exercise/grade shells now hold an activity log and topic explanations. */
body.postid-2520 .entry-content :is(#exercise-planner,#treatment-guide) {
	box-sizing:border-box; width:min(100%,760px); margin:36px auto; padding:24px;
	background:#fbf8f4; border:1px solid #c7bdb5; color:#263b35;
}
body.postid-2520 .entry-content :is(#exercise-planner,#treatment-guide) :is(p,h3,h4,label,summary) {
	color:#263b35 !important; max-width:none !important; text-align:left !important;
}
body.postid-2520 .entry-content .jt-topic-buttons { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
body.postid-2520 .entry-content :is(.jt-topic-buttons button,#jt-plan-reset) {
	min-height:44px; padding:10px 16px; background:#e7efeb; border:1px solid #216948; color:#216948; cursor:pointer;
}
body.postid-2520 .entry-content .jt-topic-buttons button[aria-pressed="true"] { background:#216948 !important; color:#fff !important; }
body.postid-2520 .entry-content :is(.jt-topic-buttons button,#jt-plan-reset,summary):focus-visible { outline:2px solid #216948 !important; outline-offset:3px; }
body.postid-2520 .entry-content .jt-topic-panel[hidden],
body.postid-2520 .entry-content #jt-plan-error[hidden] { display:none !important; }
body.postid-2520 .entry-content .jt-activity-day { border-top:1px solid #c7bdb5; padding:10px 0; }
body.postid-2520 .entry-content .jt-activity-day summary { min-height:44px; padding:10px 0; cursor:pointer; }
body.postid-2520 .entry-content .jt-plan-fields { display:grid; gap:12px; padding:6px 0 16px; }
body.postid-2520 .entry-content .jt-plan-fields label { display:block; font-size:16px; line-height:1.5; }
body.postid-2520 .entry-content .jt-plan-fields input[type="number"] { display:block; max-width:180px; min-height:44px; margin-top:8px; color:#263b35 !important; background:#fff; border:1px solid #798c82; }
body.postid-2520 .entry-content .jt-plan-fields label.jt-plan-strength { display:flex; align-items:flex-start; gap:10px; }
body.postid-2520 .entry-content .jt-plan-strength input { flex:0 0 20px; width:20px; height:20px; margin-top:3px; accent-color:#216948; }
body.postid-2520 .entry-content #jt-plan-error { color:#8c3528 !important; }
body.postid-2520 .entry-content #ep-content { padding:16px; border:1px solid #aabcb2; background:#edf4ef; }
body.postid-2520 .entry-content .jt-widget-source { font-size:14px; }
@media(max-width:767px){
	body.postid-2520 .entry-content :is(#exercise-planner,#treatment-guide) { width:min(100%,calc(100vw - 40px)); padding:18px; }
}

/* Legacy controls with confirmed pale fills, kept within their owning widget roots. */
body.postid-2726 :is(#nail-anatomy-chart,#care-habits-chart,#nail-symptoms-guide) button,
body.postid-8731 #skin-laser-target-app button,
body.postid-15502 .treatment-timeline-visual button,
body.postid-15767 .entry-content button,
body.postid-16183 :is(#ingredient-guide-chart,#acne-formation-chart,#treatment-flowchart) button,
body.postid-16301 #treatmentFlow button,
body.postid-15755 :is(#flow-step-1,#flow-step-2,#flow-step-3,#flow-step-4) button,
body.postid-13994 #laser-removal-diagram button { background-color:#216b63 !important; color:#fff !important; min-height:44px; }
body.postid-2726 :is(#nail-anatomy-chart,#care-habits-chart,#nail-symptoms-guide) button:hover,
body.postid-8731 #skin-laser-target-app button:hover,
body.postid-15502 .treatment-timeline-visual button:hover,
body.postid-15767 .entry-content button:hover,
body.postid-16183 :is(#ingredient-guide-chart,#acne-formation-chart,#treatment-flowchart) button:hover,
body.postid-16301 #treatmentFlow button:hover,
body.postid-15755 :is(#flow-step-1,#flow-step-2,#flow-step-3,#flow-step-4) button:hover,
body.postid-13994 #laser-removal-diagram button:hover { background-color:#194f49 !important; }
body.postid-2726 :is(#nail-anatomy-chart,#care-habits-chart,#nail-symptoms-guide) button:focus-visible,
body.postid-8731 #skin-laser-target-app button:focus-visible,
body.postid-15502 .treatment-timeline-visual button:focus-visible,
body.postid-15767 .entry-content button:focus-visible,
body.postid-16183 :is(#ingredient-guide-chart,#acne-formation-chart,#treatment-flowchart) button:focus-visible,
body.postid-16301 #treatmentFlow button:focus-visible,
body.postid-15755 :is(#flow-step-1,#flow-step-2,#flow-step-3,#flow-step-4) button:focus-visible,
body.postid-13994 #laser-removal-diagram button:focus-visible { outline:2px solid #194f49 !important; outline-offset:3px; }
body.postid-2726 :is(#nail-anatomy-chart,#care-habits-chart,#nail-symptoms-guide) button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-8731 #skin-laser-target-app button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-15502 .treatment-timeline-visual button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-15767 .entry-content button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-16183 :is(#ingredient-guide-chart,#acne-formation-chart,#treatment-flowchart) button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-16301 #treatmentFlow button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-15755 :is(#flow-step-1,#flow-step-2,#flow-step-3,#flow-step-4) button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-13994 #laser-removal-diagram button:is([aria-pressed="true"],[aria-expanded="true"]) { box-shadow:0 0 0 3px #bfded3 !important; }
body.postid-2726 #care-habits-chart h4, body.postid-15502 :is(.treatment-timeline-visual,.minoxidil-mechanism-visual) :is(p,h4), body.postid-8731 #skin-laser-target-app > p, body.postid-13994 #laser-removal-diagram :is(p,h4), body.postid-15755 .bio-widget p { color:#36544a !important; }

/* Native disclosures and checkboxes replace empty selection shells. */
body:is(.postid-2982,.postid-3482,.postid-8980) .entry-content .jt-education-widget:not(:where(.jt-reading-explainer)) { box-sizing:border-box; width:min(100%,800px); margin:32px auto; padding:24px !important; background:#fbf8f4; border:1px solid #c7bdb5; color:#263b35; }
body:is(.postid-2982,.postid-3482,.postid-8980) .entry-content .jt-education-widget:not(:where(.jt-reading-explainer)) :is(p,h3,h4,summary,label) { color:#263b35 !important; max-width:none !important; }
body:is(.postid-2982,.postid-3482) .entry-content .jt-education-widget details { padding:12px 0; border-top:1px solid #c7bdb5; }
body:is(.postid-2982,.postid-3482) .entry-content .jt-education-widget summary { min-height:44px; padding:10px 0; font-weight:600; cursor:pointer; }
body:is(.postid-2982,.postid-3482) .entry-content .jt-education-widget summary:focus-visible { outline:2px solid #216b63; outline-offset:3px; }
body.postid-2982 .entry-content #checklist-items { display:grid; gap:14px; margin:18px 0; }
body.postid-2982 .entry-content #checklist-items label { display:flex; align-items:flex-start; gap:10px; min-height:44px; font-size:16px; line-height:1.5; }
body.postid-2982 .entry-content #checklist-items input { appearance:auto; flex:0 0 20px; width:20px; height:20px; margin-top:3px; accent-color:#216b63; }
body.postid-2982 .entry-content #jt-sunscreen-reset,
body.postid-2669 .entry-content .jt-widget-action { display:inline-block; background:#216b63 !important; color:#fff !important; border:0; padding:12px 18px; min-height:44px; text-decoration:none; }
body.postid-2982 .entry-content #jt-sunscreen-reset:focus-visible,
body.postid-2669 .entry-content .jt-widget-action:focus-visible { outline:2px solid #216b63; outline-offset:3px; }
body.postid-8980 .entry-content #jt-filter-comparison:not(:where(.jt-reading-explainer)) > div { padding:12px !important; }
body.postid-8980 .entry-content #jt-filter-comparison:not(:where(.jt-reading-explainer)) > div > div[style*="grid"] { grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)) !important; }
body.postid-8980 .entry-content .jt-filter-note { padding:12px; border-top:1px solid #c7bdb5; font-weight:600; background:#e7efeb; }
body.postid-3482 .entry-content .interactive-diagram h4 { color:#865333 !important; }

body:is(.postid-2982,.postid-3482) .entry-content .jt-education-widget summary::after { content:"+"; float:right; margin-left:10px; font-weight:700; }
body:is(.postid-2982,.postid-3482) .entry-content .jt-education-widget details[open] > summary::after { content:"−"; }

/* Final settled-state review of sibling controls on the repaired articles. */
body.postid-2631 #mini-apps button,
body.postid-2590 .entry-content div:has(> #resultadoTipoPele) button,
body.postid-2590 .entry-content div:has(> #historicoRotina) button,
body.postid-2844 .skin-care-visual button,
body.postid-2675 #treatment-guide button,
body.postid-14408 #causes-diagram .cause-btn,
body.postid-14408 #treatment-timeline :is(#prev-btn,#next-btn),
body.postid-14211 .entry-content .type-btn:not(:where(.jt-reading-action)) { background-color:#216b63 !important; color:#fff !important; min-height:44px; }
body.postid-2631 #mini-apps button:hover,
body.postid-2590 .entry-content div:has(> #resultadoTipoPele) button:hover,
body.postid-2590 .entry-content div:has(> #historicoRotina) button:hover,
body.postid-2844 .skin-care-visual button:hover,
body.postid-2675 #treatment-guide button:hover,
body.postid-14408 #causes-diagram .cause-btn:hover,
body.postid-14408 #treatment-timeline :is(#prev-btn,#next-btn):hover,
body.postid-14211 .entry-content .type-btn:not(:where(.jt-reading-action)):hover { background-color:#194f49 !important; }
body.postid-2631 #mini-apps button:focus-visible,
body.postid-2590 .entry-content div:has(> #resultadoTipoPele) button:focus-visible,
body.postid-2590 .entry-content div:has(> #historicoRotina) button:focus-visible,
body.postid-2844 .skin-care-visual button:focus-visible,
body.postid-2675 #treatment-guide button:focus-visible,
body.postid-14408 #causes-diagram .cause-btn:focus-visible,
body.postid-14408 #treatment-timeline :is(#prev-btn,#next-btn):focus-visible,
body.postid-14211 .entry-content .type-btn:not(:where(.jt-reading-action)):focus-visible { outline:2px solid #194f49 !important; outline-offset:3px; }
body.postid-2631 #mini-apps button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-2590 .entry-content div:has(> #resultadoTipoPele) button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-2590 .entry-content div:has(> #historicoRotina) button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-2844 .skin-care-visual button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-2675 #treatment-guide button:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-14408 #causes-diagram .cause-btn:is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-14408 #treatment-timeline :is(#prev-btn,#next-btn):is([aria-pressed="true"],[aria-expanded="true"]),
body.postid-14211 .entry-content .type-btn:not(:where(.jt-reading-action)):is([aria-pressed="true"],[aria-expanded="true"]) { box-shadow:0 0 0 3px #bfded3 !important; }
body.postid-2675 #treatment-guide button span { color:#fff !important; }
body.postid-2844 .skin-care-visual h4, body.postid-2836 #treatment-comparison-app :is(#detail-title,p), body.postid-11452 #results-timeline :is(h4,p), body.postid-2926 #skin-barrier-viz h4, body.postid-13977 #laser-process-app #step-text, body.postid-14563 #laser-action-chart :is(h4,p), body.postid-14408 #causes-diagram p, body.postid-14408 #laser-mechanism > p, body.postid-14211 #type-content h4 { color:#36544a !important; }

/* The hair-care calendar keeps its active/inactive states and readable legend fills. */
body.postid-2884 #treatment-schedule .btn-tab[style*="color: white"],
body.postid-2884 #treatment-schedule :is(.day-card,span)[style*="background"][style*="color: white"],
body.postid-2884 #hair-diagnosis-tool .btn-action { background:#216b63 !important; color:#fff !important; }
body.postid-2884 #treatment-schedule .day-card[style*="color: white"] * { color:#fff !important; }
body.postid-2884 #treatment-schedule > p { color:#36544a !important; }
body.postid-2884 :is(#treatment-schedule,#hair-diagnosis-tool) button { min-height:44px; }
body.postid-2884 :is(#treatment-schedule,#hair-diagnosis-tool) button:focus-visible { outline:2px solid #216b63 !important; outline-offset:3px; }

/* Typed diary values were inheriting the legacy placeholder-gray input color. */
body.postid-2631 :is(#dataDiario,#coceira,#obs,#ingredienteInput),
body.postid-2590 :is(#limpeza,#hidratacao,#protetor,#extras),
body.postid-2474 :is(#data-aplicacao,#medicamento-usado,#observacoes),
body.postid-15767 :is(#agua,#estresse,#sono) { color:#263b35 !important; min-height:44px; }
body.postid-2631 :is(#obs,#ingredienteInput)::placeholder,
body.postid-2474 :is(#medicamento-usado,#observacoes)::placeholder { color:#596a62 !important; opacity:1; }

body.postid-7578 #hairTypeSelect { color:#263b35 !important; min-height:44px; }
body.postid-2729 .selector-container .skin-btn { background:#fff !important; color:#216b63 !important; border:2px solid #216b63; min-height:44px; }
body.postid-2729 .selector-container .skin-btn:hover { background:#e7efeb !important; }
body.postid-2729 .selector-container .skin-btn.active { background:#216b63 !important; color:#fff !important; }
body.postid-2729 .selector-container .skin-btn:focus-visible { outline:2px solid #216b63 !important; outline-offset:3px; }
body.postid-2729 .selector-container :is(.subtitle,.product-info span) { color:#36544a !important; }

/* Keep the acid table's existing native sort controls available in card mode. */
@media (max-width:900px) {
 body.postid-16496.single-post .entry-content #acidTable thead,
 body.postid-16496.single-post .entry-content #acidTable thead th {
  display:block !important; position:static !important; width:auto !important; min-width:0 !important; max-width:none !important;
  height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important;
  overflow:visible !important; clip:auto !important; clip-path:none !important; white-space:normal !important;
 }
 body.postid-16496.single-post .entry-content #acidTable thead { margin-bottom:12px !important; }
 body.postid-16496.single-post .entry-content #acidTable thead tr { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:6px; padding:8px; border-radius:6px; }
 body.postid-16496.single-post .entry-content #acidTable thead th { border:0 !important; }
 body.postid-16496.single-post .entry-content #acidTable .jt-acid-sort-button { width:100%; min-height:44px; padding:8px !important; border:1px solid #bfd2c9 !important; background:#fff !important; color:#263b35 !important; white-space:normal; }
 body.postid-16496.single-post .entry-content #acidTable .jt-acid-sort-button:focus-visible { outline:2px solid #216b63 !important; outline-offset:2px; }
}

/* Settled questionnaire prompts/results retain normal-text contrast. */
body.postid-29167 #diagrama-fluxo-derma :is(#fluxo-text,p,strong) { color:#36544a !important; }

/* Self-exam navigation must remain readable while hovered or focused. */
body.postid-2459 .self-exam-wrapper :is(#prevBtn,#nextBtn):not(:disabled):is(:hover,:focus-visible) { background:#194f49 !important; color:#fff !important; }
body.postid-2459 .self-exam-wrapper :is(#prevBtn,#nextBtn):focus-visible { outline:2px solid #216b63 !important; outline-offset:3px; }

/* Final settled-state audit: owner/component labels and helper prose on light surfaces. */
body.postid-2491 .recovery-flowchart > div > div:last-child > p:last-child,
body.postid-2694 .entry-content div:has(> #healthy-hair) > h4,
body.postid-2715 :is(#hydrator-content,#food-content) :is(h4,p),
body.postid-2954 .skin-pillars-chart h4,
body.postid-3051 #cause-default > p,
body.postid-3073 :is(#menopause-skin-impact,#routine-planner) h4,
body.postid-3801 #treatment-flowchart h4,
body.postid-7220 .treatment-guide :is(h4,h5),
body.postid-7405 .jt-insect-protocol h4,
body.postid-7474 #treatment-flowchart :is(h4,h5),
body.postid-8692 .treatment-path-guide p,
body.postid-9779 #botox-timeline p,
body.postid-10203 #treatment-content :is(h4,p),
body.postid-10685 .differential-diagnosis-visual h4,
body.postid-12108 #treatment-guide h3,
body.postid-12340 .trauma-guide h4,
body.postid-14806 .entry-content div:has(> #pico-animation) > h4,
body.postid-14806 .entry-content div:has(> #nano-animation) > h4,
body.postid-16016 #scar-formation-chart h4,
body.postid-16136 .supplement-guide :is(h4,h5),
body.postid-16175 .treatment-guide h5,
body.postid-16231 .timeline h4,
body.postid-16362 .treatment-guide h4,
body.postid-16496 #pathway-chart h4 { color:#36544a !important; }

/* Enabled choice controls stay readable; pressed state retains a separate visible ring. */
body.postid-2715 .entry-content :is(.skin-btn,.food-btn),
body.postid-10203 .spots-diagram .spot-btn,
body.postid-14806 .timeline-phase[data-jt-phase] { opacity:1 !important; }
body.postid-2715 .entry-content :is(.skin-btn,.food-btn),
body.postid-2715 .entry-content a.jt-skincare-link-btn,
body.postid-10203 .spots-diagram .spot-btn,
body.postid-14806 #compare-btn:not(:disabled),
body.postid-2893 #app-folic-sos .sos-btn:is(.sos-active,[aria-pressed="true"]) { background:#216b63 !important; color:#fff !important; min-height:44px; }
body.postid-2715 .food-btn > span { color:inherit !important; }
body.postid-2715 .entry-content :is(.skin-btn,.food-btn)[aria-pressed="true"],
body.postid-10203 .spots-diagram .spot-btn[aria-pressed="true"],
body.postid-14806 .timeline-phase[data-jt-phase][aria-pressed="true"] { box-shadow:0 0 0 3px #bfded3 !important; }
body.postid-2715 .entry-content :is(.skin-btn,.food-btn,a.jt-skincare-link-btn):hover,
body.postid-10203 .spots-diagram .spot-btn:hover,
body.postid-14806 #compare-btn:not(:disabled):hover { background:#194f49 !important; color:#fff !important; }
body.postid-2715 .entry-content :is(.skin-btn,.food-btn,a.jt-skincare-link-btn):focus-visible,
body.postid-10203 .spots-diagram .spot-btn:focus-visible,
body.postid-14806 :is(#compare-btn,.timeline-phase[data-jt-phase]):focus-visible { outline:2px solid #216b63 !important; outline-offset:3px; }

/* Filled timeline controls use a light label palette, including unselected phases. */
body.postid-14806 .timeline-phase[data-jt-phase] { background:#216b63 !important; color:#fff !important; }
body.postid-14806 .timeline-phase[data-jt-phase] :is(h4,p) { color:#fff !important; opacity:1 !important; }
body.postid-14806 .timeline-phase[data-jt-phase]:is([aria-pressed="true"],:hover) { background:#194f49 !important; }

/* Timeline event labels and flow badges are meaningful text, separate from the decorative dots. */
body.postid-7474 #covid-hairloss-timeline > div:first-of-type > div:first-child > div > div:nth-child(n+2) { color:#36544a !important; }
body.postid-7474 #treatment-flowchart div:has(> h5) > div > div,
body.postid-7474 #treatment-flowchart > div:first-of-type > div:has(> div > h4) > div:first-child { background:#216b63 !important; color:#fff !important; }

/* 15502: retired timeline captions leave no decorative empty boxes. */
body.single-post.postid-15502 .treatment-timeline-visual div:is([style="background: #fdf7f3;padding: 10px;border-radius: 5px"], [style="background: #dff7f5;padding: 10px;border-radius: 5px"], [style="background: #ebf5f4;padding: 10px;border-radius: 5px"]):not(:has(*)) {
  display: none !important;
}
/* Preserve the desktop diagrams while giving mobile prose room to breathe. */
@media (max-width: 560px) {
  body.single-post.postid-15502 :is(.hair-growth-cycle-visual, .treatment-timeline-visual) > div {
    padding-inline: 16px !important;
  }
  body.single-post.postid-15502 .hair-growth-cycle-visual > div > div[style="background: white;padding: 30px;border-radius: 10px"] {
    padding: 16px !important;
  }
  body.single-post.postid-15502 .hair-growth-cycle-visual div[style="display: inline-block;background: #29413e;color: white;padding: 20px 30px;border-radius: 8px;max-width: 700px"] {
    padding: 16px !important;
    text-align: left;
  }
  body.single-post.postid-15502 .treatment-timeline-visual > div > div[style="position: relative;padding-left: 40px;margin-bottom: 40px"] {
    padding-left: 28px !important;
  }
  body.single-post.postid-15502 .treatment-timeline-visual div[style="background: white;padding: 25px;border-radius: 10px;margin-left: 10px"] {
    padding: 14px !important;
    margin-left: 0 !important;
  }
  body.single-post.postid-15502 .treatment-timeline-visual div[style*="left: -45px"][style*="width: 30px"][style*="height: 30px"] {
    left: -33px !important;
  }
}

/* 15502: the three fixed-width cycle cards need a vertical flow on tablets. */
@media (min-width: 561px) and (max-width: 840px) {
  body.single-post.postid-15502 .hair-growth-cycle-visual div[style="display: flex;padding: 20px 0;gap: 25px"] {
    flex-direction: column;
  }
  body.single-post.postid-15502 .hair-growth-cycle-visual div[style="display: flex;padding: 20px 0;gap: 25px"] > div {
    min-width: 0 !important;
    width: 100%;
    box-sizing: border-box;
  }
}

/* 12325: keep the itch-relief explanation below all four cycle steps. */
body.single-post.postid-12325 #itch-cycle > div > div[style*="position: absolute"][style*="top: 50%"] {
  position: static !important;
  inset: auto !important;
  width: 100%;
  box-sizing: border-box;
}

/* 7405: retired timeline caption has no visible or interactive content. */
body.single-post.postid-7405 div[style="background: white;padding: 20px;border-radius: 8px;margin-top: 30px;border-left: 4px solid #2fa196"]:not(:has(*)) {
  display: none !important;
}
/* Give the nested pigment explanation a readable line length on small screens. */
@media (max-width: 560px) {
  body.single-post.postid-7405 div[style="max-width: 900px;margin: 0 auto;background: linear-gradient(135deg, #f8f9f9 0%, #e8edec 100%);border-radius: 12px;padding: 40px;font-family: sans-serif;border: 2px solid #257971"] {
    padding-inline: 16px !important;
  }
  body.single-post.postid-7405 div[style="max-width: 900px;margin: 0 auto;background: linear-gradient(135deg, #f8f9f9 0%, #e8edec 100%);border-radius: 12px;padding: 40px;font-family: sans-serif;border: 2px solid #257971"] > div[style="background: white;padding: 30px;border-radius: 8px;margin-bottom: 25px"] {
    padding-inline: 16px !important;
  }
  body.single-post.postid-7405 div[style="max-width: 900px;margin: 0 auto;background: linear-gradient(135deg, #f8f9f9 0%, #e8edec 100%);border-radius: 12px;padding: 40px;font-family: sans-serif;border: 2px solid #257971"] div[style="background: #e6faf8;padding: 25px;border-radius: 8px;text-align: center"] {
    padding-inline: 12px !important;
  }
}

/* 16231: keep the complete maintenance label on its badge. */
body.single-post.postid-16231 .timeline > div > div:last-child > div:first-child {
  width: max-content !important;
  min-width: 60px;
  max-width: 100%;
  padding-inline: 14px;
  box-sizing: border-box;
  border-radius: 999px !important;
  background: #227d74 !important;
}

/* Post 12513: visible native ABCDE disclosure affordance. */
body.single-post.postid-12513 details.jtpv-optional[data-pv-optional="12513-abcde"] > summary {
  display: list-item;
  box-sizing: border-box;
  min-height: 44px;
  padding: 8px 12px;
  cursor: pointer;
  list-style-position: inside;
}

/* 3063: the injected print action is a direct bk1 child, so it must use the
   same reading rail as the summary heading and list, not the wider block rail. */
@media (min-width: 768px) {
  body.single-post.postid-3063 .entry-content .bk1 > .jt-ah-print {
    display: flex;
    width: var(--jt-ship-text-rail);
    margin-inline: auto;
  }
}

/* 15487: long comparison labels (notably "Característica") need their own
   line on phones instead of breaking into isolated letters beside the value. */
@media (max-width: 600px) {
  body.single-post.postid-15487 .entry-content table.jt-auto-card-table td {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
  }
  body.single-post.postid-15487 .entry-content table.jt-auto-card-table td::before {
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* 16496: a numbered side rail plus inline card padding leaves 76px of prose
   on a 320px phone. Stack each complete pathway step on narrow screens. */
@media (max-width: 600px) {
  body.single-post.postid-16496 #pathway-chart > div > div[style*="position: absolute"] {
    display: none !important;
  }
  body.single-post.postid-16496 #pathway-chart > div > div:has(> div[style*="flex: 1"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }
  body.single-post.postid-16496 #pathway-chart > div > div > div[style*="width: 50px"] {
    grid-row: 1 !important;
    grid-column: 1 !important;
    justify-self: start;
  }
  body.single-post.postid-16496 #pathway-chart > div > div > div[style*="flex: 1"]:has(> div) {
    grid-row: 2 !important;
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0;
    padding-inline: 0 !important;
    text-align: left !important;
  }
  body.single-post.postid-16496 #pathway-chart > div > div > div[style*="flex: 1"]:not(:has(> div)) {
    display: none !important;
  }
}

/* 16016: the alternating scar diagram and its 45% branches need full-width
   text on phones. Keep each numbered step and each 3A/3B result together. */
@media (max-width: 600px) {
  body.single-post.postid-16016 #scar-formation-chart > div > div[style*="position: absolute"] {
    display: none !important;
  }
  body.single-post.postid-16016 #scar-formation-chart > div > div:has(> div[style*="flex: 1"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    align-items: start !important;
  }
  body.single-post.postid-16016 #scar-formation-chart > div > div:has(> div[style*="flex: 1"]) > div[style*="width: 40px"] {
    grid-row: 1;
    grid-column: 1;
    justify-self: start;
  }
  body.single-post.postid-16016 #scar-formation-chart > div > div > div[style*="flex: 1"]:has(> div) {
    grid-row: 2;
    grid-column: 1;
    min-width: 0;
    padding-inline: 0 !important;
    text-align: left !important;
  }
  body.single-post.postid-16016 #scar-formation-chart > div > div > div[style*="flex: 1"]:not(:has(> div)) {
    display: none !important;
  }
  body.single-post.postid-16016 #scar-formation-chart > div > div:has(> div[style*="width: 45%"]) {
    flex-direction: column;
    gap: 24px;
  }
  body.single-post.postid-16016 #scar-formation-chart > div > div > div[style*="width: 45%"] {
    width: 100% !important;
    min-width: 0;
  }
}

/* 2026-10-20 all-post rendered alignment review. */
/* Narrow phones: keep complete diagnostic branches together while stacking
   them; the old 45/48% branches left only 69/70px for clinical paragraphs. */
@media (max-width:600px){
  body.postid-8876 .melasma-diagram div:has(> div[style*="width: 45%"]),
  body.postid-10203 .spots-diagram div:has(> div[style*="width: 48%"]){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px;
    align-items:start!important;
  }
  body.postid-8876 .melasma-diagram div[style*="width: 45%"],
  body.postid-10203 .spots-diagram div[style*="width: 48%"]{
    width:100%!important;
    min-width:0;
  }
  body.postid-8876 .melasma-diagram div:has(> div[style*="width: 45%"] ) > div[style*="position: absolute"],
  body.postid-10203 .spots-diagram div:has(> div[style*="width: 48%"] ) > div[style*="position: absolute"]{
    display:none!important;
  }
  body.postid-2383 #tipos-fotoprotecao > .visual-element > div[style*="justify-content: space-between"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px;
  }
  body.postid-2383 #tipos-fotoprotecao > .visual-element > div[style*="justify-content: space-between"] > div{
    padding:8px!important;
    text-align:left!important;
  }
  body.postid-2590 #quando-procurar-dermatologista > div > div[style*="justify-content: space-between"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px;
  }
  body.postid-2590 #quando-procurar-dermatologista > div > div[style*="justify-content: space-between"] > div[style*="position: absolute"]{
    display:none!important;
  }
  body.postid-2590 #quando-procurar-dermatologista > div > div[style*="justify-content: space-between"] > div[style*="position: relative"]{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
    align-items:center;
    text-align:left!important;
  }
  body.postid-2590 #quando-procurar-dermatologista > div > div[style*="justify-content: space-between"] > div[style*="position: relative"] > div{
    margin:0!important;
  }
}

/* A callout's title uses the same reading rail as its existing paragraph.
   Keep the outer colored surface and comparison grids at their designed width. */
@media (min-width:768px){
  body.postid-2383 #protecao-complementar > .visual-element > h3,
  body.postid-2383 #grupos-especiais > .visual-element > h3,
  body.postid-2631 #sintomas-e-diagnostico > .visual-element > h4,
  body.postid-2474 #causas-fatores-risco > .jt-typo-zone > h3,
  body.postid-2622 .entry-content > div[style*="background-color: #f2faf9"] > h3{
    box-sizing:border-box;
    width:var(--jt-ship-text-rail);
    max-width:100%;
    margin-inline:auto!important;
  }
  body.postid-2383 .entry-content > .jt-typo-zone:has(#bodyPart) > :is(h3,p,div,button){
    box-sizing:border-box;
    width:var(--jt-ship-text-rail)!important;
    max-width:100%;
    margin-inline:auto!important;
  }
  body.postid-2383 .entry-content > .jt-typo-zone:has(#bodyPart) > button{
    display:block;
  }
}

/* The diagnostic flow owns its semantic surfaces; authored inline paint was
 * removed from this component, so its reading roles need no important layer. */
.entry-content .jt-diagnostic-flow__panel {
  background: var(--jt-flow-surface, #dae1da);
  color: var(--jt-flow-ink, #1e3a2f);
}
.entry-content .jt-diagnostic-flow__panel :is(h4, p, strong) { color: inherit; }
.entry-content .jt-diagnostic-flow__panel p { font-size:17px; line-height:1.65; text-align:left; }
.entry-content .jt-diagnostic-flow__panel--decision,
.entry-content .jt-diagnostic-flow__panel--plan { --jt-flow-surface:#1e3a2f; --jt-flow-ink:#f1ece7; }
.entry-content .jt-diagnostic-flow__panel--priority { --jt-flow-surface:#f8dbd3; --jt-flow-ink:#5b4237; }
.entry-content .jt-diagnostic-flow__branch { background:#dae1da; color:#1e3a2f; }
.entry-content .jt-diagnostic-flow__branch--priority { background:#f8dbd3; color:#5b4237; }