.referral-page { max-width: 780px; padding: 28px 20px 40px; }
.referral-page p, .referral-page li { line-height: 1.6; }
.referral-page ol { padding-left: 24px; margin: 20px 0; }
.referral-page li { margin-bottom: 12px; }
.referral-page__copy { display: flex; gap: 12px; margin-top: 10px; align-items: center; }
.referral-page__copy .input { flex: 1; min-width: 0; width: 100%; box-sizing: border-box; }
.referral-page__copy .button { flex-shrink: 0; white-space: normal; }
#referral-copy-status { min-height: 26px; }
@media (max-width: 1024px) {
    #referral.layout-box {
        background: #f0f2f4;
        min-height: calc(100vh - 60px);
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    #referral .submenu-account .layout-column { padding: 24px 0 4px; }
    #referral .submenu-account .nav-top {
        display: flex;
        flex-direction: row;
        gap: 24px;
        padding: 0 20px;
        margin: 0;
        border-bottom: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }
    #referral .submenu-account .nav-top::-webkit-scrollbar { display: none; }
    #referral .nav-top__item {
        flex: 0 0 auto;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        font-size: 20px;
        line-height: 28px;
        color: #657082;
    }
    #referral .nav-top__item_active { color: #25345b; }
    #referral .nav-top__item span { display: none; }
    #referral .referral-page { padding: 24px 20px 32px; box-sizing: border-box; }
    #referral .referral-page p, #referral .referral-page li, #referral .referral-page label { color: #25345b; }
}
@media (max-width: 600px) {
    .referral-page { padding: 20px 12px 32px; }
    .referral-page .page-header { font-size: 26px; line-height: 1.3; overflow-wrap: break-word; }
    .referral-page__copy { flex-direction: column; align-items: stretch; }
    .referral-page__copy .input { flex: auto; }
}