/* 06-components/_label.css — .c-labels / .c-label: the printable machine label.
   A grid of labels, each a QR code beside the resource name, its group and parent as
   an eyebrow-labelled dl, and the landing URL in mono so a code that will not scan can
   still be typed. The print layout is in 08-pages/_labels.css. */
.c-labels { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: var(--space-md); }
.c-label { display: grid; grid-template-columns: 8rem 1fr; gap: var(--space-md); align-items: center; min-height: 10rem; padding: var(--space-md); background: var(--surface); border: var(--stroke) solid var(--rule); border-radius: var(--radius-md); break-inside: avoid; }
.c-label__qr svg { display: block; width: 8rem; height: 8rem; }
.c-label__name { margin: 0; font-size: var(--text-lg); }
.c-label__metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-sm); margin: var(--space-sm) 0; }
.c-label__metadata dt { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-faint); text-transform: uppercase; letter-spacing: var(--tracking-eyebrow); }
.c-label__metadata dd { margin: var(--space-3xs) 0 0; }
.c-label__url { margin: 0; overflow-wrap: anywhere; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-muted); }