/* site.css — only what cleanscribe.css doesn't already cover.
   Transcription viewer specific styles. Everything else is Bootstrap + cleanscribe.css. */

/* ---------------------------------------------------------------
   Anchor-button colour fix.
   cleanscribe.css ships `a[class] { color: inherit }` (specificity 0,1,1) which
   beats `.btn { color: var(--bs-btn-color) }` (0,1,0). Anchor-based buttons
   therefore render with the inherited body colour instead of their declared
   button colour — producing dark-on-dark for `<a class="btn btn-primary">` on
   light sections and white-on-white for `<a class="btn btn-light">` on dark
   sections. Re-assert the button colour on anchor buttons; site.css loads after
   cleanscribe.css, so equal-specificity rules later in source win.
   --------------------------------------------------------------- */
a.btn { color: var(--bs-btn-color); }
a.btn:hover,
a.btn:focus,
a.btn:active { color: var(--bs-btn-hover-color, var(--bs-btn-color)); }

/* ---------------------------------------------------------------
   Transcription viewer (internal) styles.
   --------------------------------------------------------------- */
mark.current { background: rgba(244, 197, 168, 0.55); }

.ts {
    font-family: var(--bs-font-monospace);
    font-size: 0.85em;
    white-space: nowrap;
    color: var(--cs-muted);
}

.transcript-grid {
    display: grid;
    grid-template-columns: 6em 1fr;
    column-gap: 1.5em;
    row-gap: 0.5em;
    align-items: start;
    line-height: 1.7;
}
.transcript-grid .ts-col { text-align: right; padding-top: 0.25em; }
.transcript-grid .seg-text { padding-bottom: 0.5em; color: var(--cs-ink); }