/*
 * GTM Biblical Greek Level One v3
 * Fixed Modern Greek audio + learner readability.
 *
 * Same-origin external stylesheet required by the platform CSP:
 * style-src 'self'.
 */

.gtm-lesson-content span.gtm-l1-fixed-audio[data-gtm-l1-target] {
  font-size: 1.25rem;
  line-height: 1.42;
  font-weight: 500;
  white-space: normal;
}

.gtm-lesson-content span.gtm-l1-fixed-audio[data-gtm-l1-target] > .gtm-l1-audio-btn {
  margin-left: 0.55rem !important;
  font-size: 0.78rem !important;
  line-height: 1.15;
  padding: 0.18rem 0.52rem !important;
  white-space: nowrap;
  vertical-align: 0.10em;
}

.gtm-lesson-content td,
.gtm-lesson-content th {
  line-height: 1.45;
}

.gtm-lesson-content td span.gtm-l1-fixed-audio[data-gtm-l1-target],
.gtm-lesson-content th span.gtm-l1-fixed-audio[data-gtm-l1-target] {
  font-size: 1.27rem;
}

.gtm-l1-audio-btn.playing {
  outline: 2px solid currentColor;
}

.gtm-l1-context-panel {
  border: 1px solid var(--border, #d3c27b);
  border-radius: 10px;
  padding: 0.75rem;
  margin: 0.75rem 0;
  background: var(--panel, #fffbea);
}

.gtm-l1-context-panel strong {
  display: block;
  margin-bottom: 0.35rem;
}

.gtm-l1-context-panel .gtm-l1-audio-btn {
  margin: 0.18rem;
}

.gtm-l1-speed-panel {
  display: flex;
  gap: 0.35rem;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.65rem 0;
  padding: 0.65rem;
  border: 1px solid var(--border, #d3c27b);
  border-radius: 10px;
}

.gtm-l1-speed-panel .active-speed {
  font-weight: 700;
  text-decoration: underline;
}

@media (max-width: 700px) {
  .gtm-lesson-content span.gtm-l1-fixed-audio[data-gtm-l1-target] {
    font-size: 1.17rem;
    line-height: 1.38;
  }

  .gtm-lesson-content td span.gtm-l1-fixed-audio[data-gtm-l1-target],
  .gtm-lesson-content th span.gtm-l1-fixed-audio[data-gtm-l1-target] {
    font-size: 1.19rem;
  }

  .gtm-lesson-content span.gtm-l1-fixed-audio[data-gtm-l1-target] > .gtm-l1-audio-btn {
    margin-left: 0.38rem !important;
    font-size: 0.75rem !important;
    padding: 0.16rem 0.46rem !important;
  }
}