body .jt-mc-example[data-post="12340"] .nail-record{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px}body .jt-mc-example[data-post="12340"] .nail-pair{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:12px;align-items:center}body .jt-mc-example[data-post="12340"] .nail-stage{text-align:center;align-self:start}body .jt-mc-example[data-post="12340"] .nail-shape{display:block;width:96px;max-width:100%;height:155px;border:2px solid var(--mc-ink);border-bottom-width:8px;border-radius:10px 10px 35px 35px;margin:8px auto 6px;position:relative;overflow:hidden}body .jt-mc-example[data-post="12340"] .nail-shape i{position:absolute;left:20%;top:53%;width:60%;height:24%;background:var(--mc-ink);border-radius:55% 35% 50% 40%}body .jt-mc-example[data-post="12340"] .later .nail-shape i{top:18%}body .jt-mc-example[data-post="12340"] .nail-stage b{display:block;font-size:14px;line-height:1.4}body .jt-mc-example[data-post="12340"] .nail-arrow{font-size:28px;text-align:center}body .jt-mc-example[data-post="12340"] .nail-explain p+p{margin-top:14px!important}body .jt-mc-example[data-post="12340"] .nail-alert{margin-top:28px}body .jt-mc-example[data-post="12340"] .nail-alert strong{display:block;font-size:21px;line-height:1.3;margin-bottom:10px}@container jt-mc (max-width:620px){body .jt-mc-example[data-post="12340"] .nail-record{grid-template-columns:1fr}body .jt-mc-example[data-post="12340"] .nail-pair{max-width:380px;margin:auto;width:100%}}
body .jt-mc-example[data-post="12340"] .nail-stage small{display:block;font:400 14px/1.4 var(--mc-body)}body .jt-mc-example[data-post="12340"] .nail-base{margin-bottom:16px}

/* Keep the three treatment markers circular beside their explanatory text. */
body.single-post.postid-12340 .fungal-infection-visual div[style*="width: 40px"][style*="height: 40px"] { flex-shrink: 0; }

/* Match the final treatment row to the two stacked rows above it on narrow screens. */
@media (max-width: 560px) {
  body.single-post.postid-12340 .fungal-infection-visual div[style="display: flex;align-items: center"]:has(> div[style*="width: 40px"][style*="height: 40px"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: stretch !important;
  }
}