/* A ROUND BADGE (ui/RoundBadge.astro, which brings this file; Maayan, 2026-11-08: "a 'Printable PDF' badge in a circle"):
   a gold circle, the icon over the words, the words small and centred, two lines at most. Round like the page dots.
   Tokens only. */
.g-roundbadge { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--g-1); box-sizing: border-box;
  width: calc(var(--g-8) + var(--g-5)); height: calc(var(--g-8) + var(--g-5)); padding: var(--g-2); border-radius: var(--g-r-round);
  background: var(--g-accent); color: var(--g-ink); box-shadow: var(--g-shadow); text-align: center; text-wrap: balance; }
.g-roundbadge__icon { display: block; width: var(--g-icon); height: var(--g-icon); }
.g-roundbadge__icon svg { display: block; width: 100%; height: 100%; }
.g-roundbadge__text { font-size: var(--g-t-caption); font-weight: var(--g-w-bold); line-height: 1.1; letter-spacing: var(--g-track-tight); }