.referral-intro { display:flex;align-items:flex-start;gap:14px;margin-bottom:26px; }
.referral-intro h2 { margin:0 0 6px; }
.referral-intro p,.referral-share>p,.referral-reward p { margin:0;color:var(--muted); }
.referral-icon { display:grid;place-items:center;width:44px;height:44px;flex:none;background:#e5f3f3;color:var(--practice-primary, #087f8c);border-radius:8px; }
.referral-icon svg { width:24px;height:24px; }
.referral-grid { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:28px;align-items:start; }
.referral-share { min-width:0; }
.referral-share h3 { margin:0 0 6px; }
.referral-share .referral-link { padding:16px;margin:16px 0;background:#f0f7f7;border:1px solid #d5e7e6;border-radius:6px;color:#175767;font-size:13px;line-height:1.7;overflow-wrap:anywhere;user-select:all; }
.referral-actions { display:flex;gap:10px;flex-wrap:wrap; }
.referral-feedback { color:#086970;font-size:13px;line-height:1.6; }
.referral-share>.referral-feedback { margin-top:10px; }
.referral-feedback:empty { display:none; }
.referral-feedback[role=alert] { color:#a53132; }
.referral-reward { padding:22px;border-radius:8px;background:#fff7f1;border:1px solid #f0ded0;border-top:3px solid var(--practice-accent, #ff8a6c); }
.referral-reward .eyebrow { color:#7b5341; }
.referral-reward h3 { margin:12px 0;font-size:17px; }
.referral-reward h3 strong { display:block;font-size:32px;color:var(--ink);line-height:1.3;margin-top:5px; }
.referral-reward p+p { margin-top:12px; }
.referral-invite { margin-top:22px;padding-top:20px;border-top:1px solid var(--line); }
.referral-invite p { color:var(--muted);font-size:13px; }
.referral-invite .field { display:grid;margin:16px 0; }
.referral-invite input { width:100%;min-width:0;box-sizing:border-box; }
.referral-how { margin-top:28px;padding-top:22px;border-top:1px solid var(--line); }
.referral-how h3 { margin:0 0 16px; }
.referral-how ol { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0; }
.referral-how li { display:flex;align-items:flex-start;gap:10px; }
.referral-how li>span { display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#e5f3f3;color:var(--practice-primary, #087f8c);font-size:12px;font-weight:700; }
.referral-how strong { font-size:13px; }
.referral-how p { font-size:12px;color:var(--muted);margin:4px 0 0; }
.referral-terms { margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:13px; }
.referral-terms summary { cursor:pointer;color:#086970;font-weight:600;width:fit-content; }
.referral-terms ul { padding-left:20px;color:var(--muted);line-height:1.7;max-width:75ch; }
.referral-terms li+li { margin-top:8px; }
@media(max-width:1100px) { .referral-grid { grid-template-columns:minmax(0,1fr);gap:24px; }.referral-reward h3 strong { display:inline;font-size:24px;margin-left:5px; } }
@media(max-width:600px) { .referral-intro { gap:10px; }.referral-intro h2 { font-size:18px; }.referral-icon { width:36px;height:36px; }.referral-how ol { grid-template-columns:1fr;gap:16px; }.referral-actions>button { flex:1 1 auto; }.referral-reward { padding:18px; } }