/* Pscilly info tips (v1.8.0) */
.ps-i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.62em;
  height: 0.62em;
  min-width: 14px;
  min-height: 14px;
  max-width: 20px;
  max-height: 20px;
  margin-left: 0.35em;
  padding: 0;
  vertical-align: 0.12em;
  color: var(--muted, #5e6e62);
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: help;
  opacity: 0.75;
  transition: opacity 0.15s, color 0.15s, background 0.15s;
  line-height: 0;
  flex: none;
  -webkit-tap-highlight-color: transparent;
}
.ps-i svg { width: 100%; height: 100%; display: block; }
.ps-i:hover,
.ps-i:focus-visible,
.ps-i[aria-expanded="true"] { opacity: 1; color: var(--forest, #244d38); background: var(--tint, #ecf0e4); }
.ps-i:focus-visible { outline: 2px solid var(--forest, #244d38); outline-offset: 2px; }
/* Small text such as labels, dt and table headers */
label .ps-i, dt .ps-i, dd .ps-i, th .ps-i, legend .ps-i, .mk-chips-label .ps-i,
.st-nav .ps-i, .st-side .ps-i, aside nav .ps-i, [role="tab"] .ps-i, [class*="tabs"] > button .ps-i { width: 14px; height: 14px; vertical-align: -2px; margin-left: 5px; }
h1 .ps-i { width: 0.36em; height: 0.36em; max-width: 26px; max-height: 26px; vertical-align: 0.5em; }
/* Studio sidebar: the marker floats at the right edge so labels never re-wrap. */
.st-side a:has(> .ps-i), .st-side button:has(> .ps-i), aside nav a:has(> .ps-i) { position: relative; }
.st-side .ps-i, aside nav .ps-i { position: absolute; right: 8px; top: 50%; margin: -7px 0 0; opacity: 0; }
.st-side a:hover .ps-i, .st-side a:focus-visible .ps-i, .st-side .ps-i:focus-visible, .st-side .ps-i[aria-expanded="true"],
aside nav a:hover .ps-i, aside nav .ps-i:focus-visible { opacity: 0.9; }
@media (hover: none) { .st-side .ps-i, aside nav .ps-i { opacity: 0.6; } }

.ps-pop {
  position: absolute;
  z-index: 100000;
  width: min(340px, calc(100vw - 16px));
  padding: 14px 16px 14px;
  color: var(--ink, #1c3026);
  background: #fff;
  border: 1px solid var(--line, #dce1d6);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(20, 40, 28, 0.16), 0 2px 6px rgba(20, 40, 28, 0.08);
  font: 400 13.5px/1.5 "DM Sans", Arial, sans-serif;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.14s, transform 0.14s;
  pointer-events: none;
}
.ps-pop.is-open { opacity: 1; transform: none; pointer-events: auto; }
.ps-pop[hidden] { display: block; visibility: hidden; }
.ps-pop.is-open[hidden] { visibility: visible; }
.ps-pop p { margin: 0; }
.ps-pop-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.ps-pop-k {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--forest, #244d38);
  background: var(--lime, #def19e);
  padding: 2px 8px;
  border-radius: 99px;
}
.ps-pop.is-admin .ps-pop-k { background: var(--tint, #ecf0e4); }
.ps-pop-x {
  border: 0; background: none; color: var(--muted, #5e6e62);
  font-size: 20px; line-height: 1; cursor: pointer; padding: 0 2px; margin: -4px -4px 0 0;
}
.ps-pop-t { font-weight: 700; font-size: 15.5px; line-height: 1.3; margin: 4px 0 6px !important; }
.ps-pop-h { font-weight: 700; font-size: 12px; margin: 10px 0 2px !important; color: var(--forest, #244d38); }
.ps-pop ul { margin: 2px 0 0; padding-left: 18px; }
.ps-pop li { margin: 2px 0; }
.ps-pop-note {
  margin-top: 10px !important; padding: 8px 10px; font-size: 12.5px;
  background: #fbf6e8; border: 1px solid #efe2bd; border-radius: 10px; color: #4a3f22;
}
.ps-pop-fda { margin-top: 10px !important; font-size: 11.5px; font-weight: 700; color: var(--ink, #1c3026); }
.ps-pop-small { margin-top: 6px !important; font-size: 11.5px; color: var(--muted, #5e6e62); }
.ps-pop-more { display: inline-block; margin-top: 10px; font-weight: 700; font-size: 13px; color: var(--forest, #244d38); text-decoration: none; }
.ps-pop-more:hover { text-decoration: underline; }
.ps-pop::before {
  content: ""; position: absolute; left: var(--ps-arrow, 50%); width: 10px; height: 10px;
  background: #fff; border: 1px solid var(--line, #dce1d6); transform: translateX(-50%) rotate(45deg);
}
.ps-pop[data-side="below"]::before { top: -6px; border-right: 0; border-bottom: 0; }
.ps-pop[data-side="above"]::before { bottom: -6px; border-left: 0; border-top: 0; }
@media (prefers-reduced-motion: reduce) { .ps-pop { transition: none; } }
/* WordPress admin */
#wpbody-content .ps-i { width: 15px; height: 15px; vertical-align: -2px; }
.ps-lab { display: inline; white-space: normal; }

/* v1.33.6: a drawn picture that still fails after retries shows the soft card background, not a broken icon. */
img.di-failed{opacity:0}