/* Caption-specific controls. The shared course style.css is unchanged. */
[hidden] { display: none !important; }
.token-controls { margin-top: 18px; }
#token-value { min-width: 48px; text-align: right; color: #334155; font-variant-numeric: tabular-nums; }
#max-tokens { width: 100%; margin-top: 13px; accent-color: #111827; }
.caption-output { font-size: 1.1rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.caption-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; }
.history-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.stop-button { width: 100%; margin-top: 10px; }
#image-source { font-size: .78rem; }
#image-source a { color: #52627a; }
#history-body td:nth-child(4) { min-width: 230px; line-height: 1.5; overflow-wrap: anywhere; }
button:focus-visible { outline: 3px solid #52627a; outline-offset: 3px; }
.guide-section { margin-top: 20px; padding: 24px; }
.guide-section h2 { margin-top: 0; }
.guide-section p, .guide-section li { color: #475569; line-height: 1.65; }
.guide-section code { overflow-wrap: anywhere; }
.guide-section a { color: #174f9e; }
.guide-section pre { padding: 16px; background: #f7f8fa; overflow-x: auto; border-radius: 12px; }