/* Balanced type scale: keep the main copy legible while fitting more on screen. */
body { font-size: 15px; }
.nav-item { font-size: 14px; }
.btn, .btn-sm, .document-meta .btn, .reading-dialog .btn, .dialogue-card-sheet .btn-primary { font-size: 14px; }
.btn-icon { font-size: 24px; }
.document-lead { font-size: 16px; }
.reading-text, .dispatch-card .reading-text, .letter-reading { font-size: 16px; }
.action-card > p, .action-expectation p, .section-intro p, .next-step p,
.decision-card p, .site-copy p, .gallery-card p, .history-card p,
.collection-card p, .setting-row p, .save-description p, .field-invitation p { font-size: 15px; }
.section-heading h2, .action-card h3, .decision-card h3, .history-card h3 { font-size: 17px; }
.case-evidence strong, .commitment-list strong, .letter-preview strong, .archive-link strong { font-size: 15px; }
.case-evidence p, .commitment-list p, .night-report { font-size: 14px; }
.bubble-text, .passage-content, .dialogue-opening-text, .dialogue-reaction-text,
.reaction-text, .dialogue-card-sheet .bubble-text { font-size: 16px; }
.btn-dialogue-item, .reading-note, .game-dialog > p, .lightbox-dialog > p, .toast { font-size: 15px; }
.metric-label > span, .metric-label strong, .app-context-bar .btn, .save-status { font-size: 13px; }
@media (min-width: 761px) and (min-height: 600px) {
  .desk-active .day-heading h2 { font-size: 24px; }
  .desk-active .briefing-document--morning > h2 { font-size: 21px; }
  .desk-active .decision-content h3, .desk-active .action-card h3 { font-size: 15px; }
}
@media (max-width: 760px) {
  .document-lead, .reading-text, .letter-reading { font-size: 16px; }
  .nav-item, .nav-bottom .nav-item, .topbar-actions .btn { font-size: 14px; }
  .metric-label > span { font-size: 13px; }
}