/* QME HTMX - the shared htmx styles (qme_htmx_assets(), theme_helper.php; behaviour themes/shared/js/qme-htmx.js).
 * A load that failed: its message and "Try again" stand in for the target's content (a skeleton, say) until the
 * next attempt. Colours from the portal's own variables. */
.qme-hx-failed > :not(.qme-hx-error) { display: none !important; }
.qme-hx-error {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px;
  padding: 16px 18px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--site_font_color_g, currentColor) 16%, transparent);
  background: color-mix(in srgb, var(--site_color_g, currentColor) 6%, transparent);
  color: inherit; font-size: 15px; line-height: 1.45;
}
.qme-hx-error p { margin: 0; font-weight: 600; }
.qme-hx-retry {
  min-height: 40px; padding: 8px 18px; border-radius: 999px; cursor: pointer;
  border: 2px solid var(--site_color_g, currentColor); background: transparent; color: inherit;
  font: inherit; font-size: 15px; font-weight: 700;
}
.qme-hx-retry:hover { background: color-mix(in srgb, var(--site_color_g, currentColor) 10%, transparent); }
.qme-hx-retry:focus-visible { outline: 2px solid var(--site_color_g, currentColor); outline-offset: 2px; }