/* styles/learning.css — Learning page + ticket lessons (T9). The base lesson,
   switch, funnel, conf and progressbar classes come from styles.css (copied
   from the prototype); these are the few additions for real data. */

/* Five section tabs must not push the page sideways on a phone. */
#l-tabs { overflow-x: auto; scrollbar-width: thin; }
#l-tabs button { white-space: nowrap; flex: none; }

.lesson .lt { overflow-wrap: anywhere; }
.lesson dd, .ev-list div { overflow-wrap: anywhere; }
.lesson details summary { list-style-position: inside; }
.lacts select { max-width: 100%; }

#l-body .board-head .who input { min-width: 0; width: min(260px, 60vw); }
#l-prs td a { white-space: nowrap; }

#ticket-lessons a { color: var(--accent); }

@media (max-width: 600px) {
  .lesson dl { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .lesson dt { margin-top: 6px; }
  #l-body .board-head { align-items: stretch; }
  #l-body .board-head .who { flex-wrap: wrap; }
}