/* The dishes' badges, for the table page and the menu link page (tags.js).
 * Loaded after app.css, whose rule for the old one-line tags these replace. */

/* Badges: compact, neutral (a mark relayed from the menu is not a request or
 * an error), 13px like every content text on the page. */
.dd-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.dd-tag {
  display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px;
  border-radius: 12px; border: 1px solid var(--line); background: var(--ink2);
  font-size: 13px; line-height: 18px; font-weight: 600; color: var(--paper-dim);
}
.dd-marked-note { margin-top: 16px; }

/* Read aloud, never drawn: the attributed sentence behind each badge. */
.dd-sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}