/* Barra TTS a pantalla completa con iconos limpios */
:host {
  all: initial;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#audiobotoiak.tts-barra,
#audiobotoiak {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #cfd6dc !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #f9fbfc 0%, #edf2f4 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 1px 3px rgba(15,23,42,.10) !important;
  color: #00aca8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  float: none !important;
  position: relative !important;
  overflow: visible !important;
}

.tts-toolbar-group {
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
}

.tts-separator,
.banatzekoa {
  display: inline-block !important;
  width: 1px !important;
  height: 24px !important;
  margin: 0 8px !important;
  background: #d5dde3 !important;
  background-image: none !important;
  flex: 0 0 auto !important;
}

#audiobotoiak button,
#audiobotoiak a,
#audiobotoiak .audiobotoia,
#audiobotoiak .volume,
#audiobotoiak .hizlaria,
#audiobotoiak .deskargakontrola,
#audiobotoiak .aboutbotoia,
#audiobotoiak .playbotoia,
#audiobotoiak .gelditubotoia,
#audiobotoiak .atzerabotoia,
#audiobotoiak .aurrerabotoia {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  color: #00aca8 !important;
  fill: none !important;
  stroke: currentColor !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  float: none !important;
  top: auto !important;
  position: relative !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: background .12s ease, border-color .12s ease, transform .12s ease, box-shadow .12s ease !important;
}

#audiobotoiak button:hover,
#audiobotoiak a:hover {
  background: rgba(0,172,168,.10) !important;
  border-color: rgba(0,172,168,.20) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(15,23,42,.10) !important;
}

#audiobotoiak button:active,
#audiobotoiak a:active {
  transform: translateY(0) !important;
  box-shadow: none !important;
}

#audiobotoiak button:focus-visible,
#audiobotoiak a:focus-visible {
  outline: 2px solid rgba(0,172,168,.36) !important;
  outline-offset: 2px !important;
}

#audiobotoiak svg {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.playbotoia svg {
  width: 20px !important;
  height: 20px !important;
}

.playbotoia .play svg polygon,
.playbotoia .play svg path {
  fill: currentColor !important;
  stroke: none !important;
}

.gelditubotoia svg rect,
.playbotoia .pause svg rect {
  fill: currentColor !important;
  stroke: none !important;
}

/* Ocultamos controles heredados que no forman parte de la barra compacta. */
.azalpentestua,
.playbotoiabozgorailua,
.hasierarabotoia,
.amaierarabotoia,
.atzeraparagrafoabotoia,
.aurreraparagrafoabotoia,
.joanbotoia,
.hizkuntzakontrola {
  display: none !important;
}

.abiadurakontrola {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  height: 100% !important;
  float: none !important;
  flex: 0 0 auto !important;
}

.abiadurakontrola button,
#audiobotoiak .abiadura-button {
  width: auto !important;
  min-width: 68px !important;
  height: 34px !important;
  margin: 0 4px !important;
  padding: 0 13px !important;
  border: 1px solid #e1e8ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #00aca8 !important;
  box-shadow: 0 3px 9px rgba(15,23,42,.12) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

.abiadurazenb {
  margin-left: 5px !important;
  margin-top: 0 !important;
  color: #00aca8 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.itzulibotoia {
  width: auto !important;
  min-width: 92px !important;
  padding: 0 12px !important;
  border-color: rgba(0,172,168,.25) !important;
  background: rgba(0,172,168,.08) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.itzulibotoia::before {
  content: "⇄";
  margin-right: 6px;
  font-size: 16px;
  line-height: 1;
}

.hizlari-wrapper,
.bolumen-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  flex: 0 0 auto !important;
}

.hizlariaukera,
.hizkuntzaaukera {
  box-sizing: border-box !important;
  position: absolute !important;
  top: 42px !important;
  right: 0 !important;
  min-width: 200px !important;
  padding: 8px !important;
  border: 1px solid #cfd6dc !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #333 !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.18) !important;
  z-index: 2147483647 !important;
  font-size: 12px !important;
}

.hizlariaukera a,
.hizkuntzaaukera a {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 28px !important;
  margin: 2px 0 !important;
  padding: 6px 8px !important;
  color: #00aca8 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.hizlariaukera .aukeratua,
.hizkuntzaaukera .aukeratua {
  background: rgba(0,172,168,.10) !important;
}

.bolumenaslider {
  box-sizing: border-box !important;
  position: absolute !important;
  top: -80px !important;
  left: 50% !important;
  width: 14px !important;
  height: 68px !important;
  transform: translateX(-50%) !important;
  padding: 0 !important;
  border: 1px solid #b8c0c7 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fbfbfb, #e8edf0) !important;
  z-index: 2147483647 !important;
  touch-action: none !important;
}

.ui-slider-range {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #00d1ca, #00aca8) !important;
}

.ui-slider-handle {
  position: absolute !important;
  left: 50% !important;
  width: 14px !important;
  height: 14px !important;
  margin-left: -7px !important;
  margin-bottom: -7px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 2px solid #00aca8 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 7px rgba(15,23,42,.25) !important;
}

.bolumenatooltip,
.slidertooltipbolumena {
  position: absolute !important;
  display: block !important;
  top: -112px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  min-width: 38px !important;
  height: 22px !important;
  padding: 3px 6px !important;
  border-radius: 6px !important;
  background: rgba(15,23,42,.84) !important;
  color: #fff !important;
  font: 700 11px/16px Arial, Helvetica, sans-serif !important;
  text-align: center !important;
  z-index: 2147483647 !important;
}

.tts_elhuyar_logoa,
#tts_elhuyar_logoa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 34px !important;
  min-width: 82px !important;
  margin: 0 0 0 auto !important;
  padding: 0 2px 0 12px !important;
  background: none !important;
  background-image: none !important;
  color: #1f4aa8 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.tts-logo-arrow {
  color: #00aca8 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  margin-left: 1px !important;
}

#aboutModal {
  position: fixed !important;
  inset: 0 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,.45) !important;
  z-index: 2147483647 !important;
}

.about-modal-box {
  max-width: 720px !important;
  max-height: 80vh !important;
  overflow: auto !important;
  background: #fff !important;
  color: #222 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.about-modal-close {
  float: right !important;
  width: auto !important;
  min-width: 70px !important;
  padding: 0 10px !important;
  border: 1px solid #cfd6dc !important;
  background: #f8fafb !important;
  color: #00aca8 !important;
}

.tts-selection-actions {
  position: absolute !important;
  display: none;
  align-items: center !important;
  gap: 7px !important;
  padding: 5px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.24) !important;
  z-index: 2147483647 !important;
}

.tts-selection-actions button,
.tts-itzuli-botoi-flotagarria,
.tts-hiztegia-botoi-flotagarria {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 9px 14px !important;
  color: #fff !important;
  font: 700 13px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.tts-itzuli-botoi-flotagarria { background: #00aca8 !important; }
.tts-hiztegia-botoi-flotagarria { background: #1a3aab !important; }
.tts-selection-actions button:hover { filter: brightness(.96); }

@media screen and (max-width: 680px) {
  #audiobotoiak.tts-barra,
  #audiobotoiak {
    height: auto !important;
    min-height: 44px !important;
    flex-wrap: wrap !important;
    row-gap: 4px !important;
    padding: 6px 10px !important;
  }

  .tts_elhuyar_logoa,
  #tts_elhuyar_logoa {
    margin-left: 4px !important;
    min-width: 72px !important;
    padding-left: 6px !important;
  }

  #audiobotoiak button,
  #audiobotoiak a,
  #audiobotoiak .volume,
  #audiobotoiak .hizlaria,
  #audiobotoiak .deskargakontrola,
  #audiobotoiak .aboutbotoia,
  #audiobotoiak .playbotoia,
  #audiobotoiak .gelditubotoia,
  #audiobotoiak .atzerabotoia,
  #audiobotoiak .aurrerabotoia {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  .itzulibotoia {
    min-width: 82px !important;
    padding: 0 10px !important;
  }
}

/* Highlight options modal */
.nabarmentzea-botoia {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: #00aca8;
  cursor: pointer;
  border-radius: 8px;
}
.nabarmentzea-botoia:hover { background: rgba(0,172,168,.12); }
.nabarmentzea-botoia svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nabarmentzea-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: rgba(0,0,0,.35);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  box-sizing: border-box;
}
.nabarmentzea-modal-box {
  box-sizing: border-box;
  width: min(840px, calc(100vw - 32px));
  max-height: min(86vh, 760px);
  overflow: auto;
  background: #fff;
  border: 1px solid #cfd4da;
  border-radius: 4px;
  box-shadow: 0 14px 42px rgba(0,0,0,.22);
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  padding: 18px 20px 22px;
  position: relative;
}
.nabarmentzea-close {
  position: sticky;
  top: 0;
  float: right;
  z-index: 2;
  border: 0;
  background: #3f2774;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font: 700 22px/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
}
.nabarmentzea-fieldset,
.nabarmentzea-panel,
.nabarmentzea-preview-section {
  border: 1px solid #cfd4da;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
  padding: 16px 18px;
  margin: 0 0 20px;
  background: #fff;
}
.nabarmentzea-fieldset legend {
  font-size: 22px;
  padding: 0 6px;
}
.nabarmentzea-radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 26px 0 0;
  font-size: 16px;
}
.nabarmentzea-radio input { accent-color: #2aa84a; }
.nabarmentzea-label {
  display: block;
  font-size: 22px;
  margin-bottom: 12px;
}
.nabarmentzea-label select {
  display: block;
  margin-top: 8px;
  width: min(100%, 670px);
  font-size: 16px;
  line-height: 1.3;
  padding: 6px 8px;
  border: 1px solid #555;
  border-radius: 7px;
  background: #f9f9f9;
}
.nabarmentzea-color-section {
  border-top: 1px solid #e5e5e5;
  padding-top: 12px;
  margin-top: 12px;
}
.nabarmentzea-color-section h3,
.nabarmentzea-preview-section h3 {
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: 400;
}
.nabarmentzea-palette {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-right: 12px;
  vertical-align: middle;
}
.nabarmentzea-swatch {
  position: relative;
  width: 25px;
  height: 25px;
  display: inline-block;
  border: 1px solid #333;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  cursor: pointer;
}
.nabarmentzea-swatch input {
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  transform: translateX(-50%);
  width: 7px;
  height: 7px;
  accent-color: #5850a0;
}
.nabarmentzea-preview-text {
  font-size: 16px;
  line-height: 1.45;
  margin: 0;
}
.nabarmentzea-preview-text::before,
.nabarmentzea-preview-text::after {
  color: #555;
  font-size: 32px;
  line-height: 0;
  font-weight: 700;
}
.nabarmentzea-preview-text::before { content: '“ '; }
.nabarmentzea-preview-text::after { content: ' ”'; }
@media screen and (max-width: 560px) {
  .nabarmentzea-modal { padding: 8px; }
  .nabarmentzea-modal-box { width: calc(100vw - 16px); padding: 14px; }
  .nabarmentzea-fieldset legend,
  .nabarmentzea-label,
  .nabarmentzea-color-section h3,
  .nabarmentzea-preview-section h3 { font-size: 18px; }
}

/* Barra móvil siguiendo el texto leído */
#host.tts-host-following {
  display: block !important;
  padding: 0 12px !important;
  transition: top .22s ease !important;
  pointer-events: auto !important;
}

/* Control de tamaño del texto */
.testu-tamaina-botoia,
#audiobotoiak .testu-tamaina-botoia {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0,172,168,.22) !important;
  background: rgba(0,172,168,.08) !important;
  color: #00aca8 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.tts-text-size-icon {
  display: inline-block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.testu-tamaina-panel {
  position: absolute !important;
  right: 98px !important;
  top: 44px !important;
  z-index: 2147483647 !important;
  display: none;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px !important;
  border: 1px solid rgba(0,172,168,.18) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.18) !important;
}

.testu-tamaina-panel[style*="block"],
.testu-tamaina-panel[style*="inline"],
.testu-tamaina-panel[style*="flex"] {
  display: flex !important;
}

.testu-tamaina-ekintza,
#audiobotoiak .testu-tamaina-ekintza {
  width: auto !important;
  min-width: 44px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #dbe7ea !important;
  border-radius: 10px !important;
  background: #f8fbfc !important;
  color: #00aca8 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

#audiobotoiak .testu-tamaina-reset {
  min-width: 58px !important;
  color: #1a3aab !important;
}

/* Nuevo estilo para las opciones de resaltado: más coherente con la barra */
.nabarmentzea-modal {
  background: rgba(15,23,42,.32) !important;
  backdrop-filter: blur(3px) !important;
}

.nabarmentzea-modal-box {
  width: min(880px, calc(100vw - 32px)) !important;
  border: 1px solid rgba(0,172,168,.18) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.26) !important;
  padding: 22px !important;
}

.nabarmentzea-close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  background: #00aca8 !important;
  color: #fff !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(0,172,168,.24) !important;
}

.nabarmentzea-fieldset,
.nabarmentzea-panel,
.nabarmentzea-preview-section {
  border: 1px solid #dce8eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
  background: #fff !important;
  padding: 18px !important;
}

.nabarmentzea-fieldset legend {
  color: #1a3aab !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  padding: 0 8px !important;
}

.nabarmentzea-radio {
  gap: 8px !important;
  margin: 4px 12px 4px 0 !important;
  padding: 8px 12px !important;
  border: 1px solid #dbe7ea !important;
  border-radius: 999px !important;
  background: #f8fbfc !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.nabarmentzea-radio input {
  accent-color: #00aca8 !important;
}

.nabarmentzea-label {
  color: #1f2937 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.nabarmentzea-label select {
  margin-top: 10px !important;
  border: 1px solid #cfe0e4 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: inset 0 1px 2px rgba(15,23,42,.04) !important;
  padding: 10px 12px !important;
  color: #111827 !important;
}

.nabarmentzea-color-section {
  border-top: 1px solid #edf3f5 !important;
  padding-top: 16px !important;
}

.nabarmentzea-color-section h3,
.nabarmentzea-preview-section h3 {
  color: #1a3aab !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

.nabarmentzea-palette {
  gap: 9px !important;
}

.nabarmentzea-swatch {
  width: 34px !important;
  height: 34px !important;
  border: 2px solid #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,.14), 0 5px 12px rgba(15,23,42,.12) !important;
  overflow: visible !important;
}

.nabarmentzea-swatch:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 0 0 2px rgba(0,172,168,.28), 0 8px 16px rgba(15,23,42,.16) !important;
}

.nabarmentzea-swatch input {
  width: 12px !important;
  height: 12px !important;
  top: calc(100% + 4px) !important;
  accent-color: #00aca8 !important;
}

.nabarmentzea-preview-text {
  padding: 16px 18px !important;
  border-radius: 16px !important;
  border: 1px solid #dce8eb !important;
  background: #f8fbfc !important;
  font-size: 16px !important;
}


/* -------------------------------------------------------------------------
   Accesibilidad avanzada
   ------------------------------------------------------------------------- */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.tts-accessible-toolbar {
  gap: 8px !important;
  align-items: center !important;
}

.tts-a11y-control,
.tts-accessible-toolbar button,
#ttsSelectionActions button {
  min-width: 44px !important;
  min-height: 44px !important;
}

.tts-a11y-control:focus-visible,
.tts-accessible-toolbar button:focus-visible,
#ttsSelectionActions button:focus-visible,
.nabarmentzea-modal button:focus-visible,
.nabarmentzea-modal input:focus-visible,
.nabarmentzea-modal select:focus-visible,
.itzulpena-modal-box button:focus-visible,
.itzulpena-modal-box select:focus-visible,
.hiztegia-modal-box button:focus-visible,
.hiztegia-modal-box select:focus-visible,
.tts-a11y-modal button:focus-visible {
  outline: 3px solid #1a3aab !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px rgba(0,172,168,.22) !important;
}

.tts-a11y-help-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #e6fffb !important;
  color: #006f6b !important;
  cursor: pointer !important;
  padding: 0 12px !important;
}

.tts-a11y-help-button svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.tts-a11y-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(15, 23, 42, .42) !important;
  backdrop-filter: blur(3px) !important;
}

.tts-a11y-modal-box {
  width: min(720px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 48px) !important;
  overflow: auto !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%) !important;
  color: #172033 !important;
  border: 1px solid rgba(0,172,168,.22) !important;
  border-radius: 22px !important;
  padding: 24px !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .28) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.55 !important;
}

