/* styles/limits.css — usage limits (T5). The prototype classes (.lpill,
   .lim-panel, .lim, .bar, .lbanner) live in styles.css; these are the few
   extras the live app needs. */
.lpill:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.lpill[aria-expanded="true"] { border-color: var(--accent); }
.lim-panel .lim + .lim { border-top: 1px solid var(--line); padding-top: 12px; }
.lbanner b, .lbanner span { overflow-wrap: anywhere; }
@media (max-width: 520px) {
  .lpill { gap: 6px; padding: 4px 8px; font-size: 11.5px; }
  .lim-panel { right: 8px; left: 8px; width: auto; }
  .lbanner { padding: 8px 16px; }
}