/* Mobile-focused controls and content density, v1.4.0. */
.onon-home-player {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .7rem;
  margin: 1rem 0;
}
.onon-player-note { color: var(--muted); font-size: .82rem; }
.onon-latest-play { min-height: 48px; padding: .72rem 1.05rem; }
.onon-home .onon-text-link { display: inline-flex; align-items: center; min-height: 44px; }
.onon-link-list a { display: inline-flex; align-items: center; min-height: 44px; padding: .45rem .78rem; }
.onon-quick-play { justify-content: center; min-height: 44px; }

@media (max-width: 600px) {
  .onon-home-card:nth-child(n+5) { display: none; }
  .onon-card-excerpt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .onon-section-heading > a { display: inline-flex; align-items: center; min-height: 44px; }
  .onon-home-player { align-items: stretch; flex-direction: column; }
  .onon-latest-play { justify-content: center; width: 100%; }
  .onon-latest-details { min-height: 48px; }
  .onon-link-list { display: grid; grid-template-columns: 1fr; }
  .onon-link-list a { justify-content: center; min-height: 48px; }
  .onon-card-actions .onon-text-link { min-height: 48px; }
}