/* Grok Bot referral button: #ffffff on #0b0b0b (19.8:1, WCAG AA/AAA) */
.grok-ref{display:flex;justify-content:center;margin:18px auto 10px;padding:0 16px;text-align:center}
.grok-ref--solo{padding:24px 16px 32px}
.grok-ref a.grok-ref-btn,.grok-ref a.grok-ref-btn:visited{display:inline-flex !important;align-items:center;gap:10px;min-height:46px;padding:8px 20px 8px 10px;border-radius:999px;background:#0b0b0b !important;color:#ffffff !important;border:2px solid #ffffff;outline:1px solid rgba(0,0,0,.35);font-family:inherit;font-weight:800 !important;font-size:16px !important;line-height:1.2;letter-spacing:normal;text-transform:none;text-decoration:none !important;text-shadow:none !important;box-shadow:none !important;max-width:100%;opacity:1 !important}
.grok-ref a.grok-ref-btn:hover,.grok-ref a.grok-ref-btn:focus-visible{background:#1f1f1f !important;color:#ffffff !important}
.grok-ref a.grok-ref-btn:focus-visible{outline:3px solid #64d2ff;outline-offset:3px}
.grok-ref a.grok-ref-btn img.grok-ref-btn__orb{flex:none;width:28px !important;height:28px !important;max-width:none;display:block;margin:0;border:0;border-radius:0}
.grok-ref a.grok-ref-btn span{color:#ffffff !important}