/* Keep secondary text readable without changing the visual hierarchy. */
.brand-caption,.storage-note,.breadcrumb,.quiz-footer,.bottom-note,.form-hint,.aliases,.your-answer,.card-meta,.card-bottom,.card-meaning,.list-title p,.summary-next,.history-empty,.weekday,.detail-meta dt,.example p+p,.side-note{color:#63718a}
.context,.nav-link,.stat-label,.date{color:#5d6c84}
.type-tag{font-size:.75rem;color:#5b6e8b}
.field-label{font-size:.875rem}
.btn-quiet{color:#5e6d87}
.answer-input::placeholder,.search-input::placeholder{color:#758198}
.panel-kicker{font-size:.75rem}
.scene{background:#f8f4ec}
.image-status{background:#edf2f9;color:#596c8d}
.card-bottom .learn-btn{min-height:40px}
.journey{max-height:280px;overflow-y:auto;scrollbar-width:thin}
.day:not(.complete):not(.future){color:#617089}
.topline{flex-wrap:wrap;gap:8px}
.progress-dots{max-width:47%;flex-shrink:0}
@media(max-width:700px){
  .nav-link{font-size:.875rem;flex-direction:column;gap:4px;padding:10px 3px;min-height:64px}
  .nav{margin-top:13px}
  .nav-link .icon{width:19px;height:19px}
  .context{font-size:.9rem}
  .form-hint,.quiz-footer,.card-meta,.card-bottom,.bottom-note,.storage-note{font-size:.75rem}
  .card-bottom .learn-btn{font-size:.8rem}
  .main{padding-top:19px}
  .date{font-size:.75rem}
}