.referral-guide .go-hero-copy{max-width:900px}
.referral-guide .go-hero{padding:32px 0 20px}
.referral-guide .go-breadcrumbs{margin-bottom:18px}
.referral-guide .go-lede{max-width:65ch;margin-bottom:0}
.referral-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 12px}
.referral-summary>div{min-width:0;padding:18px;border:1px solid #334866;border-radius:14px;background:linear-gradient(145deg,#15283d,#0d192b)}
.referral-summary span{display:block;color:#b5c4d7;font-size:.76rem;line-height:1.4;margin-bottom:7px}
.referral-summary strong{display:block;color:#e8f5ff;font-size:1.7rem;line-height:1.2;letter-spacing:-.025em}
.referral-summary p{margin:8px 0 0;font-size:.84rem;line-height:1.5;color:#bfcde0}
.referral-guide .referral-offer-note{font-size:.78rem;line-height:1.55;color:#acbdd4;margin:0 0 4px}
.referral-guide .referral-gallery-section{padding-top:24px}
.referral-gallery-section h2{margin-bottom:10px}
.referral-gallery-section>p{font-size:.88rem;margin-bottom:18px}
.referral-guide .go-toc{margin-top:28px}
.referral-steps{padding-left:24px;max-width:84ch}
.referral-steps li{padding-left:7px;margin:0 0 18px;line-height:1.8}
.referral-steps li::marker{color:#7dd3fc;font-weight:700}
.referral-excerpt{margin:22px 0;max-width:820px}
.referral-excerpt a{display:block;overflow:hidden;border-radius:14px;border:1px solid #425671}
.referral-excerpt img{display:block;width:100%;height:auto}
.referral-excerpt figcaption{font-size:.77rem;line-height:1.6;color:#acbdd4;margin-top:8px}
.referral-screens{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:5px 4px 16px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:#6382a4 #101b2c}
.referral-screens figure{flex:0 0 calc((100% - 40px)/3);min-width:230px;max-width:330px;scroll-snap-align:start;margin:0}
.referral-screens a{display:block;border:1px solid #425671;border-radius:15px;overflow:hidden;background:#151820}
.referral-screens img{display:block;width:100%;height:auto}
.referral-screens figcaption{padding:10px 3px 0;font-size:.82rem;line-height:1.6;color:#b5c4d7}
.referral-screens:focus-visible{outline:2px solid #7dd3fc;outline-offset:5px}
.referral-next{padding:26px;border:1px solid #334866;border-radius:18px;background:#101f32}
@media(max-width:719px){
 .referral-guide .go-hero{padding:22px 0 20px}
 .referral-guide .go-breadcrumbs{margin-bottom:15px;font-size:.72rem}
 .referral-guide .go-kicker{font-size:.73rem;margin-bottom:8px}
 .referral-guide h1{font-size:clamp(1.65rem,7.3vw,2rem);line-height:1.15;margin-bottom:14px}
 .referral-guide .go-lede{font-size:.94rem;line-height:1.65}
 .referral-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .referral-summary>div{padding:12px 9px;border-radius:12px}
 .referral-summary span{font-size:.65rem;margin-bottom:8px}
 .referral-summary strong{font-size:clamp(.86rem,3.75vw,1.15rem);line-height:1.25}
 .referral-summary p{font-size:.68rem;line-height:1.45;margin-top:7px}
 .referral-guide .referral-offer-note{font-size:.73rem;line-height:1.5}
 .referral-screens{gap:14px}
 .referral-screens figure{flex-basis:76vw;min-width:220px;max-width:300px}
 .referral-next{padding:20px}
 .referral-excerpt{margin:18px 0}
}