/* The tip jar in the home site's pixel theme. Use with tip-jar.css; put class "tj-pixel" on <body>. */
.tj-pixel .tips {
  --tj-card: #21214a; --tj-ink: #f4f4ff; --tj-muted: #a9a9d0; --tj-link: #2de2e6;
  --tj-field: #14142b; --tj-field-hover: #2b2b5c; --tj-line: #000;
  --tj-accent: #f7931a; --tj-accent-hover: #ffd23f; --tj-accent-ink: #14142b;
  --tj-hot: #ff3864; --tj-select: #ffd23f; --tj-select-ink: #14142b; --tj-alert: #ff8fa3; --tj-dash: #4a4a7a;
  --tj-heading: #ffd23f; --tj-sub: #a9a9d0; --tj-display: var(--pixel);
}
.tj-pixel .tips h2 { font-size: clamp(1.1rem, 3.6vw, 1.7rem); line-height: 1.5; text-shadow: 3px 3px 0 #000; }
.tj-pixel .tips h3 { font-size: 0.85rem; line-height: 1.5; }
.tj-pixel .tj-tier h3 { font-size: 0.95rem; text-shadow: 2px 2px 0 #000; }
.tj-pixel .tj-card, .tj-pixel .tj-small { font-size: 1.15rem; }
.tj-pixel .tj-btn { font-family: var(--pixel); font-size: 0.7rem; line-height: 1.5; }
.tj-pixel .tj-badge { font-family: var(--pixel); font-size: 0.55rem; }
.tj-pixel .tj-chip b { font-family: var(--pixel); font-size: 0.8rem; }
.tj-pixel .tj-chip span { font-size: 0.95rem; }