/* All selectors use the unique plugin namespace; no global/template styles changed. */
.abcxyz-smarttts-trigger {
  appearance: none; -webkit-appearance: none;
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  vertical-align: middle; flex: none;
  inline-size: 44px; block-size: 44px;
  margin-inline-start: 8px; padding: 0;
  border: 1px solid #c5daeb; border-radius: 999px;
  background: #f3f8fc; color: #176d99;
  font: normal 17px/1 Arial, sans-serif; cursor: pointer;
  text-decoration: none; touch-action: manipulation;
}
.abcxyz-smarttts-trigger svg { width: 20px; height: 20px; display: block; pointer-events: none; }
.abcxyz-smarttts-trigger:hover { background: #e8f3fa; }
.abcxyz-smarttts-trigger.abcxyz-smarttts-active { color: #fff; background: #176d99; border-color: #176d99; }
.abcxyz-smarttts-trigger:focus-visible { outline: 3px solid #358ac0; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .abcxyz-smarttts-trigger { transition: none; } }
/* Only visible on an explicitly requested diagnostic URL (?abcxyz_tts_debug=1). */
.abcxyz-smarttts-debug { position:fixed;z-index:2147480000;inset:auto 8px 8px 8px;max-height:35vh;overflow:auto;direction:ltr;text-align:left;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;padding:10px;background:#122b43;color:#fff;border:2px solid #8cd6ff;border-radius:8px;font:12px/1.5 monospace; }

/* v1.4.3: Next Generation only. The final word and following speaker
   form one unbreakable inline group; longer sentences still wrap naturally.
   In Q+A article 2346, each display:block STRONG is a separate English line. */
.abcxyz-learning-article .abcxyz-smarttts-tail {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-flow: row nowrap !important;
  gap: 7px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  max-inline-size: 100%;
  direction: ltr !important;
}
.abcxyz-learning-article .abcxyz-smarttts-tail > .abcxyz-smarttts-trigger {
  display: inline-flex !important;
  flex: 0 0 40px !important;
  inline-size: 40px !important;
  block-size: 40px !important;
  margin: 0 !important;
  order: initial !important;
  vertical-align: middle !important;
}
/* Let the original paragraph and each Q/A strong keep their original text flow.
   This supersedes the erroneous forced row-flex/front-of-sentence v1.4.2 CSS. */
