/* Shared shell, only used inside artboards */

.tg-art {
  display: block;
  width: 100%;
  font-feature-settings: "ss01", "cv01";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.tg-art * { box-sizing: border-box; }

.tg-art img, .tg-art svg { display: block; max-width: 100%; }

/* Common micro-utilities — used across variants */
.tg-row { display: flex; }
.tg-col { display: flex; flex-direction: column; }
.tg-gap-4 { gap: 4px; } .tg-gap-6 { gap: 6px; } .tg-gap-8 { gap: 8px; }
.tg-gap-12 { gap: 12px; } .tg-gap-16 { gap: 16px; }
.tg-gap-20 { gap: 20px; } .tg-gap-24 { gap: 24px; }
.tg-gap-32 { gap: 32px; } .tg-gap-48 { gap: 48px; } .tg-gap-64 { gap: 64px; }

/* Reset for buttons inside artboards */
.tg-art button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; }

/* Anchor reset */
.tg-art a { color: inherit; text-decoration: none; }