/* oral/styles.css — board + timer + reveal. */

.oral-board {
  max-width: 720px;
  margin: 0 auto;
  padding: var(--sp-2) 0;
}

.oral-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--fs-xs);
  color: var(--fg-muted);
  margin-bottom: var(--sp-3);
}

.oral-count { letter-spacing: 0.05em; }

.oral-timer {
  font-size: var(--fs-lg);
  padding: 4px 10px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  color: var(--fg-strong);
  background: var(--bg-elev);
}
.oral-timer-out {
  color: var(--danger);
  border-color: var(--danger);
}

.oral-question {
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  color: var(--fg-strong);
  line-height: var(--line-base);
  margin: 0 0 var(--sp-4);
}

.oral-controls {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  margin-bottom: var(--sp-4);
}

.oral-tips, .oral-reveal {
  margin-bottom: var(--sp-4);
}

.oral-tips-label, .oral-reveal-label {
  display: block;
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--sp-2);
  color: var(--fg-muted);
}

.oral-actions {
  display: flex;
  justify-content: flex-end;
}

.oral-empty, .oral-done {
  text-align: center;
  padding: var(--sp-6);
  color: var(--fg-muted);
}
.oral-done-title { color: var(--success); margin-bottom: var(--sp-2); }
.oral-done-sub { margin-bottom: var(--sp-4); }

/* Mono sólo en dato tabular (spec §2.3): el cronómetro y el recuento. */
.oral-meta,
.oral-timer { font-family: var(--font-mono); }