/* Paper Digest small graphics. Semantic tokens only; colour on thin bars, text and icons. */
.pg-strip { display: block; width: 100%; max-width: 100%; margin: 6px 0; font-size: 12px; line-height: 1.2; color: var(--ink-3); animation: pg-in .25s ease-out; }
.pg-runs { position: relative; height: 15px; }
.pg-run-label { position: absolute; top: 0; white-space: nowrap; color: var(--mahogany); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pg-cells { display: flex; gap: 2px; height: 8px; }
.pg-cell { flex: 1 1 0; min-width: 0; background: oklch(from var(--ink-3) l c h / .35); border-radius: 1px; }
.pg-cell.on { background: var(--mahogany); }
.pg-ends { display: flex; justify-content: space-between; margin-top: 3px; color: var(--ink-3); font-variant-numeric: tabular-nums; }

.pg-ring { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); animation: pg-in .25s ease-out; }
.pg-ring svg { width: 22px; height: 22px; flex: none; transform: rotate(-90deg); }
.pg-ring circle { fill: none; stroke-width: 3.5; }
.pg-ring .pg-exact { stroke: var(--positive); } .pg-ring .pg-close { stroke: var(--caution); }
.pg-ring .pg-missing { stroke: var(--negative); } .pg-ring .pg-unchecked { stroke: var(--rule); }
.pg-ring .pg-near { color: var(--caution); }
.pg-ring .pg-bad { color: var(--negative); font-weight: 700; }

.pg-level { display: inline-flex; align-items: center; gap: 10px; color: var(--ink-2); }
.pg-bars { display: inline-flex; gap: 4px; align-items: center; }
.pg-bars i { width: 12px; height: 3px; border-radius: 2px; background: currentColor; opacity: .2; }
.pg-bars i.on { background: var(--mahogany); opacity: 1; }
.pg-layers { width: 16px; height: 16px; flex: none; }

.pg-icon { width: 16px; height: 16px; flex: none; vertical-align: -3px; }

@keyframes pg-in { from { opacity: 0; } to { opacity: 1; } }
:root[data-motion="reduce"] .pg-strip, :root[data-motion="reduce"] .pg-ring { animation: none; }
@media (prefers-reduced-motion: reduce) { .pg-strip, .pg-ring { animation: none; } }