/* m-items.css : additions for the items module (core tokens only) */
.mi-chips { margin: 0 0 .6rem; }
.mi-chips .chips { margin-bottom: .4rem; }
.mi-hint { margin: 0 0 .6rem; font-size: .92rem; }
.mi-lead { margin: 0 0 .8rem; color: var(--soft); max-width: 70ch; }
.mi-notes { margin: 0 0 1rem; padding-left: 1.2rem; color: var(--soft); max-width: 70ch; }
.mi-notes li { margin: .2rem 0; }
.mi-tipwrap { margin: 0 0 1.4rem; max-width: 30rem; }
.mi-flags { display: flex; flex-wrap: wrap; gap: .3rem; }
.mi-sub { display: block; font-size: .78rem; color: var(--mute); font-weight: 400; white-space: nowrap; }
.mi-more { margin-left: .25rem; font-size: .8rem; color: var(--amber-dim); white-space: nowrap; }
.mi-more:hover, .mi-more:focus-visible { color: var(--amber-hot); }
.mi-more-line { margin: -.4rem 0 1rem; font-size: .92rem; }
.mi-thumb { margin-right: .5rem; vertical-align: middle; }
.mi-gear__c { min-width: 11rem; }
.mi-gear__c .badge { margin-left: .2rem; }
@media (max-width: 640px) {
  .mi-tipwrap { max-width: none; }
  .mi-gear__c { min-width: 9.5rem; }
}