.referral-banner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr);gap:24px;align-items:center;background:linear-gradient(125deg,var(--card),var(--soft));border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.referral-copy{padding:clamp(26px,4vw,48px)}.referral-copy h2{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.15;max-width:20ch}.referral-copy p{max-width:62ch;line-height:1.8}.referral-signoff{font-size:.95rem;color:var(--muted);margin:20px 0 0}.referral-art{align-self:end;min-width:0;padding:18px 16px 0 0}.referral-puppet{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;object-position:bottom}.referral-home .referral-puppet{max-height:280px}
.referral-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:start}.referral-layout>*{min-width:0}.referral-layout p{line-height:1.8}.referral-note{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.referral-note h2{font-size:1.35rem}.referral-note blockquote{margin:0;padding:0;line-height:1.9;overflow-wrap:anywhere;color:var(--ink)}.referral-note .links a{display:block;padding:12px 0;min-height:44px;line-height:1.6}.referral-link{margin-top:24px}.referral-link label{display:block;font-weight:600;margin-bottom:8px}.referral-link input{display:block;width:100%;min-width:0;font:inherit;font-size:16px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:12px}.referral-link .small{min-height:3em}.referral-layout [hidden]{display:none!important}
@media(max-width:760px){.referral-layout{grid-template-columns:1fr}.referral-banner{grid-template-columns:minmax(0,1fr) 160px;gap:0}.referral-copy{padding:26px 0 26px 24px}.referral-art{padding-right:0}.referral-copy h2{font-size:1.8rem}.referral-copy .btn{font-size:.9rem}.referral-note{padding:24px}}
@media(max-width:560px){.referral-banner{grid-template-columns:1fr}.referral-copy{padding:26px 24px 0}.referral-art{width:210px;justify-self:center;padding:0}.referral-home .referral-puppet{max-height:150px}.referral-intro .referral-puppet{max-height:210px}.referral-layout .actions{display:flex;flex-wrap:wrap}.referral-layout .actions>.btn{flex:1 1 180px}}
@media print{.referral-art,.referral-link button,[data-referral-share]{display:none!important}.referral-banner,.referral-layout{display:block;box-shadow:none}}