.tts-a11y-modal-box h2 {
  margin: 0 42px 12px 0 !important;
  color: #1a3aab !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}

.tts-a11y-modal-box h3 {
  color: #006f6b !important;
  margin-top: 18px !important;
}

.tts-a11y-modal-box kbd {
  display: inline-block !important;
  min-width: 22px !important;
  border: 1px solid #cfe0e4 !important;
  border-bottom-width: 2px !important;
  border-radius: 6px !important;
  background: #fff !important;
  padding: 2px 6px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.tts-a11y-modal-close {
  float: right !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #00aca8 !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

@media (prefers-reduced-motion: reduce) {
  .tts-accessible-toolbar,
  .tts-accessible-toolbar *,
  #ttsSelectionActions,
  #ttsSelectionActions * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* -------------------------------------------------------------------------
   Accesibilidad AA configurable - estilos extra
   ------------------------------------------------------------------------- */
.tts-a11y-skip-link {
  position: fixed !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 2147483647 !important;
  transform: translateY(-160%) !important;
  border: 2px solid #1a3aab !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #1a3aab !important;
  padding: 10px 14px !important;
  font: 700 14px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .2) !important;
}

.tts-a11y-skip-link:focus,
.tts-a11y-skip-link:focus-visible {
  transform: translateY(0) !important;
  outline: 3px solid #00aca8 !important;
  outline-offset: 3px !important;
}

.tts-a11y-focus-visible-enabled .tts-a11y-control:focus-visible,
.tts-a11y-focus-visible-enabled button:focus-visible,
.tts-a11y-focus-visible-enabled a:focus-visible,
.tts-a11y-focus-visible-enabled [role="slider"]:focus-visible,
.tts-a11y-focus-visible-enabled input:focus-visible,
.tts-a11y-focus-visible-enabled select:focus-visible,
.tts-a11y-focus-visible-enabled textarea:focus-visible {
  outline: 4px solid #1a3aab !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 8px rgba(0, 172, 168, .24) !important;
}

.tts-a11y-large-controls .tts-a11y-control,
.tts-a11y-large-controls button,
.tts-a11y-large-controls [role="button"],
.tts-a11y-large-controls [role="slider"] {
  min-width: 52px !important;
  min-height: 52px !important;
  font-size: 18px !important;
}

.tts-a11y-large-controls svg {
  width: 26px !important;
  height: 26px !important;
}

.tts-a11y-high-contrast,
.tts-a11y-high-contrast .tts-barra,
.tts-a11y-high-contrast#audiobotoiak,
.tts-a11y-high-contrast .tts-accessible-toolbar {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px #000000 !important;
}

.tts-a11y-high-contrast button,
.tts-a11y-high-contrast [role="button"],
.tts-a11y-high-contrast [role="slider"] {
  color: #000000 !important;
  background: #ffffff !important;
  border: 2px solid #000000 !important;
}

.tts-a11y-high-contrast button:hover,
.tts-a11y-high-contrast [role="button"]:hover,
.tts-a11y-high-contrast button:focus-visible,
.tts-a11y-high-contrast [role="button"]:focus-visible {
  background: #000000 !important;
  color: #ffffff !important;
}

.tts-a11y-reduced-motion,
.tts-a11y-reduced-motion *,
.tts-a11y-reduced-motion + *,
.tts-a11y-reduced-motion ~ * {
  transition: none !important;
  animation: none !important;
  scroll-behavior: auto !important;
}

.tts-accessible-toolbar[role="toolbar"] {
  gap: 6px !important;
}

.tts-accessible-toolbar [tabindex="0"] {
  scroll-margin: 80px !important;
}

.tts-a11y-modal[aria-modal="true"] {
  isolation: isolate !important;
}

.tts-a11y-modal-box p,
.tts-a11y-modal-box li {
  font-size: 16px !important;
}

/* Certificación accesible: TXT y escucha de resultados */
.tts-txt-export-button,
.tts-result-speak-button {
  border: 1px solid rgba(0, 172, 168, 0.28);
  background: #ffffff;
  color: #0f766e;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-width: 44px;
  min-height: 44px;
  padding: 0.45rem 0.75rem;
  cursor: pointer;
  font: 600 0.9rem/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-shadow: 0 2px 10px rgba(0, 172, 168, 0.10);
}

.tts-txt-export-button svg,
.tts-result-speak-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tts-result-speak-button {
  margin: 0.7rem 0 0.3rem 0;
  background: linear-gradient(135deg, #ecfeff, #f8fafc);
  color: #155e75;
}

.tts-txt-export-button:hover,
.tts-result-speak-button:hover {
  border-color: #00aca8;
  transform: translateY(-1px);
}

.tts-a11y-high-contrast .tts-txt-export-button,
.tts-a11y-high-contrast .tts-result-speak-button {
  background: #000;
  color: #fff;
  border-color: #fff;
  box-shadow: none;
}

.tts-a11y-reduced-motion .tts-txt-export-button,
.tts-a11y-reduced-motion .tts-result-speak-button {
  transition: none !important;
  transform: none !important;
}


/* ==========================================================
   Compact toolbar + click mode
   ========================================================== */
:host { --tts-primary: #00aca8; --tts-secondary: #1a3aab; --tts-border: #cfd8dc; --tts-bg: #f7fafc; --tts-text: #1f2937; }
.tts-barra.tts-compact {
  width: max-content !important;
  max-width: min(100vw - 16px, 860px);
  min-height: 42px !important;
  padding: 4px !important;
  gap: 0 !important;
  align-items: stretch !important;
  border: 1px solid var(--tts-border) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--tts-bg) 100%) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .12) !important;
  color: var(--tts-text) !important;
  overflow: visible !important;
}
.tts-barra.tts-compact button,
.tts-barra.tts-compact .abiadura-button {
  min-width: 38px !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-right: 1px solid rgba(207,216,220,.9) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--tts-primary) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  line-height: 1 !important;
}
.tts-barra.tts-compact button:first-child { border-radius: 7px 0 0 7px !important; }
.tts-barra.tts-compact button:last-child { border-right: 0 !important; border-radius: 0 7px 7px 0 !important; }
.tts-barra.tts-compact button:hover { background: rgba(0,172,168,.10) !important; transform: none !important; }
.tts-barra.tts-compact button:focus-visible { outline: 3px solid var(--tts-secondary) !important; outline-offset: 2px !important; z-index: 2; }
.tts-barra.tts-compact svg { width: 18px !important; height: 18px !important; stroke: currentColor !important; fill: none !important; stroke-width: 2.2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
.tts-barra.tts-compact .playbotoia svg polygon,
.tts-barra.tts-compact .gelditubotoia svg rect,
.tts-barra.tts-compact .playbotoia svg rect { fill: currentColor !important; stroke: none !important; }
.tts-barra.tts-compact .azalpentestua {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--tts-text) !important;
  border-right: 1px solid rgba(207,216,220,.9) !important;
  float: none !important;
}
.tts-barra.tts-compact .entzuntestua { margin: 0 !important; color: var(--tts-text) !important; font-size: 14px !important; line-height: 1 !important; }
.tts-barra.tts-compact .tts-separator,
.tts-barra.tts-compact .tts_elhuyar_logoa,
.tts-barra.tts-compact .hizlari-wrapper,
.tts-barra.tts-compact .deskargakontrola,
.tts-barra.tts-compact .hizkuntzakontrola,
.tts-barra.tts-compact .hasierarabotoia,
.tts-barra.tts-compact .amaierarabotoia,
.tts-barra.tts-compact .atzeraparagrafoabotoia,
.tts-barra.tts-compact .aurreraparagrafoabotoia,
.tts-barra.tts-compact .joanbotoia,
.tts-barra.tts-compact .aboutbotoia,
.tts-barra.tts-compact .tts-text-size-button,
.tts-barra.tts-compact .tts-highlight-options-button,
.tts-barra.tts-compact .tts-export-txt-button {
  display: none !important;
}
.tts-barra.tts-compact .bolumen-wrapper,
.tts-barra.tts-compact .abiadurakontrola,
.tts-barra.tts-compact .tts-toolbar-group { display: inline-flex !important; align-items: stretch !important; float: none !important; }
.tts-barra.tts-compact .bolumenaslider { top: 40px !important; left: 0 !important; }
.tts-barra.tts-compact .slidertooltipbolumena { top: 50px !important; left: 22px !important; }
.tts-barra.tts-compact-closed .gelditubotoia,
.tts-barra.tts-compact-closed .atzerabotoia,
.tts-barra.tts-compact-closed .aurrerabotoia,
.tts-barra.tts-compact-closed .bolumen-wrapper,
.tts-barra.tts-compact-closed .abiadurakontrola,
.tts-barra.tts-compact-closed .tts-click-mode-button,
.tts-barra.tts-compact-closed .tts-a11y-help-button,
.tts-barra.tts-compact-closed .tts-compact-close { display: none !important; }
.tts-barra.tts-compact-open .tts-compact-close,
.tts-barra.tts-compact-open .tts-click-mode-button { display: inline-flex !important; }
.tts-barra.tts-compact .tts-compact-menu { display: inline-flex !important; }
.tts-barra.tts-compact .tts-click-mode-button[aria-pressed="true"] { background: rgba(0,172,168,.16) !important; color: var(--tts-secondary) !important; box-shadow: inset 0 -3px 0 var(--tts-primary); }
.tts-barra.tts-compact .tts-compact-listen-label { font-weight: 700; color: var(--tts-text); }
.tts-barra.tts-compact .tts-compact-close { color: #334155 !important; }
body.tts-click-mode-active, body.tts-click-mode-active [class^="esaldia"] { cursor: pointer !important; }
.tts-click-mode-active-hint {
  outline: 2px dashed var(--tts-primary);
  outline-offset: 4px;
}
@media (max-width: 520px) {
  .tts-barra.tts-compact { max-width: calc(100vw - 10px); }
  .tts-barra.tts-compact .azalpentestua { max-width: 110px; }
  .tts-barra.tts-compact .entzuntestua { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}


/* ==========================================================
   Minimal compact toolbar profile
   Shows only: play/pause, stop, previous/next sentence, speed, click mode.
   Keeps the existing color palette.
   ========================================================== */
.tts-barra.tts-compact {
  width: fit-content !important;
  max-width: calc(100vw - 24px) !important;
  min-height: 38px !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
}

/* Hide everything that is not part of the minimal toolbar. */
.tts-barra.tts-compact .playbotoiabozgorailua,
.tts-barra.tts-compact .bolumen-wrapper,
.tts-barra.tts-compact .bolumenakontrola,
.tts-barra.tts-compact .hizlari-wrapper,
.tts-barra.tts-compact .hizlariakontrola,
.tts-barra.tts-compact .hizkuntzakontrola,
.tts-barra.tts-compact .deskargakontrola,
.tts-barra.tts-compact .tts_elhuyar_logoa,
.tts-barra.tts-compact .tts-separator,
.tts-barra.tts-compact .banatzekoa,
.tts-barra.tts-compact .hasierarabotoia,
.tts-barra.tts-compact .amaierarabotoia,
.tts-barra.tts-compact .atzeraparagrafoabotoia,
.tts-barra.tts-compact .aurreraparagrafoabotoia,
.tts-barra.tts-compact .joanbotoia,
.tts-barra.tts-compact .aboutbotoia,
.tts-barra.tts-compact .tts-a11y-help-button,
.tts-barra.tts-compact .tts-text-size-button,
.tts-barra.tts-compact .tts-highlight-options-button,
.tts-barra.tts-compact .tts-export-txt-button,
.tts-barra.tts-compact .itzulibotoia,
.tts-barra.tts-compact .tts-compact-close {
  display: none !important;
}

/* Closed state: only menu, label and play. */
.tts-barra.tts-compact-closed .gelditubotoia,
.tts-barra.tts-compact-closed .atzerabotoia,
.tts-barra.tts-compact-closed .aurrerabotoia,
.tts-barra.tts-compact-closed .abiadurakontrola,
.tts-barra.tts-compact-closed .tts-click-mode-button {
  display: none !important;
}

/* Open state: only required controls. */
.tts-barra.tts-compact-open .playbotoia,
.tts-barra.tts-compact-open .gelditubotoia,
.tts-barra.tts-compact-open .atzerabotoia,
.tts-barra.tts-compact-open .aurrerabotoia,
.tts-barra.tts-compact-open .abiadurakontrola,
.tts-barra.tts-compact-open .tts-click-mode-button,
.tts-barra.tts-compact .tts-compact-menu,
.tts-barra.tts-compact .azalpentestua {
  display: inline-flex !important;
}

.tts-barra.tts-compact .azalpentestua {
  align-items: center !important;
  padding: 0 12px !important;
  min-width: 82px !important;
  justify-content: center !important;
}

.tts-barra.tts-compact .entzuntestua {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  color: var(--tts-text) !important;
}

.tts-barra.tts-compact button,
.tts-barra.tts-compact .playbotoia,
.tts-barra.tts-compact .gelditubotoia,
.tts-barra.tts-compact .atzerabotoia,
.tts-barra.tts-compact .aurrerabotoia,
.tts-barra.tts-compact .abiadura-button,
.tts-barra.tts-compact .tts-click-mode-button {
  min-width: 42px !important;
  width: 42px !important;
  height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-right: 1px solid var(--tts-border) !important;
  border-radius: 0 !important;
}

.tts-barra.tts-compact .abiadurakontrola {
  min-width: 64px !important;
  width: auto !important;
}

.tts-barra.tts-compact .abiadura-button {
  min-width: 64px !important;
  width: auto !important;
  padding: 0 10px !important;
}

.tts-barra.tts-compact .abiadurazenb,
.tts-barra.tts-compact .abiadura-label {
  font-size: 14px !important;
}

.tts-barra.tts-compact .tts-click-mode-button[aria-pressed="true"] {
  background: rgba(0,172,168,.16) !important;
  color: var(--tts-secondary) !important;
  box-shadow: inset 0 -3px 0 var(--tts-primary) !important;
}

.tts-barra.tts-compact button:first-child {
  border-radius: 7px 0 0 7px !important;
}

.tts-barra.tts-compact .playbotoia:last-child,
.tts-barra.tts-compact .tts-click-mode-button:last-child,
.tts-barra.tts-compact .abiadurakontrola:last-child .abiadura-button {
  border-radius: 0 7px 7px 0 !important;
  border-right: 0 !important;
}

@media screen and (max-width: 500px) {
  .tts-barra.tts-compact {
    width: fit-content !important;
    max-width: calc(100vw - 12px) !important;
  }
  .tts-barra.tts-compact .azalpentestua {
    min-width: 70px !important;
    padding: 0 8px !important;
  }
  .tts-barra.tts-compact button,
  .tts-barra.tts-compact .playbotoia,
  .tts-barra.tts-compact .gelditubotoia,
  .tts-barra.tts-compact .atzerabotoia,
  .tts-barra.tts-compact .aurrerabotoia,
  .tts-barra.tts-compact .tts-click-mode-button {
    min-width: 38px !important;
    width: 38px !important;
  }
}


/* ==========================================================
   Minimal toolbar hardening: apply also when original element is
   #audiobotoiak/.audiobotoiak and not only .tts-barra.
   ========================================================== */
.tts-compact {
  width: fit-content !important;
  max-width: calc(100vw - 24px) !important;
  min-height: 38px !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
}
.tts-compact .playbotoiabozgorailua,
.tts-compact .bolumen-wrapper,
.tts-compact .bolumenakontrola,
.tts-compact .hizlari-wrapper,
.tts-compact .hizlariakontrola,
.tts-compact .hizkuntzakontrola,
.tts-compact .deskargakontrola,
.tts-compact .tts_elhuyar_logoa,
.tts-compact .tts-separator,
.tts-compact .banatzekoa,
.tts-compact .hasierarabotoia,
.tts-compact .amaierarabotoia,
.tts-compact .atzeraparagrafoabotoia,
.tts-compact .aurreraparagrafoabotoia,
.tts-compact .joanbotoia,
.tts-compact .aboutbotoia,
.tts-compact .tts-a11y-help-button,
.tts-compact .tts-text-size-button,
.tts-compact .tts-highlight-options-button,
.tts-compact .tts-export-txt-button,
.tts-compact .itzulibotoia,
.tts-compact .tts-compact-close {
  display: none !important;
}
.tts-compact.tts-compact-closed .gelditubotoia,
.tts-compact.tts-compact-closed .atzerabotoia,
.tts-compact.tts-compact-closed .aurrerabotoia,
.tts-compact.tts-compact-closed .abiadurakontrola,
.tts-compact.tts-compact-closed .tts-click-mode-button {
  display: none !important;
}
.tts-compact.tts-compact-open .gelditubotoia,
.tts-compact.tts-compact-open .atzerabotoia,
.tts-compact.tts-compact-open .aurrerabotoia,
.tts-compact.tts-compact-open .abiadurakontrola,
.tts-compact.tts-compact-open .tts-click-mode-button {
  display: inline-flex !important;
}
.tts-compact .tts-compact-menu { display: inline-flex !important; }
.tts-compact .tts-compact-listen-label { display: inline-flex !important; }


/* ==========================================================
   Minimal hard toolbar: final visible controls only
   ========================================================== */
#audiobotoiak.tts-minimal-hard,
.tts-barra.tts-minimal-hard {
  width: fit-content !important;
  max-width: calc(100vw - 16px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 8px auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: visible !important;
}
#audiobotoiak.tts-minimal-hard .tts-minimal-shell,
.tts-barra.tts-minimal-hard .tts-minimal-shell {
  display: inline-flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  border: 1px solid rgba(26, 58, 171, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffffff, #f2f7fb) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .10) !important;
  overflow: hidden !important;
}
#audiobotoiak.tts-minimal-hard .tts-minimal-shell > *,
.tts-barra.tts-minimal-hard .tts-minimal-shell > * {
  float: none !important;
  margin: 0 !important;
}
#audiobotoiak.tts-minimal-hard button,
.tts-barra.tts-minimal-hard button,
#audiobotoiak.tts-minimal-hard .abiadura-button,
.tts-barra.tts-minimal-hard .abiadura-button {
  width: auto !important;
  min-width: 42px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-right: 1px solid rgba(26, 58, 171, .16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--tts-primary, #00aca8) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font: 700 14px/1 Arial, Helvetica, sans-serif !important;
  box-shadow: none !important;
  transform: none !important;
}
#audiobotoiak.tts-minimal-hard button:hover,
.tts-barra.tts-minimal-hard button:hover {
  background: rgba(0,172,168,.10) !important;
}
#audiobotoiak.tts-minimal-hard button:focus-visible,
.tts-barra.tts-minimal-hard button:focus-visible {
  outline: 3px solid #1a3aab !important;
  outline-offset: -3px !important;
  z-index: 3 !important;
}
#audiobotoiak.tts-minimal-hard svg,
.tts-barra.tts-minimal-hard svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
#audiobotoiak.tts-minimal-hard .playbotoia svg polygon,
#audiobotoiak.tts-minimal-hard .gelditubotoia svg rect,
.tts-barra.tts-minimal-hard .playbotoia svg polygon,
.tts-barra.tts-minimal-hard .gelditubotoia svg rect {
  fill: currentColor !important;
  stroke: none !important;
}
#audiobotoiak.tts-minimal-hard .azalpentestua,
.tts-barra.tts-minimal-hard .azalpentestua {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-right: 1px solid rgba(26, 58, 171, .16) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #334155 !important;
  background: rgba(255,255,255,.45) !important;
  font: 700 14px/1 Arial, Helvetica, sans-serif !important;
  white-space: nowrap !important;
}
#audiobotoiak.tts-minimal-hard .entzuntestua,
.tts-barra.tts-minimal-hard .entzuntestua {
  margin: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
}
#audiobotoiak.tts-minimal-hard .abiadurakontrola,
.tts-barra.tts-minimal-hard .abiadurakontrola {
  display: inline-flex !important;
  align-items: stretch !important;
  height: 34px !important;
  line-height: 1 !important;
}
#audiobotoiak.tts-minimal-hard .abiadura-button,
.tts-barra.tts-minimal-hard .abiadura-button {
  color: #1a3aab !important;
  min-width: 50px !important;
}
#audiobotoiak.tts-minimal-hard .abiadurazenb,
.tts-barra.tts-minimal-hard .abiadurazenb {
  margin: 0 !important;
  font: inherit !important;
}
#audiobotoiak.tts-minimal-hard .tts-click-mode-button,
.tts-barra.tts-minimal-hard .tts-click-mode-button {
  gap: 5px !important;
  color: #00aca8 !important;
  padding: 0 12px !important;
}
#audiobotoiak.tts-minimal-hard .tts-click-mode-button[aria-pressed="true"],
.tts-barra.tts-minimal-hard .tts-click-mode-button[aria-pressed="true"] {
  background: rgba(0,172,168,.18) !important;
  box-shadow: inset 0 -3px 0 #00aca8 !important;
}
#audiobotoiak.tts-minimal-hard .tts-minimal-forced-hidden,
.tts-barra.tts-minimal-hard .tts-minimal-forced-hidden {
  display: none !important;
}
#audiobotoiak.tts-minimal-hard.tts-compact-closed .tts-minimal-open-only,
.tts-barra.tts-minimal-hard.tts-compact-closed .tts-minimal-open-only {
  display: none !important;
}
#audiobotoiak.tts-minimal-hard.tts-compact-open .tts-minimal-open-only,
.tts-barra.tts-minimal-hard.tts-compact-open .tts-minimal-open-only {
  display: inline-flex !important;
}
@media (max-width: 480px) {
  #audiobotoiak.tts-minimal-hard .azalpentestua,
  .tts-barra.tts-minimal-hard .azalpentestua { max-width: 110px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  #audiobotoiak.tts-minimal-hard button,
  .tts-barra.tts-minimal-hard button { min-width: 38px !important; padding: 0 8px !important; }
}

/* Minimal toolbar v2: menu de opciones compacto */
#audiobotoiak.tts-minimal-v2,
.tts-barra.tts-minimal-v2 {
  overflow: visible !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-shell,
.tts-barra.tts-minimal-v2 .tts-minimal-shell {
  position: relative !important;
  overflow: visible !important;
  z-index: 100000 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-open-toggle-label,
.tts-barra.tts-minimal-v2 .tts-open-toggle-label {
  min-width: 88px !important;
  color: var(--tts-blue, #1a3aab) !important;
  font-weight: 700 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 8px !important;
}
#audiobotoiak.tts-minimal-v2 .tts-open-toggle-label:hover,
.tts-barra.tts-minimal-v2 .tts-open-toggle-label:hover {
  background: rgba(0,172,168,.10) !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-options-panel,
.tts-barra.tts-minimal-v2 .tts-minimal-options-panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  width: min(340px, calc(100vw - 24px)) !important;
  padding: 14px !important;
  border: 1px solid rgba(0,172,168,.28) !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #1f2937 !important;
  box-shadow: 0 16px 34px rgba(15,23,42,.18) !important;
  z-index: 100000 !important;
  text-align: left !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-options-title,
.tts-barra.tts-minimal-v2 .tts-minimal-options-title {
  color: var(--tts-blue, #1a3aab) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: 10px !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-options-row,
.tts-barra.tts-minimal-v2 .tts-minimal-options-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(0,172,168,.07) !important;
  margin-bottom: 8px !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-options-label,
.tts-barra.tts-minimal-v2 .tts-minimal-options-label {
  flex: 1 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a3aab !important;
}
#audiobotoiak.tts-minimal-v2 .tts-text-scale-value,
.tts-barra.tts-minimal-v2 .tts-text-scale-value {
  min-width: 48px !important;
  text-align: center !important;
  font-weight: 800 !important;
  color: #00aca8 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-option-btn,
.tts-barra.tts-minimal-v2 .tts-option-btn {
  min-width: 44px !important;
  height: 36px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-option-toggle,
#audiobotoiak.tts-minimal-v2 .tts-option-action,
.tts-barra.tts-minimal-v2 .tts-option-toggle,
.tts-barra.tts-minimal-v2 .tts-option-action {
  width: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 7px 0 !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,172,168,.22) !important;
  background: #fff !important;
  color: #1f2937 !important;
  font-weight: 700 !important;
  text-align: left !important;
}
#audiobotoiak.tts-minimal-v2 .tts-option-toggle:hover,
#audiobotoiak.tts-minimal-v2 .tts-option-action:hover,
.tts-barra.tts-minimal-v2 .tts-option-toggle:hover,
.tts-barra.tts-minimal-v2 .tts-option-action:hover {
  background: rgba(0,172,168,.10) !important;
}
#audiobotoiak.tts-minimal-v2 .tts-toggle-state,
.tts-barra.tts-minimal-v2 .tts-toggle-state {
  min-width: 42px !important;
  text-align: center !important;
  border-radius: 999px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  background: rgba(26,58,171,.10) !important;
  color: #1a3aab !important;
}
#audiobotoiak.tts-minimal-v2 .tts-click-mode-button[aria-pressed="true"],
.tts-barra.tts-minimal-v2 .tts-click-mode-button[aria-pressed="true"] {
  background: rgba(0,172,168,.18) !important;
  color: #00aca8 !important;
  box-shadow: inset 0 -3px 0 #00aca8 !important;
}
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-minimal-options-panel,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-minimal-options-panel {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-option-toggle,
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-option-action,
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-minimal-options-row,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-option-toggle,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-option-action,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-minimal-options-row {
  background: #111 !important;
  color: #fff !important;
  border-color: #fff !important;
}


/* Modern minimal options menu: keeps Elhuyar/TTS original palette */
#audiobotoiak.tts-minimal-v2 .tts-options-menu-card,
.tts-barra.tts-minimal-v2 .tts-options-menu-card {
  width: min(390px, calc(100vw - 24px)) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(0,172,168,.24) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfc 100%) !important;
  box-shadow: 0 22px 50px rgba(26,58,171,.16), 0 8px 18px rgba(0,172,168,.10) !important;
  color: #1f2937 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-header,
.tts-barra.tts-minimal-v2 .tts-menu-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 18px 18px 14px !important;
  background: linear-gradient(135deg, rgba(0,172,168,.16), rgba(26,58,171,.07)) !important;
  border-bottom: 1px solid rgba(0,172,168,.18) !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-options-title,
.tts-barra.tts-minimal-v2 .tts-minimal-options-title {
  margin: 0 !important;
  color: #1a3aab !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-subtitle,
.tts-barra.tts-minimal-v2 .tts-menu-subtitle {
  margin-top: 4px !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-close,
.tts-barra.tts-minimal-v2 .tts-menu-close {
  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(26,58,171,.14) !important;
  background: #fff !important;
  color: #1a3aab !important;
  font-size: 24px !important;
  line-height: 1 !important;
  box-shadow: 0 6px 16px rgba(26,58,171,.08) !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-size-card,
.tts-barra.tts-minimal-v2 .tts-menu-size-card {
  margin: 14px 14px 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(0,172,168,.18) !important;
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.05) !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-options-list,
#audiobotoiak.tts-minimal-v2 .tts-menu-actions-list,
.tts-barra.tts-minimal-v2 .tts-menu-options-list,
.tts-barra.tts-minimal-v2 .tts-menu-actions-list {
  padding: 0 14px !important;
  margin: 0 0 10px !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-option,
.tts-barra.tts-minimal-v2 .tts-menu-option {
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 8px 0 !important;
  padding: 9px 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(0,172,168,.18) !important;
  background: #fff !important;
  color: #1f2937 !important;
  box-shadow: 0 5px 14px rgba(15,23,42,.04) !important;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-option:hover,
.tts-barra.tts-minimal-v2 .tts-menu-option:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(0,172,168,.38) !important;
  background: rgba(0,172,168,.045) !important;
  box-shadow: 0 10px 24px rgba(26,58,171,.08) !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-icon,
.tts-barra.tts-minimal-v2 .tts-menu-icon {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(0,172,168,.12) !important;
  color: #00aca8 !important;
  flex: 0 0 auto !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-icon svg,
.tts-barra.tts-minimal-v2 .tts-menu-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-text,
.tts-barra.tts-minimal-v2 .tts-menu-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-text strong,
.tts-barra.tts-minimal-v2 .tts-menu-text strong {
  color: #1a3aab !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-text small,
.tts-barra.tts-minimal-v2 .tts-menu-text small {
  color: #667085 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-switch,
.tts-barra.tts-minimal-v2 .tts-menu-switch {
  width: 46px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: #d7dde8 !important;
  position: relative !important;
  box-shadow: inset 0 0 0 1px rgba(26,58,171,.08) !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-switch-knob,
.tts-barra.tts-minimal-v2 .tts-menu-switch-knob {
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: #fff !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  box-shadow: 0 2px 7px rgba(0,0,0,.20) !important;
  transition: left .16s ease !important;
}
#audiobotoiak.tts-minimal-v2 .tts-option-toggle .tts-toggle-state,
.tts-barra.tts-minimal-v2 .tts-option-toggle .tts-toggle-state {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-option-toggle:has(.tts-toggle-state:not(:empty)),
.tts-barra.tts-minimal-v2 .tts-option-toggle:has(.tts-toggle-state:not(:empty)) { }
#audiobotoiak.tts-minimal-v2 .tts-contrast-toggle .tts-toggle-state,
#audiobotoiak.tts-minimal-v2 .tts-click-toggle-option .tts-toggle-state,
#audiobotoiak.tts-minimal-v2 .tts-follow-toggle .tts-toggle-state,
.tts-barra.tts-minimal-v2 .tts-contrast-toggle .tts-toggle-state,
.tts-barra.tts-minimal-v2 .tts-click-toggle-option .tts-toggle-state,
.tts-barra.tts-minimal-v2 .tts-follow-toggle .tts-toggle-state { }
#audiobotoiak.tts-minimal-v2 .tts-contrast-toggle:has(.tts-toggle-state:not(:empty)) .tts-menu-switch,
.tts-barra.tts-minimal-v2 .tts-contrast-toggle:has(.tts-toggle-state:not(:empty)) .tts-menu-switch { }
#audiobotoiak.tts-minimal-v2 .tts-contrast-toggle .tts-toggle-state,
.tts-barra.tts-minimal-v2 .tts-contrast-toggle .tts-toggle-state { }
#audiobotoiak.tts-minimal-v2 .tts-contrast-toggle .tts-toggle-state::after,
.tts-barra.tts-minimal-v2 .tts-contrast-toggle .tts-toggle-state::after { content: attr(data-state); }
#audiobotoiak.tts-minimal-v2 .tts-option-toggle .tts-toggle-state,
.tts-barra.tts-minimal-v2 .tts-option-toggle .tts-toggle-state { }
#audiobotoiak.tts-minimal-v2 .tts-option-toggle .tts-toggle-state:not(:empty) ~ *,
.tts-barra.tts-minimal-v2 .tts-option-toggle .tts-toggle-state:not(:empty) ~ * { }
/* Active toggle states are synchronized by JS using aria-pressed. */
#audiobotoiak.tts-minimal-v2 .tts-contrast-toggle[aria-pressed="true"] .tts-menu-switch,
#audiobotoiak.tts-minimal-v2 .tts-click-toggle-option[aria-pressed="true"] .tts-menu-switch,
#audiobotoiak.tts-minimal-v2 .tts-follow-toggle[aria-pressed="true"] .tts-menu-switch,
.tts-barra.tts-minimal-v2 .tts-contrast-toggle[aria-pressed="true"] .tts-menu-switch,
.tts-barra.tts-minimal-v2 .tts-click-toggle-option[aria-pressed="true"] .tts-menu-switch,
.tts-barra.tts-minimal-v2 .tts-follow-toggle[aria-pressed="true"] .tts-menu-switch {
  background: #00aca8 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-contrast-toggle[aria-pressed="true"] .tts-menu-switch-knob,
#audiobotoiak.tts-minimal-v2 .tts-click-toggle-option[aria-pressed="true"] .tts-menu-switch-knob,
#audiobotoiak.tts-minimal-v2 .tts-follow-toggle[aria-pressed="true"] .tts-menu-switch-knob,
.tts-barra.tts-minimal-v2 .tts-contrast-toggle[aria-pressed="true"] .tts-menu-switch-knob,
.tts-barra.tts-minimal-v2 .tts-click-toggle-option[aria-pressed="true"] .tts-menu-switch-knob,
.tts-barra.tts-minimal-v2 .tts-follow-toggle[aria-pressed="true"] .tts-menu-switch-knob {
  left: 23px !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-chevron,
.tts-barra.tts-minimal-v2 .tts-menu-chevron {
  width: 26px !important;
  height: 26px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 999px !important;
  background: rgba(26,58,171,.08) !important;
  color: #1a3aab !important;
  font-size: 24px !important;
  line-height: 1 !important;
}
#audiobotoiak.tts-minimal-v2 .tts-menu-footer-hint,
.tts-barra.tts-minimal-v2 .tts-menu-footer-hint {
  padding: 10px 16px 16px !important;
  color: #667085 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-options-menu-card,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-options-menu-card {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-header,
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-option,
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-size-card,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-header,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-option,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-size-card {
  background: #111 !important;
  color: #fff !important;
  border-color: #fff !important;
}
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-text strong,
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-text small,
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-minimal-options-title,
#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-subtitle,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-text strong,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-text small,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-minimal-options-title,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-subtitle {
  color: #fff !important;
}
@media screen and (max-width: 460px) {
  #audiobotoiak.tts-minimal-v2 .tts-options-menu-card,
  .tts-barra.tts-minimal-v2 .tts-options-menu-card {
    width: calc(100vw - 18px) !important;
    left: 0 !important;
  }
  #audiobotoiak.tts-minimal-v2 .tts-menu-option,
  .tts-barra.tts-minimal-v2 .tts-menu-option {
    grid-template-columns: 38px 1fr auto !important;
    gap: 9px !important;
  }
}


/* Fix: el menú moderno debe sobresalir de la barra minimal.
   La barra minimal original usa overflow:hidden para redondear la cápsula;
   eso recortaba el panel y parecía itxita. */
#audiobotoiak.tts-minimal-hard.tts-minimal-v2,
.tts-barra.tts-minimal-hard.tts-minimal-v2,
#audiobotoiak.tts-minimal-hard.tts-minimal-v2 .tts-minimal-shell,
.tts-barra.tts-minimal-hard.tts-minimal-v2 .tts-minimal-shell {
  overflow: visible !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-options-panel[hidden],
.tts-barra.tts-minimal-v2 .tts-minimal-options-panel[hidden] {
  display: none !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-options-panel:not([hidden]),
.tts-barra.tts-minimal-v2 .tts-minimal-options-panel:not([hidden]) {
  display: block !important;
  pointer-events: auto !important;
}
#audiobotoiak.tts-minimal-v2 .tts-minimal-options-panel button,
.tts-barra.tts-minimal-v2 .tts-minimal-options-panel button {
  pointer-events: auto !important;
}

/* Accessibility closing layer */
.tts-plain-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.45);
}
.tts-plain-modal-box {
  box-sizing: border-box;
  width: min(860px, calc(100vw - 32px));
  max-height: min(86vh, 760px);
  overflow: auto;
  background: #fff;
  color: #1f2937;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 24px 80px rgba(0,0,0,.35);
  border-top: 5px solid #00aca8;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.tts-plain-close {
  float: right;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: #eef8f7;
  color: #1a3aab;
  font-size: 24px;
  cursor: pointer;
}
.tts-plain-modal h2 {
  margin: 0 48px 8px 0;
  color: #1a3aab;
  font-size: 1.35rem;
}
.tts-plain-help {
  margin: 0 0 14px 0;
  color: #4b5563;
}
.tts-plain-actions,
.tts-result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 12px 0;
}
.tts-plain-actions button,
.tts-result-actions button {
  border: 1px solid rgba(0,172,168,.35);
  border-radius: 999px;
  background: #f2fbfa;
  color: #1a3aab;
  padding: 8px 13px;
  font-weight: 700;
  cursor: pointer;
}
.tts-plain-actions button:hover,
.tts-result-actions button:hover,
.tts-plain-actions button:focus-visible,
.tts-result-actions button:focus-visible {
  background: #00aca8;
  color: #fff;
  outline: 3px solid rgba(26,58,171,.35);
  outline-offset: 2px;
}
.tts-plain-textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 48vh;
  resize: vertical;
  border: 1px solid #cbd5e1;
  border-radius: 14px;
  padding: 14px;
  font: 1rem/1.55 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f8fafc;
}
.tts-clean-text-action .tts-menu-icon {
  font-weight: 800;
  letter-spacing: .02em;
}
.tts-click-mode-active [class*="esaldia"]:focus-visible {
  outline: 3px solid #1a3aab !important;
  outline-offset: 3px !important;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .tts-barra,
  .tts-minimal-shell,
  .tts-minimal-options-panel,
  .tts-plain-modal-box,
  .tts-menu-option,
  .audiobotoia {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* Hizkuntza eta ahotsa hautatzeko menuaren gehigarria */
#audiobotoiak.tts-minimal-v2 .tts-menu-select-card,
.tts-barra.tts-minimal-v2 .tts-menu-select-card {
  align-items: center;
  gap: 12px;
}

#audiobotoiak.tts-minimal-v2 .tts-menu-select,
.tts-barra.tts-minimal-v2 .tts-menu-select {
  margin-left: auto;
  min-width: 150px;
  max-width: 210px;
  border: 1px solid rgba(0, 172, 168, .35);
  background: #fff;
  color: #1a3aab;
  border-radius: 999px;
  padding: 8px 34px 8px 12px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

#audiobotoiak.tts-minimal-v2 .tts-menu-select:focus-visible,
.tts-barra.tts-minimal-v2 .tts-menu-select:focus-visible {
  outline: 3px solid #1a3aab;
  outline-offset: 2px;
}

#audiobotoiak.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-select,
.tts-barra.tts-minimal-v2.tts-a11y-high-contrast .tts-menu-select {
  border-color: #000 !important;
  color: #000 !important;
  background: #fff !important;
}

@media screen and (max-width: 560px) {
  #audiobotoiak.tts-minimal-v2 .tts-menu-select-card,
  .tts-barra.tts-minimal-v2 .tts-menu-select-card {
    align-items: stretch;
  }
  #audiobotoiak.tts-minimal-v2 .tts-menu-select,
  .tts-barra.tts-minimal-v2 .tts-menu-select {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
}

/* Emaitzak entzuteko barra txikia: itzulpena eta hiztegia */
.tts-result-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.tts-result-player {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid rgba(0, 172, 168, .28);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff, #f6fbfb);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  color: #1a3aab;
}

.tts-result-player-label {
  padding: 0 8px 0 6px;
  font-weight: 800;
  color: #1a3aab;
  white-space: nowrap;
}

.tts-result-player-btn,
.tts-result-copy {
  min-width: 36px;
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 800;
  color: #00aca8;
  background: rgba(0, 172, 168, .10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.tts-result-player-btn:hover,
.tts-result-copy:hover {
  background: rgba(0, 172, 168, .18);
  transform: translateY(-1px);
}

.tts-result-player-btn:focus-visible,
.tts-result-copy:focus-visible {
  outline: 3px solid #1a3aab;
  outline-offset: 2px;
}

.tts-result-player-speed {
  min-width: 52px;
  color: #1a3aab;
}

.tts-result-copy {
  padding: 0 14px;
  color: #1a3aab;
  background: rgba(26, 58, 171, .08);
}

.tts-a11y-high-contrast .tts-result-player,
.tts-a11y-high-contrast .tts-result-player-btn,
.tts-a11y-high-contrast .tts-result-copy {
  border: 2px solid #000 !important;
  color: #000 !important;
  background: #fff !important;
  box-shadow: none !important;
}

@media screen and (max-width: 560px) {
  .tts-result-actions,
  .tts-result-player {
    width: 100%;
  }
  .tts-result-player {
    justify-content: space-between;
  }
  .tts-result-copy {
    width: 100%;
  }
}


/* Zuzenketa: menuetako selectak trinkoagoak, hizkuntza eta ahotsa ondo sartzeko */
#audiobotoiak.tts-minimal-v2 .tts-menu-select,
.tts-barra.tts-minimal-v2 .tts-menu-select {
  min-width: 118px !important;
  max-width: 170px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  padding: 7px 28px 7px 10px !important;
}

#audiobotoiak.tts-minimal-v2 .tts-menu-select-card .tts-menu-text small,
.tts-barra.tts-minimal-v2 .tts-menu-select-card .tts-menu-text small {
  font-size: 11px !important;
}

.itzulpena-modal-box .itzulpena-original {
  display: block;
  width: 100%;
  min-height: 110px;
  resize: vertical;
  box-sizing: border-box;
  font: inherit;
}

.itzulpena-submit,
.tts-primary-action {
  border: 0;
  border-radius: 999px;
  background: #00aca8;
  color: #fff;
  font-weight: 700;
  padding: 9px 16px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,172,168,.22);
}

.itzulpena-submit:hover,
.tts-primary-action:hover {
  filter: brightness(.96);
}

.tts-result-speak-button {
  display: none !important;
}


/* ==========================================================
   Kontraste handia eduki osoan + barra arrastagarria
   ========================================================== */
html.tts-global-high-contrast,
body.tts-global-high-contrast {
  background: #07111f !important;
  color: #ffffff !important;
}

body.tts-global-high-contrast main,
body.tts-global-high-contrast article,
body.tts-global-high-contrast section,
body.tts-global-high-contrast aside,
body.tts-global-high-contrast header,
body.tts-global-high-contrast footer,
body.tts-global-high-contrast nav,
body.tts-global-high-contrast .card,
body.tts-global-high-contrast .txartela,
body.tts-global-high-contrast .panel,
body.tts-global-high-contrast table,
body.tts-global-high-contrast blockquote {
  background: #0d1b2f !important;
  color: #ffffff !important;
  border-color: #79f2ee !important;
  box-shadow: none !important;
}

body.tts-global-high-contrast h1,
body.tts-global-high-contrast h2,
body.tts-global-high-contrast h3,
body.tts-global-high-contrast h4,
body.tts-global-high-contrast h5,
body.tts-global-high-contrast h6,
body.tts-global-high-contrast p,
body.tts-global-high-contrast li,
body.tts-global-high-contrast dt,
body.tts-global-high-contrast dd,
body.tts-global-high-contrast span,
body.tts-global-high-contrast strong,
body.tts-global-high-contrast em,
body.tts-global-high-contrast td,
body.tts-global-high-contrast th,
body.tts-global-high-contrast label,
body.tts-global-high-contrast caption,
body.tts-global-high-contrast figcaption {
  color: #ffffff !important;
}

body.tts-global-high-contrast a {
  color: #7df7f2 !important;
  text-decoration: underline !important;
}

body.tts-global-high-contrast code,
body.tts-global-high-contrast pre {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #79f2ee !important;
}

body.tts-global-high-contrast input,
body.tts-global-high-contrast textarea,
body.tts-global-high-contrast select,
body.tts-global-high-contrast button {
  background: #081426 !important;
  color: #ffffff !important;
  border-color: #79f2ee !important;
}

body.tts-global-high-contrast img,
body.tts-global-high-contrast video,
body.tts-global-high-contrast canvas,
body.tts-global-high-contrast svg {
  filter: none !important;
}

.tts-draggable-host {
  touch-action: none;
}

.tts-draggable-bar {
  cursor: grab;
}

.tts-draggable-bar button,
.tts-draggable-bar input,
.tts-draggable-bar select,
.tts-draggable-bar textarea,
.tts-draggable-bar a,
.tts-draggable-bar label {
  cursor: pointer;
}

.tts-dragging .tts-draggable-bar {
  cursor: grabbing !important;
}

.tts-host-dragged {
  max-width: calc(100vw - 16px);
}

/* ==========================================================
   Zuzenketak: kontrastea + barra arrastagarria/follow
   ========================================================== */
#host.tts-host-following,
#host.tts-draggable-host,
#host.tts-host-dragged {
  background: transparent !important;
  box-shadow: none !important;
}

#host.tts-host-following {
  display: inline-block !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

#host.tts-host-following .tts-minimal-shell,
#host.tts-host-following #audiobotoiak,
#host.tts-host-following .tts-barra {
  background-clip: padding-box !important;
}

body.tts-global-high-contrast #host,
body.tts-global-high-contrast tts-webcomponent,
body.tts-global-high-contrast elhuyar-tts,
body.tts-global-high-contrast .tts-component-host {
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.tts-global-high-contrast #host,
body.tts-global-high-contrast #host *,
body.tts-global-high-contrast tts-webcomponent,
body.tts-global-high-contrast tts-webcomponent *,
body.tts-global-high-contrast elhuyar-tts,
body.tts-global-high-contrast elhuyar-tts * {
  filter: none !important;
}

.tts-draggable-bar .tts-open-toggle-label,
.tts-draggable-bar .azalpentestua,
.tts-draggable-bar .entzuntestua {
  cursor: pointer !important;
}


/* Follow lateral + draggable fix */
#host.tts-host-following,
#host.tts-host-following-lateral {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100vw - 16px) !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}
#host.tts-host-following .audiobotoiak,
#host.tts-host-following #audiobotoiak,
#host.tts-host-following .tts-barra {
  pointer-events: auto !important;
}
#host.tts-draggable-host .tts-draggable-bar,
#host.tts-draggable-host #audiobotoiak,
#host.tts-draggable-host .audiobotoiak {
  cursor: grab !important;
  touch-action: none !important;
}
#host.tts-dragging .tts-draggable-bar,
#host.tts-dragging #audiobotoiak,
#host.tts-dragging .audiobotoiak {
  cursor: grabbing !important;
  user-select: none !important;
}
#host.tts-draggable-host button,
#host.tts-draggable-host .tts-open-toggle-label {
  cursor: pointer !important;
}
html.tts-global-high-contrast #host.tts-host-following,
body.tts-global-high-contrast #host.tts-host-following,
#host.tts-global-high-contrast-host.tts-host-following {
  background: transparent !important;
  box-shadow: none !important;
}


/* Fix: the bar must remain interactive while audio is playing/following text. */
#host.tts-host-following,
#host.tts-host-following-lateral,
#host.tts-draggable-host,
#host.tts-host-following .tts-minimal-shell,
#host.tts-host-following #audiobotoiak,
#host.tts-host-following .tts-barra,
#host.tts-host-following button,
#host.tts-host-following a,
#host.tts-host-following select,
#host.tts-host-following input {
  pointer-events: auto !important;
}

#host.tts-barra-user-interacting {
  pointer-events: auto !important;
}


/* Drag disabled: keep normal pointer behavior on controls */
.tts-draggable-host,
.tts-draggable-bar,
.tts-dragging {
  cursor: default !important;
}

/* -------------------------------------------------------------------------
   Azken zuzenketak: kontraste handia itzulpen/hiztegi/testu garbi modaletan
   eta testu garbiaren mini-barra.
   ------------------------------------------------------------------------- */
:host(.tts-global-high-contrast-host) #itzulpenaModal,
:host(.tts-global-high-contrast-host) #hiztegiaModal,
:host(.tts-global-high-contrast-host) #ttsPlainTextModal,
#itzulpenaModal.tts-modal-high-contrast,
#hiztegiaModal.tts-modal-high-contrast,
#ttsPlainTextModal.tts-modal-high-contrast {
  background: rgba(0, 0, 0, .72) !important;
}

:host(.tts-global-high-contrast-host) .itzulpena-modal-box,
:host(.tts-global-high-contrast-host) .hiztegia-modal-box,
:host(.tts-global-high-contrast-host) .tts-plain-modal-box,
#itzulpenaModal.tts-modal-high-contrast .itzulpena-modal-box,
#hiztegiaModal.tts-modal-high-contrast .hiztegia-modal-box,
#ttsPlainTextModal.tts-modal-high-contrast .tts-plain-modal-box {
  background: #0d1b2f !important;
  color: #ffffff !important;
  border: 2px solid #79f2ee !important;
  border-top: 5px solid #79f2ee !important;
  box-shadow: none !important;
}

:host(.tts-global-high-contrast-host) .itzulpena-modal-box *,
:host(.tts-global-high-contrast-host) .hiztegia-modal-box *,
:host(.tts-global-high-contrast-host) .tts-plain-modal-box *,
#itzulpenaModal.tts-modal-high-contrast .itzulpena-modal-box *,
#hiztegiaModal.tts-modal-high-contrast .hiztegia-modal-box *,
#ttsPlainTextModal.tts-modal-high-contrast .tts-plain-modal-box * {
  color: #ffffff !important;
}

:host(.tts-global-high-contrast-host) .itzulpena-original,
:host(.tts-global-high-contrast-host) .itzulpena-emaitza,
:host(.tts-global-high-contrast-host) .hiztegia-original,
:host(.tts-global-high-contrast-host) .hiztegia-emaitza,
:host(.tts-global-high-contrast-host) .tts-plain-textarea,
#itzulpenaModal.tts-modal-high-contrast .itzulpena-original,
#itzulpenaModal.tts-modal-high-contrast .itzulpena-emaitza,
#hiztegiaModal.tts-modal-high-contrast .hiztegia-original,
#hiztegiaModal.tts-modal-high-contrast .hiztegia-emaitza,
#ttsPlainTextModal.tts-modal-high-contrast .tts-plain-textarea {
  background: #081426 !important;
  color: #ffffff !important;
  border: 2px solid #79f2ee !important;
}

:host(.tts-global-high-contrast-host) .itzulpena-modal-box button,
:host(.tts-global-high-contrast-host) .hiztegia-modal-box button,
:host(.tts-global-high-contrast-host) .tts-plain-modal-box button,
:host(.tts-global-high-contrast-host) .itzulpena-modal-box select,
:host(.tts-global-high-contrast-host) .hiztegia-modal-box select,
#itzulpenaModal.tts-modal-high-contrast button,
#hiztegiaModal.tts-modal-high-contrast button,
#ttsPlainTextModal.tts-modal-high-contrast button,
#itzulpenaModal.tts-modal-high-contrast select,
#hiztegiaModal.tts-modal-high-contrast select {
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #79f2ee !important;
  box-shadow: none !important;
}

.tts-plain-player-slot {
  margin-top: 12px;
}

.tts-plain-player-slot .tts-result-player {
  width: fit-content;
  max-width: 100%;
}


/* Kontraste handia: nabarmentzeko/koloreak aukeratzeko leihoa ere egokituta */
::host(.tts-global-high-contrast-host) #nabarmentzeaModal,
#nabarmentzeaModal.tts-modal-high-contrast {
  background: rgba(0,0,0,.86) !important;
}

::host(.tts-global-high-contrast-host) .nabarmentzea-modal-box,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-modal-box {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 4px #00aca8, 0 20px 60px rgba(0,0,0,.8) !important;
}

::host(.tts-global-high-contrast-host) .nabarmentzea-modal-box *,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-modal-box * {
  color: #fff !important;
}

::host(.tts-global-high-contrast-host) .nabarmentzea-fieldset,
::host(.tts-global-high-contrast-host) .nabarmentzea-panel,
::host(.tts-global-high-contrast-host) .nabarmentzea-preview-section,
::host(.tts-global-high-contrast-host) .nabarmentzea-color-section,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-fieldset,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-panel,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-preview-section,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-color-section {
  background: #111 !important;
  border-color: #fff !important;
}

::host(.tts-global-high-contrast-host) .nabarmentzea-label select,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-label select {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}

::host(.tts-global-high-contrast-host) .nabarmentzea-close,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-close {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}

::host(.tts-global-high-contrast-host) .nabarmentzea-swatch,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-swatch {
  border: 2px solid #fff !important;
  outline: 1px solid #000 !important;
}

::host(.tts-global-high-contrast-host) .nabarmentzea-swatch:has(input:checked),
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-swatch:has(input:checked) {
  outline: 4px solid #00aca8 !important;
  outline-offset: 2px !important;
}

::host(.tts-global-high-contrast-host) .nabarmentzea-preview-text,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-preview-text {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}


/* Orrialde-maskara: saguaren inguruko irakurketa-eremua */
.tts-page-mask-overlay {
  position: fixed;
  inset: 0;
  z-index: 99990;
  pointer-events: none;
  display: block;
}
.tts-page-mask-overlay[hidden] { display: none !important; }
.tts-page-mask-part {
  position: fixed;
  left: 0;
  width: 100vw;
  background: rgba(8, 20, 32, 0.58);
  backdrop-filter: grayscale(0.2);
}
.tts-page-mask-window {
  position: fixed;
  left: 0;
  width: 100vw;
  border-top: 2px solid rgba(0, 172, 168, 0.95);
  border-bottom: 2px solid rgba(0, 172, 168, 0.95);
  background: rgba(255,255,255,0.03);
  box-shadow: inset 0 0 0 9999px rgba(255,255,255,0.02);
}
.tts-page-mask-high-contrast .tts-page-mask-part {
  background: rgba(0, 0, 0, 0.72);
}
.tts-page-mask-high-contrast .tts-page-mask-window {
  border-top-color: #00fff3;
  border-bottom-color: #00fff3;
  background: rgba(255,255,255,0.08);
}
.tts-page-mask-menu {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: start;
}
.tts-page-mask-menu .tts-page-mask-controls {
  grid-column: 2 / 4;
  display: grid;
  grid-template-columns: auto auto minmax(64px, auto) auto;
  gap: 7px;
  align-items: center;
  margin-top: 8px;
  font-size: 12px;
}
.tts-page-mask-controls button,
.tts-page-mask-toggle,
.tts-menu-inline-button {
  border: 1px solid rgba(0,172,168,.35);
  background: #fff;
  color: #1a3aab;
  border-radius: 10px;
  min-height: 30px;
  padding: 4px 9px;
  font-weight: 700;
  cursor: pointer;
}
.tts-page-mask-controls button:hover,
.tts-page-mask-toggle:hover { background: rgba(0,172,168,.09); }
.tts-page-mask-menu.is-active .tts-page-mask-toggle,
.tts-page-mask-zoom-toggle[aria-pressed="true"] {
  background: #00aca8;
  color: #fff;
  border-color: #00aca8;
}
.tts-page-mask-height-value,
.tts-page-mask-zoom-value {
  text-align: center;
  color: #1a3aab;
}
body.tts-a11y-high-contrast .tts-page-mask-controls button,
body.tts-a11y-high-contrast .tts-page-mask-toggle,
body.tts-a11y-high-contrast .tts-menu-inline-button {
  background: #07111f !important;
  color: #ffffff !important;
  border-color: #00fff3 !important;
}
body.tts-a11y-high-contrast .tts-page-mask-menu.is-active .tts-page-mask-toggle,
body.tts-a11y-high-contrast .tts-page-mask-zoom-toggle[aria-pressed="true"] {
  background: #00fff3 !important;
  color: #001018 !important;
}

/* Orrialde-maskara: doikuntzak franja argian bertan */
.tts-page-mask-window {
  pointer-events: none;
}
.tts-page-mask-inline-controls {
  pointer-events: auto;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(0, 172, 168, 0.35);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
  z-index: 100002;
}
.tts-page-mask-inline-controls button {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  border: 1px solid rgba(26, 58, 171, .25);
  background: #ffffff;
  color: #1a3aab;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tts-page-mask-inline-controls button:hover,
.tts-page-mask-inline-controls button:focus-visible {
  background: rgba(0,172,168,.12);
  border-color: #00aca8;
  outline: 3px solid rgba(0,172,168,.32);
  outline-offset: 2px;
}
.tts-page-mask-inline-zoom-toggle {
  width: auto !important;
  min-width: 52px !important;
  border-radius: 999px !important;
  padding: 0 9px;
}
.tts-page-mask-inline-close {
  background: #1a3aab !important;
  color: #fff !important;
}
.tts-page-mask-high-contrast .tts-page-mask-inline-controls,
body.tts-a11y-high-contrast .tts-page-mask-inline-controls,
body.tts-global-high-contrast .tts-page-mask-inline-controls {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #00fff3 !important;
  box-shadow: 0 0 0 4px #000, 0 12px 30px rgba(0,0,0,.75) !important;
}
.tts-page-mask-high-contrast .tts-page-mask-inline-controls button,
body.tts-a11y-high-contrast .tts-page-mask-inline-controls button,
body.tts-global-high-contrast .tts-page-mask-inline-controls button {
  background: #07111f !important;
  color: #fff !important;
  border: 2px solid #00fff3 !important;
}
.tts-page-mask-high-contrast .tts-page-mask-inline-close,
body.tts-a11y-high-contrast .tts-page-mask-inline-close,
body.tts-global-high-contrast .tts-page-mask-inline-close {
  background: #00fff3 !important;
  color: #001018 !important;
}

/* Menuan maskara aktibatzeko aukera bakarrik; doikuntzak franjan bertan daude */
.tts-page-mask-menu .tts-page-mask-controls {
  display: none !important;
}

/* Kontraste handia: nabarmentzeko kolore-aukerak indartuta, host klaseak huts egiten badu ere */
.tts-modal-high-contrast.nabarmentzea-modal,
#nabarmentzeaModal.tts-modal-high-contrast {
  background: rgba(0,0,0,.88) !important;
}
.tts-modal-high-contrast .nabarmentzea-modal-box,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-modal-box {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}
.tts-modal-high-contrast .nabarmentzea-modal-box *,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-modal-box * {
  color: #fff !important;
}
.tts-modal-high-contrast .nabarmentzea-fieldset,
.tts-modal-high-contrast .nabarmentzea-panel,
.tts-modal-high-contrast .nabarmentzea-preview-section,
.tts-modal-high-contrast .nabarmentzea-color-section,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-fieldset,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-panel,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-preview-section,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-color-section {
  background: #101010 !important;
  border-color: #fff !important;
}
.tts-modal-high-contrast .nabarmentzea-swatch,
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-swatch {
  border: 3px solid #fff !important;
  box-shadow: 0 0 0 1px #000 !important;
}
.tts-modal-high-contrast .nabarmentzea-swatch:has(input:checked),
#nabarmentzeaModal.tts-modal-high-contrast .nabarmentzea-swatch:has(input:checked) {
  outline: 4px solid #00fff3 !important;
  outline-offset: 2px !important;
}
.tts-modal-high-contrast select,
.tts-modal-high-contrast button,
#nabarmentzeaModal.tts-modal-high-contrast select,
#nabarmentzeaModal.tts-modal-high-contrast button {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #00fff3 !important;
}

@media (max-width: 640px) {
  .tts-page-mask-inline-controls {
    right: 6px;
    gap: 4px;
    padding: 5px 6px;
  }
  .tts-page-mask-inline-controls button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 12px;
  }
  .tts-page-mask-inline-zoom-toggle {
    min-width: 44px !important;
  }
}

/* Orrialde-maskara: menuko aktibazioa gainerako aukeren switch berarekin */
.tts-page-mask-menu {
  width: 100% !important;
  text-align: left !important;
  cursor: pointer !important;
}
.tts-page-mask-menu .tts-menu-switch {
  flex: 0 0 auto !important;
}
.tts-page-mask-menu.is-active .tts-menu-switch,
.tts-page-mask-menu[aria-pressed="true"] .tts-menu-switch {
  background: #00aca8 !important;
}
.tts-page-mask-menu.is-active .tts-menu-switch-knob,
.tts-page-mask-menu[aria-pressed="true"] .tts-menu-switch-knob {
  transform: translateX(18px) !important;
}

/* Hiztegiaren emaitza txukunago bistaratzea */
.hiztegia-emaitza.tts-dictionary-rendered {
  white-space: normal !important;
  background: #ffffff !important;
  border: 1px solid #d8f3eb !important;
  padding: 18px !important;
}

.tts-dictionary-card,
.tts-dictionary-html-result {
  position: relative;
  box-sizing: border-box;
  color: #222;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tts-dictionary-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px 0;
}

.tts-dictionary-title,
.tts-dictionary-html-result h1,
.tts-dictionary-html-result h2,
.tts-dictionary-html-result h3 {
  margin: 0 !important;
  color: #222 !important;
  font-size: clamp(28px, 4vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
}

.tts-dictionary-title-icon,
.tts-dictionary-html-result .speaker,
.tts-dictionary-html-result .audio,
.tts-dictionary-html-result .audioButton,
.tts-dictionary-html-result .entzun,
.tts-dictionary-html-result button[title*="audio" i] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #00aca8 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1 !important;
  border: 0 !important;
}

.tts-dictionary-subentry,
.tts-dictionary-html-result .subentry,
.tts-dictionary-html-result .azpisarrera,
.tts-dictionary-html-result p {
  margin: 0 0 12px 0 !important;
  color: #222 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.tts-dictionary-subentry strong,
.tts-dictionary-html-result strong,
.tts-dictionary-html-result b {
  font-weight: 800 !important;
  color: #222 !important;
}

.tts-dictionary-subentry span,
.tts-dictionary-html-result a,
.tts-dictionary-html-result .subentry a,
.tts-dictionary-html-result .azpisarrera a {
  color: #1a3aab !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.tts-dictionary-translations {
  margin-top: 6px;
}

.tts-dictionary-translation,
.tts-dictionary-html-result .translation,
.tts-dictionary-html-result .ordaina,
.tts-dictionary-html-result .emaitza,
.tts-dictionary-html-result .result {
  margin: 0 0 8px 0 !important;
  color: #0037b3 !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

.tts-dictionary-html-result ul,
.tts-dictionary-html-result ol {
  margin: 8px 0 0 20px !important;
  padding: 0 !important;
}

.tts-dictionary-html-result li {
  margin: 0 0 8px 0 !important;
  color: #0037b3 !important;
  font-weight: 700 !important;
}

.tts-dictionary-html-result .share,
.tts-dictionary-html-result .copy,
.tts-dictionary-html-result .actions,
.tts-dictionary-html-result .ekintzak {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: flex !important;
  gap: 8px !important;
}

.tts-dictionary-html-result .share button,
.tts-dictionary-html-result .copy button,
.tts-dictionary-html-result .actions button,
.tts-dictionary-html-result .ekintzak button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #8f949b !important;
  color: #fff !important;
}

:host(.tts-global-high-contrast-host) .hiztegia-emaitza.tts-dictionary-rendered,
#hiztegiaModal.tts-modal-high-contrast .hiztegia-emaitza.tts-dictionary-rendered {
  background: #081426 !important;
  border-color: #79f2ee !important;
}

:host(.tts-global-high-contrast-host) .tts-dictionary-card,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result,
:host(.tts-global-high-contrast-host) .tts-dictionary-title,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result h1,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result h2,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result h3,
:host(.tts-global-high-contrast-host) .tts-dictionary-subentry,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result p,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-card,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-title,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result h1,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result h2,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result h3,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-subentry,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result p {
  color: #ffffff !important;
}

:host(.tts-global-high-contrast-host) .tts-dictionary-translation,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result .translation,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result .ordaina,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result .emaitza,
:host(.tts-global-high-contrast-host) .tts-dictionary-html-result .result,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-translation,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result .translation,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result .ordaina,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result .emaitza,
#hiztegiaModal.tts-modal-high-contrast .tts-dictionary-html-result .result {
  color: #79f2ee !important;
}


/* PDF irakurlea */
.pdf-reader-panel {
  margin: 1.25rem auto;
  padding: 1rem;
  max-width: 980px;
  border: 1px solid rgba(0,172,168,.25);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  color: #1f2937;
}
.pdf-reader-panel h2 { margin: 0 0 .5rem; color: #1a3aab; font-size: 1.25rem; }
.pdf-reader-panel p { margin: .25rem 0 .75rem; }
.pdf-reader-grid { display: grid; grid-template-columns: minmax(230px,1fr) minmax(260px,1.4fr); gap: .75rem; align-items: end; }
.pdf-reader-field label { display: block; font-weight: 700; font-size: .92rem; margin-bottom: .25rem; }
.pdf-reader-field input[type="file"], .pdf-reader-field input[type="url"] {
  width: 100%; box-sizing: border-box; min-height: 40px; border: 1px solid #cbd5e1; border-radius: 10px; padding: .45rem .65rem; background: #fff; color: #111827;
}
.pdf-reader-actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .75rem; }
.pdf-reader-btn {
  border: 1px solid #00aca8; border-radius: 999px; background: #00aca8; color: #fff; font-weight: 700; padding: .5rem .9rem; cursor: pointer;
}
.pdf-reader-btn.secondary { background: #fff; color: #1a3aab; border-color: rgba(26,58,171,.35); }
.pdf-reader-status { margin-top: .75rem; min-height: 1.25rem; font-weight: 600; color: #1a3aab; }
.pdf-reader-error { color: #b91c1c; }
#pdf-reader-content { max-width: 980px; margin: 1.25rem auto; }
.pdf-reader-article { background: #fff; border-radius: 14px; padding: 1.25rem; box-shadow: 0 8px 28px rgba(0,0,0,.07); }
.pdf-reader-page { border-top: 1px solid #e5e7eb; padding: 1rem 0; }
.pdf-reader-page:first-child { border-top: 0; padding-top: 0; }
.pdf-reader-page h2 { color: #00aca8; font-size: 1rem; margin: 0 0 .6rem; }
.pdf-reader-page p { line-height: 1.65; margin: 0 0 .75rem; }
body.tts-high-contrast .pdf-reader-panel,
body.tts-high-contrast #pdf-reader-content,
body.tts-high-contrast .pdf-reader-article,
body.tts-kontraste-handia .pdf-reader-panel,
body.tts-kontraste-handia #pdf-reader-content,
body.tts-kontraste-handia .pdf-reader-article {
  background: #000 !important; color: #fff !important; border-color: #fff !important;
}
body.tts-high-contrast .pdf-reader-panel h2,
body.tts-high-contrast .pdf-reader-page h2,
body.tts-kontraste-handia .pdf-reader-panel h2,
body.tts-kontraste-handia .pdf-reader-page h2 { color: #fff !important; }
@media (max-width: 720px){ .pdf-reader-grid { grid-template-columns: 1fr; } }

/* PDF visual reader with text layer */
.pdf-reader-mode-row {
  margin: 0.75rem 0;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}
.pdf-reader-mode-row label {
  font-weight: 700;
  color: #1a3aab;
}
.pdf-reader-mode-row select {
  border: 1px solid rgba(0, 172, 168, 0.45);
  border-radius: 0.6rem;
  padding: 0.4rem 0.55rem;
  background: #fff;
  color: #172033;
  font-size: 0.9rem;
}
.pdf-visual-reader {
  margin: 1.25rem auto;
  max-width: min(100%, 980px);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pdf-visual-reader[hidden] {
  display: none !important;
}
.pdf-visual-toolbar {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  background: #f7fbfc;
  border: 1px solid rgba(0, 172, 168, 0.25);
  border-radius: 0.85rem;
  padding: 0.65rem 0.8rem;
  color: #1a3aab;
}
.pdf-visual-toolbar button {
  border: 1px solid rgba(0, 172, 168, 0.35);
  border-radius: 0.65rem;
  background: #fff;
  color: #00aca8;
  font-weight: 700;
  padding: 0.45rem 0.7rem;
  cursor: pointer;
}
.pdf-visual-toolbar button:hover,
.pdf-visual-toolbar button:focus-visible {
  outline: 3px solid rgba(26, 58, 171, 0.28);
  outline-offset: 2px;
}
.pdf-visual-scale-value {
  font-weight: 700;
  min-width: 4.5rem;
  text-align: center;
}
.pdf-visual-page {
  position: relative;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 10px 30px rgba(18, 35, 60, 0.18);
  border-radius: 0.35rem;
  overflow: hidden;
}
.pdf-visual-page canvas {
  display: block;
  width: 100%;
  height: auto;
}
.pdf-visual-page-label {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: rgba(26, 58, 171, 0.88);
  color: #fff;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 3;
}
.pdf-textLayer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 1;
  line-height: 1;
  z-index: 2;
}
.pdf-textLayer span,
.pdf-textLayer div {
  position: absolute;
  color: transparent;
  transform-origin: 0% 0%;
  white-space: pre;
  cursor: text;
}
.pdf-textLayer ::selection {
  background: rgba(0, 172, 168, 0.32);
}
.pdf-reader-content-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.tts-high-contrast .pdf-visual-toolbar,
body.tts-high-contrast .pdf-visual-toolbar {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
.tts-high-contrast .pdf-visual-toolbar button,
body.tts-high-contrast .pdf-visual-toolbar button {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
.tts-high-contrast .pdf-visual-page,
body.tts-high-contrast .pdf-visual-page {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #000 !important;
}

/* PDF docReader: irakurtzen ari den testua PDF ikusgarrian markatzeko */
.pdf-visual-page-active {
  box-shadow: 0 0 0 2px rgba(0, 172, 168, 0.75), 0 10px 30px rgba(18, 35, 60, 0.18) !important;
}
.pdf-textLayer span.pdf-visual-text-highlight,
.pdf-textLayer div.pdf-visual-text-highlight,
.textLayer span.pdf-visual-text-highlight,
.textLayer div.pdf-visual-text-highlight {
  background: rgba(0, 172, 168, 0.32) !important;
  outline: 2px solid rgba(0, 172, 168, 0.78) !important;
  outline-offset: 1px !important;
  border-radius: 2px !important;
  mix-blend-mode: multiply;
}
body.tts-high-contrast .pdf-textLayer span.pdf-visual-text-highlight,
body.tts-high-contrast .pdf-textLayer div.pdf-visual-text-highlight,
.tts-high-contrast .pdf-textLayer span.pdf-visual-text-highlight,
.tts-high-contrast .pdf-textLayer div.pdf-visual-text-highlight,
body.tts-high-contrast .textLayer span.pdf-visual-text-highlight,
body.tts-high-contrast .textLayer div.pdf-visual-text-highlight,
.tts-high-contrast .textLayer span.pdf-visual-text-highlight,
.tts-high-contrast .textLayer div.pdf-visual-text-highlight {
  background: #ffff00 !important;
  outline: 3px solid #000 !important;
  mix-blend-mode: normal !important;
}
body.tts-high-contrast .pdf-visual-page-active,
.tts-high-contrast .pdf-visual-page-active {
  box-shadow: 0 0 0 3px #ffff00, 0 0 0 6px #000 !important;
}


.tts-doc-segment { display: inline; }
.tts-doc-segment.entzuten, .tts-doc-segment:focus { outline: 2px solid #00aca8; outline-offset: 2px; border-radius: 3px; }

/* Long-running process spinner */
.tts-global-spinner-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(2px);
}
.tts-global-spinner-box {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(0, 172, 168, .32);
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  color: #1a3aab;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.tts-global-spinner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid rgba(0, 172, 168, .25);
  border-top-color: #00aca8;
  animation: tts-global-spinner-rotate .8s linear infinite;
}
@keyframes tts-global-spinner-rotate { to { transform: rotate(360deg); } }
body.tts-high-contrast .tts-global-spinner-overlay,
body.tts-global-contrast .tts-global-spinner-overlay {
  background: rgba(0,0,0,.65);
}
body.tts-high-contrast .tts-global-spinner-box,
body.tts-global-contrast .tts-global-spinner-box {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
body.tts-high-contrast .tts-global-spinner,
body.tts-global-contrast .tts-global-spinner {
  border-color: #555 !important;
  border-top-color: #ffff00 !important;
}

.tts-static-label {
  cursor: default !important;
  user-select: none;
}

/* Irisgarritasun tresnen panela eta efektuak */
.tts-a11y-tools-modal,.tts-a11y-info-modal{position:fixed;inset:0;z-index:2147483600;background:rgba(0,0,0,.34);display:flex;align-items:flex-start;justify-content:flex-end;font-family:Arial,Helvetica,sans-serif}.tts-a11y-tools-panel{width:min(520px,100vw);height:100vh;overflow:auto;background:#fff;color:#1642b0;box-shadow:-8px 0 28px rgba(0,0,0,.25);padding:0 22px 72px}.tts-a11y-tools-top{height:54px;background:#1a3aab;color:#fff;margin:0 -22px 0;display:flex;align-items:center;gap:12px;padding:0 18px}.tts-a11y-tools-top button{background:transparent;border:0;color:#fff;font-size:28px;font-weight:700;cursor:pointer;min-width:36px;min-height:36px}.tts-a11y-tools-top .tts-a11y-close{margin-left:auto}.tts-a11y-lang{background:#2258c7;color:#fff;border:0;border-radius:18px;padding:6px 26px;font-size:14px}.tts-a11y-tools-panel h2{background:#1a3aab;color:#fff;text-align:center;border-radius:0 0 22px 22px;padding:8px 18px;margin:0 auto 28px;width:220px;font-size:18px}.tts-a11y-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tts-a11y-tool{min-height:100px;background:#fff;color:#1642b0;border:1px solid #d2d9ee;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:13px;cursor:pointer;padding:10px}.tts-a11y-tool:hover,.tts-a11y-tool:focus-visible{outline:3px solid #00aca8;outline-offset:2px}.tts-a11y-tool.is-active{background:#e9fbfa;border-color:#00aca8;box-shadow:inset 0 0 0 2px #00aca8}.tts-a11y-tool-icon{font-size:36px;line-height:1;color:#1a3aab}.tts-a11y-disable-all{position:sticky;bottom:0;margin:28px -22px -72px;width:calc(100% + 44px);border:0;background:#1a3aab;color:#fff;padding:16px;font-size:14px;cursor:pointer}.tts-a11y-custom-color-box{margin:18px 0;padding:12px;border:1px solid #d2d9ee;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tts-a11y-custom-color-box label{font-size:12px;color:#1642b0}.tts-a11y-info-card{background:#fff;color:#111;margin:12vh auto;padding:24px;border-radius:12px;max-width:620px;width:calc(100% - 40px);box-shadow:0 12px 40px rgba(0,0,0,.28);position:relative}.tts-a11y-info-card h2{color:#1a3aab;margin-top:0}.tts-a11y-info-card pre{white-space:pre-wrap;font-family:Arial,Helvetica,sans-serif;line-height:1.5}.tts-a11y-info-close{position:absolute;top:8px;right:8px;border:0;background:#1a3aab;color:#fff;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.tts-text-magnifier-box{position:fixed;z-index:2147483599;display:none;max-width:340px;background:#fff;color:#111;border:3px solid #00aca8;border-radius:10px;padding:12px;font-size:22px;line-height:1.35;box-shadow:0 10px 30px rgba(0,0,0,.25);pointer-events:none}.tts-virtual-keyboard{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2147483598;background:#fff;color:#111;border:2px solid #00aca8;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.25);padding:10px;display:flex;gap:6px;align-items:center}.tts-virtual-keyboard button{border:1px solid #1a3aab;background:#f7fbff;color:#1a3aab;border-radius:6px;padding:8px 10px;cursor:pointer}.tts-a11y-keyboard-nav :focus-visible{outline:4px solid #ffbf00!important;outline-offset:4px!important}.tts-a11y-dark body,.tts-a11y-dark .docreader-main,.tts-a11y-dark #pdf-reader-content,.tts-a11y-dark #document-layout-content{background:#07111f!important;color:#fff!important}.tts-a11y-dark a{color:#7ff7f3!important}.tts-a11y-light body,.tts-a11y-light .docreader-main,.tts-a11y-light #pdf-reader-content,.tts-a11y-light #document-layout-content{background:#fffdf4!important;color:#111!important}.tts-a11y-high body,.tts-a11y-high .docreader-main,.tts-a11y-high #pdf-reader-content,.tts-a11y-high #document-layout-content{background:#000!important;color:#fff!important}.tts-a11y-high a{color:#ffff00!important}.tts-a11y-monochrome{filter:grayscale(1)!important}.tts-a11y-readable-font body,.tts-a11y-readable-font #pdf-reader-content,.tts-a11y-readable-font #document-layout-content{font-family:Arial,Verdana,Tahoma,sans-serif!important;letter-spacing:.03em;line-height:1.7}.tts-a11y-highlight-links a{background:#fff59d!important;color:#000!important;outline:2px solid #1a3aab!important;text-decoration:underline!important}.tts-a11y-highlight-headings h1,.tts-a11y-highlight-headings h2,.tts-a11y-highlight-headings h3,.tts-a11y-highlight-headings h4{outline:3px solid #00aca8!important;background:rgba(0,172,168,.14)!important}.tts-a11y-highlight-elements button,.tts-a11y-highlight-elements input,.tts-a11y-highlight-elements select,.tts-a11y-highlight-elements textarea,.tts-a11y-highlight-elements [role="button"]{outline:3px dashed #1a3aab!important;outline-offset:2px!important}.tts-a11y-big-buttons button:not(.docreader-slim-toolbar *),.tts-a11y-big-buttons [role="button"]:not(.docreader-slim-toolbar *),.tts-a11y-big-buttons input:not(.docreader-slim-toolbar *),.tts-a11y-big-buttons select:not(.docreader-slim-toolbar *){min-height:48px!important;min-width:48px!important;font-size:1.08em!important}.tts-a11y-readable-mode body{max-width:980px;margin-left:auto!important;margin-right:auto!important;background:#fbfbf3!important;color:#111!important}.tts-a11y-magnifier body{font-size:120%!important}.tts-a11y-custom-colors body,.tts-a11y-custom-colors .docreader-main,.tts-a11y-custom-colors #pdf-reader-content,.tts-a11y-custom-colors #document-layout-content{background:var(--tts-a11y-custom-bg)!important;color:var(--tts-a11y-custom-fg)!important}.tts-a11y-custom-colors a:not(.docreader-slim-toolbar *){color:var(--tts-a11y-custom-accent)!important}.tts-a11y-custom-colors :focus-visible{outline-color:var(--tts-a11y-custom-accent)!important}@media(max-width:560px){.tts-a11y-tools-grid{grid-template-columns:repeat(2,1fr)}.tts-a11y-tool{min-height:92px}.tts-a11y-tools-panel{width:100vw}}
html.tts-a11y-dark .tts-a11y-tools-panel,html.tts-a11y-high .tts-a11y-tools-panel{background:#050b14;color:#fff}html.tts-a11y-dark .tts-a11y-tool,html.tts-a11y-high .tts-a11y-tool{background:#0d1524;color:#fff;border-color:#00aca8}html.tts-a11y-dark .tts-a11y-tool-icon,html.tts-a11y-high .tts-a11y-tool-icon{color:#00aca8}


/* Irisgarritasun tresnak: estilo bateratua barraren diseinuarekin */
.tts-compact-a11y{
  color:#00aca8!important;
  background:#fff!important;
  border:0!important;
  border-right:1px solid rgba(26,58,171,.14)!important;
  border-radius:0!important;
  min-width:36px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.tts-compact-a11y svg{width:20px;height:20px;fill:#00aca8;stroke:#00aca8;stroke-width:.7;}
.tts-compact-a11y:hover,.tts-compact-a11y:focus-visible{background:rgba(0,172,168,.10)!important;outline:3px solid #1a3aab!important;outline-offset:2px!important;}

.tts-a11y-tools-modal,.tts-a11y-info-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
  background:rgba(7,17,31,.42)!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:32px 18px 18px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  box-sizing:border-box!important;
}
.tts-a11y-tools-panel{
  width:min(1120px,calc(100vw - 36px))!important;
  max-height:calc(100vh - 50px)!important;
  height:auto!important;
  overflow:auto!important;
  background:#fff!important;
  color:#1f2a44!important;
  border:1px solid rgba(26,58,171,.18)!important;
  border-top:4px solid #00aca8!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(15,23,42,.28)!important;
  padding:14px!important;
}
.tts-a11y-tools-top{
  height:auto!important;
  background:transparent!important;
  color:#1a3aab!important;
  margin:0 0 8px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  border-bottom:1px solid rgba(26,58,171,.12)!important;
  padding-bottom:8px!important;
}
.tts-a11y-tools-top button{
  background:#fff!important;
  border:1px solid rgba(26,58,171,.20)!important;
  color:#00aca8!important;
  border-radius:10px!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:700!important;
  cursor:pointer!important;
  min-width:38px!important;
  min-height:38px!important;
}
.tts-a11y-tools-top button:hover,.tts-a11y-tools-top button:focus-visible{background:rgba(0,172,168,.10)!important;outline:3px solid #1a3aab!important;outline-offset:2px!important;}
.tts-a11y-tools-top .tts-a11y-close{margin-left:auto!important;background:#1a3aab!important;color:#fff!important;border-color:#1a3aab!important;}
.tts-a11y-lang{
  background:rgba(0,172,168,.10)!important;
  color:#1a3aab!important;
  border:1px solid rgba(0,172,168,.32)!important;
  border-radius:999px!important;
  padding:7px 28px 7px 12px!important;
  font-size:13px!important;
  max-width:180px!important;
}
.tts-a11y-tools-panel h2{
  background:transparent!important;
  color:#1a3aab!important;
  text-align:left!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 10px!important;
  width:auto!important;
  font-size:20px!important;
  line-height:1.2!important;
}
.tts-a11y-tools-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.tts-a11y-tool{
  min-height:74px!important;
  background:#fff!important;
  color:#1f2a44!important;
  border:1px solid rgba(26,58,171,.18)!important;
  border-radius:14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  text-align:center!important;
  font-size:12px!important;
  cursor:pointer!important;
  padding:9px 8px!important;
  box-shadow:0 6px 18px rgba(15,23,42,.06)!important;
}
.tts-a11y-tool:hover,.tts-a11y-tool:focus-visible{border-color:#00aca8!important;background:rgba(0,172,168,.07)!important;outline:3px solid rgba(26,58,171,.34)!important;outline-offset:2px!important;}
.tts-a11y-tool.is-active{background:rgba(0,172,168,.12)!important;border-color:#00aca8!important;box-shadow:inset 0 0 0 2px rgba(0,172,168,.45),0 6px 18px rgba(15,23,42,.06)!important;}
.tts-a11y-tool-icon{font-size:25px!important;line-height:1!important;color:#00aca8!important;font-weight:700!important;}
.tts-a11y-disable-all{
  position:static!important;
  bottom:auto!important;
  margin:10px 0 0!important;
  width:100%!important;
  border:1px solid rgba(26,58,171,.22)!important;
  background:#fff!important;
  color:#1a3aab!important;
  padding:10px!important;
  font-size:14px!important;
  border-radius:12px!important;
  cursor:pointer!important;
  font-weight:700!important;
}
.tts-a11y-disable-all:hover,.tts-a11y-disable-all:focus-visible{background:rgba(26,58,171,.08)!important;outline:3px solid #00aca8!important;outline-offset:2px!important;}
.tts-a11y-custom-color-box{margin:16px 0!important;padding:14px!important;border:1px solid rgba(26,58,171,.18)!important;border-radius:14px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;background:#f8fbff!important;}
.tts-a11y-custom-color-box[hidden]{display:none!important;}
.tts-a11y-custom-color-box label{font-size:12px!important;color:#1f2a44!important;display:flex!important;flex-direction:column!important;gap:6px!important;}
.tts-a11y-info-card{background:#fff!important;color:#1f2a44!important;margin:8vh auto!important;padding:24px!important;border-radius:18px!important;max-width:680px!important;width:calc(100% - 40px)!important;box-shadow:0 18px 48px rgba(15,23,42,.30)!important;position:relative!important;border-top:4px solid #00aca8!important;}
.tts-a11y-info-card h2{color:#1a3aab!important;margin-top:0!important;}
.tts-a11y-info-card pre{white-space:pre-wrap!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1.55!important;}
.tts-a11y-info-close{position:absolute!important;top:10px!important;right:10px!important;border:0!important;background:#1a3aab!important;color:#fff!important;border-radius:10px!important;width:38px!important;height:38px!important;font-size:22px!important;cursor:pointer!important;}
html.tts-a11y-dark .tts-a11y-tools-panel,html.tts-a11y-high .tts-a11y-tools-panel{background:#050b14!important;color:#fff!important;border-color:#00aca8!important;}
html.tts-a11y-dark .tts-a11y-tools-panel h2,html.tts-a11y-high .tts-a11y-tools-panel h2{color:#fff!important;}
html.tts-a11y-dark .tts-a11y-tool,html.tts-a11y-high .tts-a11y-tool{background:#0d1524!important;color:#fff!important;border-color:#00aca8!important;}
html.tts-a11y-dark .tts-a11y-custom-color-box,html.tts-a11y-high .tts-a11y-custom-color-box{background:#07111f!important;color:#fff!important;border-color:#00aca8!important;}
@media(max-width:720px){.tts-a11y-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tts-a11y-tools-modal{padding:56px 10px 16px!important}.tts-a11y-tools-panel{width:calc(100vw - 20px)!important}}
@media(max-width:420px){.tts-a11y-tools-grid{grid-template-columns:1fr!important}.tts-a11y-custom-color-box{grid-template-columns:1fr!important}}


/* Teklatu birtual osoa */
.tts-virtual-keyboard{
  position:fixed!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:min(760px, calc(100vw - 24px))!important;
  z-index:2147483000!important;
  background:#ffffff!important;
  color:#1f2a44!important;
  border:2px solid #00aca8!important;
  border-radius:18px!important;
  padding:16px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.tts-vk-header{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#1a3aab!important;font-weight:800!important;margin-bottom:10px!important;}
.tts-vk-close{border:0!important;background:#1a3aab!important;color:#fff!important;border-radius:10px!important;width:34px!important;height:34px!important;font-size:22px!important;cursor:pointer!important;}
.tts-vk-preview{box-sizing:border-box!important;width:100%!important;height:42px!important;border:1px solid rgba(26,58,171,.25)!important;border-radius:10px!important;margin-bottom:8px!important;padding:8px 10px!important;font-size:18px!important;color:#1f2a44!important;background:#fff!important;}
.tts-vk-row{display:flex!important;gap:5px!important;margin:5px 0!important;}
.tts-vk-key{flex:1 1 0!important;min-width:0!important;height:45px!important;border:1px solid rgba(26,58,171,.22)!important;background:#f8fbff!important;color:#1f2a44!important;border-radius:8px!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 3px 8px rgba(15,23,42,.08)!important;}
.tts-vk-key:hover,.tts-vk-key:focus-visible{outline:3px solid rgba(0,172,168,.35)!important;border-color:#00aca8!important;background:#eefdfc!important;}
.tts-vk-key.wide{flex:1.6 1 0!important;}
.tts-vk-key.xwide{flex:2.2 1 0!important;}
.tts-vk-key.space{flex:1 1 100%!important;}
.tts-virtual-keyboard.is-caps .tts-vk-key[data-key="CapsLock"],.tts-virtual-keyboard.is-caps .tts-vk-key[data-key="Shift"]{background:#00aca8!important;color:#fff!important;}
html.tts-a11y-dark .tts-virtual-keyboard,html.tts-a11y-high .tts-virtual-keyboard{background:#050b14!important;color:#fff!important;border-color:#00aca8!important;}
html.tts-a11y-dark .tts-vk-key,html.tts-a11y-high .tts-vk-key{background:#0d1524!important;color:#fff!important;border-color:#00aca8!important;}
html.tts-a11y-dark .tts-vk-preview,html.tts-a11y-high .tts-vk-preview{background:#07111f!important;color:#fff!important;border-color:#00aca8!important;}

/* Orria entzuteko barra flotatzailea */
.tts-page-listen-bar{
  position:fixed!important;
  left:50%!important;
  bottom:96px!important;
  transform:translateX(-50%)!important;
  z-index:2147482500!important;
  background:#fff!important;
  color:#1f2a44!important;
  border:1px solid rgba(26,58,171,.18)!important;
  border-top:4px solid #00aca8!important;
  border-radius:16px!important;
  box-shadow:0 18px 52px rgba(15,23,42,.25)!important;
  padding:18px 18px 14px!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.tts-page-listen-main{display:flex!important;align-items:center!important;gap:10px!important;}
.tts-page-listen-bar button{min-width:42px!important;height:42px!important;border:1px solid rgba(26,58,171,.22)!important;background:#fff!important;color:#1a3aab!important;border-radius:10px!important;font-weight:800!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
.tts-page-listen-bar button:hover,.tts-page-listen-bar button:focus-visible{outline:3px solid rgba(0,172,168,.35)!important;border-color:#00aca8!important;background:#f0fffe!important;}
.tts-page-listen-play{padding:0 16px!important;}
.tts-page-listen-play svg,.tts-page-listen-stop svg{width:22px!important;height:22px!important;fill:#00aca8!important;}
.tts-page-listen-click{padding:0 12px!important;}
.tts-page-listen-click.is-active{background:#00aca8!important;color:#fff!important;border-color:#00aca8!important;}
.tts-page-listen-close{position:absolute!important;top:-20px!important;left:-12px!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important;color:#1f2a44!important;font-size:20px!important;box-shadow:0 3px 12px rgba(15,23,42,.25)!important;}
html.tts-a11y-dark .tts-page-listen-bar,html.tts-a11y-high .tts-page-listen-bar{background:#050b14!important;color:#fff!important;border-color:#00aca8!important;}
html.tts-a11y-dark .tts-page-listen-bar button,html.tts-a11y-high .tts-page-listen-bar button{background:#0d1524!important;color:#fff!important;border-color:#00aca8!important;}
@media(max-width:720px){.tts-virtual-keyboard{bottom:8px!important;padding:10px!important}.tts-vk-key{height:38px!important;font-size:13px!important}.tts-page-listen-main{flex-wrap:wrap!important}.tts-page-listen-bar{width:calc(100vw - 34px)!important;bottom:78px!important}}

/* Irisgarritasun-panela: ezkerrean eta aukera aurreratuak */
.tts-a11y-tools-modal{
  justify-content:flex-start!important;
  padding-left:24px!important;
}
.tts-a11y-tools-panel{
  margin-left:0!important;
  margin-right:auto!important;
}
.tts-a11y-advanced-blocks{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0 6px!important;
}
.tts-a11y-advanced-card{
  display:grid!important;
  grid-template-columns:46px 1fr!important;
  gap:14px!important;
  align-items:start!important;
  padding:10px!important;
  border:1px solid rgba(26,58,171,.18)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#1f2a44!important;
  box-shadow:0 6px 18px rgba(15,23,42,.05)!important;
}
.tts-a11y-card-icon{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#00aca8!important;
  background:rgba(0,172,168,.10)!important;
  font-size:22px!important;
  font-weight:800!important;
}
.tts-a11y-card-body h3{
  margin:0!important;
  color:#1a3aab!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.tts-a11y-card-body p{
  margin:1px 0 6px!important;
  color:#1a3aab!important;
  font-size:12px!important;
  font-weight:600!important;
}
.tts-a11y-segmented{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:1fr!important;
  gap:6px!important;
  margin:6px 0 8px!important;
}
.tts-a11y-segmented button,
.tts-a11y-reset-colors,
.tts-a11y-reset-font,
.tts-a11y-cursor-reset,
.tts-a11y-font-minus,
.tts-a11y-font-plus{
  border:1px solid rgba(26,58,171,.22)!important;
  color:#1a3aab!important;
  background:#fff!important;
  border-radius:999px!important;
  padding:6px 9px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.tts-a11y-segmented button.is-active,
.tts-a11y-segmented button:hover,
.tts-a11y-segmented button:focus-visible{
  background:#1a3aab!important;
  color:#fff!important;
  border-color:#1a3aab!important;
}
.tts-a11y-hue{
  width:100%!important;
  accent-color:#00aca8!important;
}
.tts-a11y-reset-colors,
.tts-a11y-reset-font,
.tts-a11y-cursor-reset{
  display:block!important;
  width:100%!important;
  margin-top:10px!important;
  float:none!important;
  text-align:center!important;
  color:#1a3aab!important;
}
.tts-a11y-reset-colors:hover,
.tts-a11y-reset-font:hover,
.tts-a11y-cursor-reset:hover,
.tts-a11y-reset-colors:focus-visible,
.tts-a11y-reset-font:focus-visible,
.tts-a11y-cursor-reset:focus-visible{
  background:rgba(0,172,168,.10)!important;
  border-color:#00aca8!important;
  color:#1a3aab!important;
}
.tts-a11y-range-row{
  display:grid!important;
  grid-template-columns:36px 1fr 36px!important;
  gap:8px!important;
  align-items:center!important;
  margin-top:6px!important;
}
.tts-a11y-font-range{
  width:100%!important;
  accent-color:#00aca8!important;
}
.tts-a11y-font-minus,
.tts-a11y-font-plus{
  width:36px!important;
  height:36px!important;
  padding:0!important;
  background:#1a3aab!important;
  color:#fff!important;
  font-size:20px!important;
}
html.tts-a11y-custom-colors :where(h1,h2,h3,h4):not(#host *):not(.tts-barra *):not(.tts-a11y-tools-modal *):not(.tts-a11y-info-modal *):not(.tts-a11y-modal *):not(.tts-plain-modal *):not(.docreader-slim-toolbar *),
html.tts-a11y-custom-colors #document-layout-content h1,html.tts-a11y-custom-colors #document-layout-content h2,html.tts-a11y-custom-colors #document-layout-content h3{
  color:var(--tts-a11y-custom-headings)!important;
}
html.tts-a11y-custom-colors :where(p,li,td,th):not(#host *):not(.tts-barra *):not(.tts-a11y-tools-modal *):not(.tts-a11y-info-modal *):not(.tts-a11y-modal *):not(.tts-plain-modal *):not(.docreader-slim-toolbar *),
html.tts-a11y-custom-colors #document-layout-content,html.tts-a11y-custom-colors #pdf-reader-content{
  color:var(--tts-a11y-custom-content)!important;
}
html.tts-a11y-font-adjusted body,html.tts-a11y-font-adjusted #pdf-reader-content,html.tts-a11y-font-adjusted #document-layout-content,
html.tts-a11y-font-adjusted main,html.tts-a11y-font-adjusted article{
  font-size:var(--tts-a11y-font-size)!important;
  line-height:var(--tts-a11y-line-spacing)!important;
  word-spacing:var(--tts-a11y-word-spacing)!important;
  letter-spacing:var(--tts-a11y-letter-spacing)!important;
}
html.tts-a11y-cursor-white,html.tts-a11y-cursor-white *{cursor:crosshair!important;}
html.tts-a11y-cursor-black,html.tts-a11y-cursor-black *{cursor:crosshair!important;}
html.tts-a11y-dark .tts-a11y-advanced-card,html.tts-a11y-high .tts-a11y-advanced-card{background:#0d1524!important;color:#fff!important;border-color:#00aca8!important;}
html.tts-a11y-dark .tts-a11y-card-body h3,html.tts-a11y-dark .tts-a11y-card-body p,
html.tts-a11y-high .tts-a11y-card-body h3,html.tts-a11y-high .tts-a11y-card-body p{color:#fff!important;}
@media(max-width:900px){.tts-a11y-advanced-blocks{grid-template-columns:1fr!important}}
@media(max-width:720px){.tts-a11y-tools-modal{padding-left:10px!important}.tts-a11y-segmented{grid-auto-flow:row!important}.tts-a11y-advanced-card{grid-template-columns:1fr!important}.tts-a11y-card-icon{display:none!important}}

/* Panel de accesibilidad organizado por secciones */
.tts-a11y-tools-grid {
  display: block !important;
}

.tts-a11y-tools-section {
  margin: 0 0 8px !important;
  padding: 9px !important;
  border: 1px solid #dbe7ef !important;
  border-radius: 14px !important;
  background: #f8fbff !important;
}

.tts-a11y-tools-section h3 {
  margin: 0 0 7px !important;
  color: #1a3aab !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.tts-a11y-tools-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

.tts-a11y-tools-group .tts-a11y-tool {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 72px !important;
}

@media(max-width:720px){
  .tts-a11y-tools-group {
    display:grid!important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Konponketa: teklatu birtuala modalaren gainetik erakutsi */
.tts-virtual-keyboard{
  z-index:2147483647!important;
  display:block!important;
  pointer-events:auto!important;
}
.tts-virtual-keyboard .tts-vk-row{display:flex!important;}
.tts-virtual-keyboard .tts-vk-header{display:flex!important;}
body.tts-click-listen-loading::after{
  content:'Audioa sortzen...';
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:2147483646!important;
  background:#fff!important;
  color:#1a3aab!important;
  border:2px solid #00aca8!important;
  border-radius:999px!important;
  padding:10px 16px 10px 38px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
  box-shadow:0 10px 30px rgba(15,23,42,.25)!important;
}
body.tts-click-listen-loading::before{
  content:'';
  position:fixed!important;
  right:calc(18px + 110px)!important;
  bottom:29px!important;
  width:16px!important;
  height:16px!important;
  z-index:2147483647!important;
  border:3px solid rgba(26,58,171,.2)!important;
  border-top-color:#00aca8!important;
  border-radius:50%!important;
  animation:ttsSpin .8s linear infinite!important;
}

/* ==========================================================
   Ajustes finales de herramientas de accesibilidad
   ========================================================== */
/* Elementuak nabarmendu: destacar al pasar el ratón, no marcar todo permanentemente. */
html.tts-a11y-highlight-elements button,
html.tts-a11y-highlight-elements input,
html.tts-a11y-highlight-elements select,
html.tts-a11y-highlight-elements textarea,
html.tts-a11y-highlight-elements [role="button"]{
  outline: revert !important;
  outline-offset: revert !important;
}
html.tts-a11y-highlight-elements :is(article,section,nav,aside,header,footer,main,p,li,blockquote,figure,img,table,form,button,input,select,textarea,a,[role="button"]):hover{
  outline: 3px dashed #00aca8 !important;
  outline-offset: 4px !important;
  background-color: rgba(0,172,168,.12) !important;
  box-shadow: 0 0 0 6px rgba(26,58,171,.10) !important;
}
html.tts-a11y-highlight-elements #host:hover,
html.tts-a11y-highlight-elements .tts-a11y-tools-modal:hover,
html.tts-a11y-highlight-elements .tts-virtual-keyboard:hover,
html.tts-a11y-highlight-elements .tts-ai-image-description-tooltip:hover{
  outline: none !important;
  background: inherit !important;
  box-shadow: none !important;
}
/* El modo irakurgarria se abre en una pantalla nueva; no cambia el layout de la página actual. */
html.tts-a11y-readable-mode body{
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: inherit !important;
  color: inherit !important;
}

/* ==========================================================
   Final compact toolbar + accessibility panel cleanup
   ========================================================== */
#audiobotoiak.tts-minimal-hard,
.tts-barra.tts-minimal-hard {
  margin: 4px auto !important;
}
#audiobotoiak.tts-minimal-hard .tts-minimal-shell,
.tts-barra.tts-minimal-hard .tts-minimal-shell {
  border-radius: 7px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .10) !important;
}
#audiobotoiak.tts-minimal-hard button,
.tts-barra.tts-minimal-hard button,
#audiobotoiak.tts-minimal-hard .abiadura-button,
.tts-barra.tts-minimal-hard .abiadura-button {
  min-width: 32px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 7px !important;
  font-size: 12px !important;
}
#audiobotoiak.tts-minimal-hard svg,
.tts-barra.tts-minimal-hard svg {
  width: 15px !important;
  height: 15px !important;
}
#audiobotoiak.tts-minimal-hard .azalpentestua,
.tts-barra.tts-minimal-hard .azalpentestua {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}
#audiobotoiak.tts-minimal-v2 .tts-open-toggle-label,
.tts-barra.tts-minimal-v2 .tts-open-toggle-label {
  min-width: 64px !important;
  padding: 0 6px !important;
}
#audiobotoiak.tts-minimal-hard .abiadura-button,
.tts-barra.tts-minimal-hard .abiadura-button {
  min-width: 40px !important;
}

/* Accessibility panel: no top language selector or low-value extra buttons. */
.tts-a11y-tools-top .tts-a11y-back,
.tts-a11y-tools-top .tts-a11y-hide,
.tts-a11y-tools-top .tts-a11y-lang {
  display: none !important;
}
.tts-a11y-tools-top {
  justify-content: flex-end !important;
  height: 46px !important;
  padding: 0 14px !important;
}
.tts-a11y-tools-top .tts-a11y-close {
  margin-left: 0 !important;
}

/* Cursor colors: use explicit large cursors and reset cleanly when disabled. */
html.tts-a11y-cursor-white,
html.tts-a11y-cursor-white * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6 3 L25 17 L16 19 L21 29 L17 31 L12 21 L6 27 Z' fill='white' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 4 3, auto !important;
}
html.tts-a11y-cursor-black,
html.tts-a11y-cursor-black * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6 3 L25 17 L16 19 L21 29 L17 31 L12 21 L6 27 Z' fill='black' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 4 3, auto !important;
}
/* 2026-06: panel de irisgarritasuna más compacto y selector de color visible */
.tts-a11y-tools-modal {
  justify-content: flex-start !important;
  padding: 30px 12px 14px 16px !important;
}
.tts-a11y-tools-panel {
  width: min(1120px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 44px) !important;
  border-radius: 14px !important;
  padding: 12px !important;
  border-top-width: 3px !important;
  box-shadow: 0 14px 38px rgba(15,23,42,.22) !important;
}
.tts-a11y-tools-top {
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
  gap: 6px !important;
}
.tts-a11y-tools-top button {
  min-width: 30px !important;
  min-height: 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
}
.tts-a11y-tools-panel h2 {
  margin: 0 0 10px !important;
  font-size: 18px !important;
}
.tts-a11y-tools-grid {
  gap: 8px !important;
}
.tts-a11y-tool {
  min-height: 68px !important;
  gap: 5px !important;
  padding: 8px 6px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  line-height: 1.18 !important;
  box-shadow: 0 3px 10px rgba(15,23,42,.045) !important;
}
.tts-a11y-tool-icon {
  font-size: 22px !important;
}
.tts-a11y-advanced-blocks {
  gap: 9px !important;
  margin: 10px 0 6px !important;
}
.tts-a11y-advanced-card {
  grid-template-columns: 34px 1fr !important;
  gap: 9px !important;
  padding: 10px !important;
  border-radius: 11px !important;
}
.tts-a11y-card-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 20px !important;
}
.tts-a11y-card-body h3 {
  font-size: 13px !important;
}
.tts-a11y-card-body p {
  margin: 1px 0 7px !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}
.tts-a11y-segmented {
  gap: 6px !important;
  margin: 6px 0 8px !important;
}
.tts-a11y-segmented button,
.tts-a11y-reset-colors,
.tts-a11y-reset-font,
.tts-a11y-cursor-reset,
.tts-a11y-font-minus,
.tts-a11y-font-plus {
  padding: 6px 9px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}
.tts-a11y-range-row {
  grid-template-columns: 30px 1fr 30px !important;
  gap: 6px !important;
  margin-top: 7px !important;
}
.tts-a11y-font-minus,
.tts-a11y-font-plus {
  width: 30px !important;
  height: 30px !important;
  font-size: 17px !important;
}
.tts-a11y-disable-all {
  margin-top: 12px !important;
  padding: 9px !important;
  font-size: 12px !important;
  border-radius: 10px !important;
}
.tts-a11y-hue {
  height: 16px !important;
  border-radius: 999px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: linear-gradient(90deg,
    #ff0000 0%,
    #ff9900 12.5%,
    #ffff00 25%,
    #00ff00 37.5%,
    #00ffff 50%,
    #0066ff 62.5%,
    #6600ff 75%,
    #ff00ff 87.5%,
    #ff0000 100%) !important;
  border: 1px solid rgba(26,58,171,.18) !important;
  outline: none !important;
  accent-color: #00aca8 !important;
}
.tts-a11y-hue::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #00aca8 !important;
  border: 3px solid #fff !important;
  box-shadow: 0 0 0 2px #1a3aab, 0 2px 8px rgba(0,0,0,.25) !important;
  cursor: pointer !important;
}
.tts-a11y-hue::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #00aca8 !important;
  border: 3px solid #fff !important;
  box-shadow: 0 0 0 2px #1a3aab, 0 2px 8px rgba(0,0,0,.25) !important;
  cursor: pointer !important;
}
.tts-a11y-hue::-moz-range-track {
  height: 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#ff0000 0%,#ff9900 12.5%,#ffff00 25%,#00ff00 37.5%,#00ffff 50%,#0066ff 62.5%,#6600ff 75%,#ff00ff 87.5%,#ff0000 100%) !important;
  border: 1px solid rgba(26,58,171,.18) !important;
}
.tts-a11y-font-range {
  height: 10px !important;
}
@media(max-width:720px){
  .tts-a11y-tools-modal{padding:40px 8px 12px !important;}
  .tts-a11y-tools-panel{width:calc(100vw - 16px) !important;}
}
@media(max-width:420px){
  .tts-a11y-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .tts-a11y-tool{min-height:62px !important;font-size:10.5px !important;}
}

/* 2026-06: layout final del panel, compacto sin hacerlo diminuto */
.tts-a11y-tools-modal {
  justify-content: flex-start !important;
  padding: 14px !important;
}
.tts-a11y-tools-panel {
  width: min(780px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 28px) !important;
  padding: 10px !important;
  border-radius: 12px !important;
  overflow-x: hidden !important;
}
.tts-a11y-tools-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid rgba(26,58,171,.12) !important;
}
.tts-a11y-tools-header h2,
.tts-a11y-tools-panel h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  color: #1a3aab !important;
}
.tts-a11y-tools-header .tts-a11y-close {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #1a3aab !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.tts-a11y-reset-all,
.tts-a11y-disable-all.tts-a11y-reset-all {
  margin: 8px 0 10px !important;
  width: 100% !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(26,58,171,.22) !important;
  border-radius: 10px !important;
  background: #eefdfc !important;
  color: #1a3aab !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.tts-a11y-tools-grid {
  display: block !important;
  column-count: 2 !important;
  column-gap: 10px !important;
  box-sizing: border-box !important;
}
.tts-a11y-tools-section {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 8px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  break-inside: avoid !important;
  page-break-inside: avoid !important;
}
.tts-a11y-tools-section h3 {
  margin: 0 0 6px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}
.tts-a11y-tools-group {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}
.tts-a11y-tools-group .tts-a11y-tool,
.tts-a11y-tool {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 6px 7px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  grid-template-columns: 24px 1fr !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 6px !important;
  text-align: left !important;
  font-size: 13px !important;
  line-height: 1.12 !important;
}
.tts-a11y-tools-group .tts-a11y-tool:last-child:nth-child(odd) {
  grid-column: 1 / -1 !important;
}
.tts-a11y-tool-icon {
  font-size: 20px !important;
  width: 24px !important;
  text-align: center !important;
}
.tts-a11y-advanced-blocks {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 8px 0 0 !important;
  box-sizing: border-box !important;
}
.tts-a11y-advanced-card {
  min-width: 0 !important;
  box-sizing: border-box !important;
  grid-template-columns: 1fr !important;
  padding: 8px !important;
  border-radius: 10px !important;
}
.tts-a11y-card-icon,
.tts-a11y-card-body p {
  display: none !important;
}
.tts-a11y-card-body h3 {
  font-size: 13px !important;
  margin-bottom: 6px !important;
}
.tts-a11y-segmented {
  gap: 5px !important;
  margin: 0 0 6px !important;
}
.tts-a11y-segmented button,
.tts-a11y-reset-colors,
.tts-a11y-reset-font,
.tts-a11y-cursor-reset,
.tts-a11y-font-minus,
.tts-a11y-font-plus {
  min-height: 30px !important;
  padding: 5px 7px !important;
  font-size: 10.5px !important;
}
.tts-a11y-range-row {
  grid-template-columns: 30px 1fr 30px !important;
  margin-top: 5px !important;
}
@media(max-width:760px){
  .tts-a11y-tools-modal { padding: 8px !important; }
  .tts-a11y-tools-panel { width: calc(100vw - 16px) !important; max-height: calc(100vh - 16px) !important; }
  .tts-a11y-tools-grid { column-count: 1 !important; }
  .tts-a11y-advanced-blocks { grid-template-columns: 1fr !important; }
}
@media(max-width:420px){
  .tts-a11y-tools-group { grid-template-columns: 1fr !important; }
}

/* ==========================================================
   Irisgarritasun-funtzioek (orri osorako aplikatzen direnek) ez
   dute barra, haren menuak edo irisgarritasun-panela bera ukitu
   behar. Hemen "babestutako" elementuak zerrendatzen dira eta
   orriaren a11y klaseek eragindako propietateak jatorrizko
   balioetara itzultzen dira horietan.
   ========================================================== */
html.tts-a11y-readable-font :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard),
html.tts-a11y-font-adjusted :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard),
body.tts-a11y-readable-font :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard),
body.tts-a11y-font-adjusted :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}
html.tts-a11y-readable-font :where(#audiobotoiak,.tts-barra,.tts-minimal-shell),
html.tts-a11y-font-adjusted :where(#audiobotoiak,.tts-barra,.tts-minimal-shell),
body.tts-a11y-readable-font :where(#audiobotoiak,.tts-barra,.tts-minimal-shell),
body.tts-a11y-font-adjusted :where(#audiobotoiak,.tts-barra,.tts-minimal-shell) {
  font-size: 12px !important;
}

/* :host() erregelak beti bakartuta (inoiz ez html./body. hautatzaileekin
   zerrenda berean), nabigatzaile batzuek zerrenda osoa baliogabetzat jotzen
   baitute barruan hautatzaile ez-onartu bat badago. */
:host(.tts-a11y-readable-font) {
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}
:host(.tts-a11y-font-adjusted) {
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}
:host(.tts-a11y-readable-font) #audiobotoiak,
:host(.tts-a11y-font-adjusted) #audiobotoiak {
  font-size: 16px !important;
}

html.tts-a11y-big-buttons :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) :where(button,[role="button"],input,select),
body.tts-a11y-big-buttons :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) :where(button,[role="button"],input,select) {
  min-width: 0 !important;
  min-height: 0 !important;
  font-size: inherit !important;
}
html.tts-a11y-big-buttons #audiobotoiak.tts-minimal-hard :where(button,[role="button"],.abiadura-button),
body.tts-a11y-big-buttons #audiobotoiak.tts-minimal-hard :where(button,[role="button"],.abiadura-button) {
  min-width: 32px !important;
  min-height: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
}
html.tts-a11y-big-buttons .tts-a11y-tools-modal .tts-a11y-tool,
body.tts-a11y-big-buttons .tts-a11y-tools-modal .tts-a11y-tool {
  min-height: 46px !important;
  font-size: 13px !important;
}
html.tts-a11y-big-buttons .tts-a11y-tools-modal :where(.tts-a11y-segmented button,.tts-a11y-reset-colors,.tts-a11y-reset-font,.tts-a11y-cursor-reset,.tts-a11y-font-minus,.tts-a11y-font-plus),
body.tts-a11y-big-buttons .tts-a11y-tools-modal :where(.tts-a11y-segmented button,.tts-a11y-reset-colors,.tts-a11y-reset-font,.tts-a11y-cursor-reset,.tts-a11y-font-minus,.tts-a11y-font-plus) {
  min-width: 0 !important;
  min-height: 30px !important;
  font-size: 10.5px !important;
}
html.tts-a11y-big-buttons .tts-a11y-tools-modal :where(.tts-a11y-hue,.tts-a11y-font-range,.tts-a11y-custom-color-box input),
body.tts-a11y-big-buttons .tts-a11y-tools-modal :where(.tts-a11y-hue,.tts-a11y-font-range,.tts-a11y-custom-color-box input) {
  min-width: 0 !important;
  min-height: 0 !important;
}
html.tts-a11y-big-buttons .tts-a11y-close,
body.tts-a11y-big-buttons .tts-a11y-close {
  min-width: 34px !important;
  min-height: 34px !important;
  font-size: 22px !important;
}
html.tts-a11y-big-buttons .tts-a11y-disable-all,
body.tts-a11y-big-buttons .tts-a11y-disable-all {
  min-width: 0 !important;
  min-height: 36px !important;
  font-size: 13px !important;
}
:host(.tts-a11y-big-buttons) :where(#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel) :where(button,[role="button"],input,select) {
  min-width: 0 !important;
  min-height: 0 !important;
  font-size: inherit !important;
}
:host(.tts-a11y-big-buttons) #audiobotoiak.tts-minimal-hard :where(button,[role="button"],.abiadura-button) {
  min-width: 32px !important;
  min-height: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
}

html.tts-a11y-highlight-headings :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) :where(h1,h2,h3,h4,h5,h6),
body.tts-a11y-highlight-headings :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) :where(h1,h2,h3,h4,h5,h6) {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

html.tts-a11y-highlight-elements :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) :where(button,input,select,textarea,a,[role="button"]),
body.tts-a11y-highlight-elements :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) :where(button,input,select,textarea,a,[role="button"]) {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
:host(.tts-a11y-highlight-elements) :where(button,input,select,textarea,a,[role="button"]) {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

html.tts-a11y-custom-colors :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) :where(h1,h2,h3,h4,h5,h6,p,li,span,strong,small,label,button,a,div),
body.tts-a11y-custom-colors :where(#host,#audiobotoiak,.tts-barra,.tts-minimal-shell,.tts-minimal-options-panel,.tts-a11y-tools-modal,.tts-a11y-info-modal,.tts-a11y-modal,.tts-plain-modal,#ttsSelectionActions,.tts-selection-actions,.tts-page-listen-bar,.tts-virtual-keyboard) :where(h1,h2,h3,h4,h5,h6,p,li,span,strong,small,label,button,a,div) {
  color: inherit !important;
}
html.tts-a11y-custom-colors .tts-a11y-tools-modal,
body.tts-a11y-custom-colors .tts-a11y-tools-modal {
  color: #1f2a44 !important;
}
html.tts-a11y-custom-colors .tts-a11y-tools-header,
body.tts-a11y-custom-colors .tts-a11y-tools-header {
  background: #fff !important;
  color: #1a3aab !important;
}
html.tts-a11y-custom-colors .tts-a11y-tools-section,
body.tts-a11y-custom-colors .tts-a11y-tools-section {
  background: #f8fbff !important;
  color: #1642b0 !important;
}
:host(.tts-a11y-custom-colors) {
  color: #00aca8 !important;
}
:host(.tts-a11y-custom-colors) :where(h1,h2,h3,h4,h5,h6,p,li,span,strong,small,label,button,a,div) {
  color: inherit !important;
}

/* Hitzez hitzeko nabarmentzea: gainjarritako kutxak, edukiaren DOM-a ukitu gabe */
#ttsLiveWordOverlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
}
.tts-live-word-box {
  border-radius: 2px;
  transition: left .06s linear, top .06s linear, width .06s linear;
}