/* Player editorial compacto para a leitura em voz alta dos artigos. */
.insight-article-audio {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px 26px;
  margin-bottom: clamp(28px, 3vw, 42px);
  padding: clamp(18px, 2vw, 25px);
  border: 1px solid #cbdde9;
  border-left: 3px solid #27afd5;
  border-radius: 8px;
  background: linear-gradient(115deg, #fff 0%, #f4fafe 100%);
  box-shadow: 0 10px 30px rgba(11, 43, 73, .045);
}
.insight-article-tools > .insight-article-audio { flex: 1 1 0; min-width: 0; margin-bottom: 0; }
.insight-article-audio__label {
  grid-column: 1 / -1;
  margin: 0;
  color: #153d5b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.insight-article-audio__controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.insight-article-audio button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 39px;
  padding: 0 15px;
  border: 1px solid #1b65b3;
  border-radius: 5px;
  background: #1b65b3;
  color: #fff;
  font: 750 12px var(--gn-font-body);
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
.insight-article-audio button:hover:not(:disabled) { background: #0f4e8a; border-color: #0f4e8a; }
.insight-article-audio button[data-insight-audio-stop] { background: #fff; border-color: #c7dce9; color: #1b587e; }
.insight-article-audio button[data-insight-audio-stop]:hover:not(:disabled) { background: #e0eff9; border-color: #7eabc9; }
.insight-article-audio button:disabled { opacity: .48; cursor: not-allowed; }
.insight-article-audio button:focus-visible,
.insight-article-audio select:focus-visible { outline: 2px solid #167bc1; outline-offset: 3px; }
.insight-article-audio__rate { display: inline-flex; align-items: center; gap: 7px; margin-left: 4px; color: #51718c; font-size: 11px; font-weight: 700; }
.insight-article-audio__rate select { min-height: 39px; padding: 0 8px; border: 1px solid #c7dce9; border-radius: 5px; background: #fff; color: #173c5d; font: inherit; }
.insight-article-audio__progress { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; align-items: center; min-width: 150px; }
.insight-article-audio__progress progress { width: 100%; height: 5px; appearance: none; border: 0; border-radius: 20px; background: #c8dce9; overflow: hidden; }
.insight-article-audio__progress progress::-webkit-progress-bar { background: #c8dce9; }
.insight-article-audio__progress progress::-webkit-progress-value { background: linear-gradient(90deg, #2474c0, #34b7e5); }
.insight-article-audio__progress progress::-moz-progress-bar { background: #2474c0; }
.insight-article-audio__progress span { color: #38617c; font-size: 10px; font-weight: 800; }
.insight-article-audio__status { grid-column: 1 / -1; margin: -3px 0 0; color: #647d94; font-size: 11px; line-height: 1.5; }
.insight-article-body > section.is-being-read { box-shadow: inset 3px 0 #2b92ce; background: linear-gradient(90deg, rgba(58, 169, 220, .045), transparent 45%); }
@media (max-width: 700px) {
  .insight-article-audio { grid-template-columns: 1fr; }
  .insight-article-audio__label,
  .insight-article-audio__status { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .insight-article-audio button { transition: none; }
}
