/* MoneyJourney article "join" box (brand v2, Site Tier) */
.mj-gate {
  --mj-ink: #101B1A; --mj-pine: #1F7A5C; --mj-brass: #B8863B; --mj-bone: #F5F1E8; --mj-line: #E3DDCB; --mj-text2: #6B6259;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background: var(--mj-bone); border: 1px solid var(--mj-line); border-top: 4px solid var(--mj-brass); border-radius: 12px;
  padding: 24px 26px; margin: 28px 0; color: var(--mj-ink); box-sizing: border-box; text-align: left;
}
.mj-gate * { box-sizing: border-box; }
.mj-gate .mj-gate-title { font: 700 22px/1.2 'Space Grotesk', system-ui, sans-serif; margin: 0 0 8px; padding: 0; color: var(--mj-ink); }
.mj-gate .mj-gate-text { font-size: 16px; line-height: 1.5; margin: 0 0 16px; color: var(--mj-ink); max-width: 620px; }
.mj-gate .mj-gate-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.mj-gate a.mj-gate-btn { background: var(--mj-ink); color: #fff; font: 700 15px 'Inter', system-ui, sans-serif; padding: 11px 22px; border-radius: 8px; text-decoration: none; border: 0; }
.mj-gate a.mj-gate-btn:hover { background: var(--mj-pine); color: #fff; }
.mj-gate a.mj-gate-link { color: var(--mj-pine); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--mj-brass); }
.mj-gate a.mj-gate-link:hover { color: var(--mj-ink); }
@media (max-width: 640px) { .mj-gate { padding: 20px 18px; } .mj-gate .mj-gate-title { font-size: 19px; } }