.referral-main-nav{display:flex;align-items:center;gap:24px}
html:has(body.creator-referral-page),body.creator-referral-page{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
body.creator-referral-page .referral-shell{height:auto;min-height:100vh;overflow:visible}
.referral-main-nav a,.referral-nav-actions a{color:#514c55;font-size:13px;font-weight:800;text-decoration:none}
.referral-nav-actions{display:flex;align-items:center;gap:16px}
.referral-nav-actions a:last-child{padding:10px 16px;border-radius:999px;background:#252229;color:#fff}
.referral-main-nav a:hover,.referral-nav-actions a:hover{color:#477e65}
.referral-main-nav a:focus-visible,.referral-nav-actions a:focus-visible{outline:3px solid #3f765e;outline-offset:3px;border-radius:8px}
@media(max-width:720px){
    .referral-main-nav{display:none}
    .referral-nav-actions{gap:8px}
    .referral-nav-actions a{font-size:11px}
    .referral-nav-actions a:last-child{padding:8px 12px}
}