/* =========================================================
   LIST_UTILS (SSOT)
   - Mobile-safe list/title utilities to prevent truncation
   - Opt-in classes (no breaking changes)
   ========================================================= */

/* Ensure text containers can shrink inside flex/grid */
.u-minw-0 { min-width: 0 !important; }

/* Tap target: use on <a> or <button> */
.u-tap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 12px;
  border-radius: 12px;
}

/* Line clamp helpers */
.u-clamp-1, .u-clamp-2, .u-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.u-clamp-1 { -webkit-line-clamp: 1; }
.u-clamp-2 { -webkit-line-clamp: 2; }
.u-clamp-3 { -webkit-line-clamp: 3; }

/* Title readability helpers */
.u-title {
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.u-title-sm { font-size: 14px; }
@media (max-width: 820px){
  .u-title-sm { font-size: 13px; }
}
@media (max-width: 420px){
  .u-title-sm { font-size: 12px; }
}

/* Meta shown under title on small screens */
.u-meta-subline { display: inline; }
@media (max-width: 820px){
  .u-meta-subline { display: block; margin-top: 4px; opacity: .85; }
}