/* Actual referral data in the approved link-first layout. */
.referrals-restored { display:grid; gap:24px; }
.referrals-restored .panel { padding:30px; }
.referrals-restored-intro { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:stretch; }
.referrals-restored-link { min-width:0; }
.referrals-restored-link h2 { font-size:32px; font-weight:800; letter-spacing:-.035em; line-height:1.2; }
.referrals-restored-link > p:first-of-type { margin-top:13px; color:var(--muted); font-size:17px; }
.referrals-restored-link > label { display:block; margin:28px 0 11px; font-size:16px; font-weight:650; }
.referrals-restored-controls { display:flex; align-items:stretch; gap:12px; }
.referrals-restored-controls input { flex:1 1 0; width:0; min-width:0; min-height:56px; font-size:17px; font-weight:550; }
.referrals-restored-controls .button { min-height:56px; gap:10px; font-size:16px; font-weight:700; }
.referrals-restored-feedback { min-height:24px; margin-top:12px; font-size:14px; color:var(--muted); }
.referrals-restored-how h2 { font-size:22px; font-weight:750; }
.referrals-restored-how ol { display:grid; gap:22px; margin:26px 0 0; padding:0; list-style:none; }
.referrals-restored-how li { display:flex; align-items:center; gap:13px; }
.referrals-restored-how li > span { display:grid; place-items:center; flex:0 0 34px; height:34px; border:1px solid var(--line-selected); border-radius:50%; font-size:15px; }
.referrals-restored-how strong { font-size:16px; font-weight:650; }
.referrals-restored-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.referrals-restored-metrics > div { min-width:0; }
.referrals-restored-metrics dt { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:17px; font-weight:650; }
.referrals-restored-metrics dd { margin:17px 0 0; font-size:clamp(28px,3vw,46px); font-weight:750; line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.referrals-restored-metrics .referrals-restored-caption { margin-top:10px; color:var(--muted); font-size:14px; font-weight:450; letter-spacing:0; line-height:1.5; }
.referrals-restored-people h2 { font-size:25px; font-weight:800; }
.referrals-restored-description { margin-top:12px; color:var(--muted); font-size:16px; }
.referrals-restored-columns { display:grid; grid-template-columns:1fr auto; gap:20px; margin-top:26px; padding-bottom:14px; border-bottom:1px solid var(--line-strong); font-size:15px; font-weight:700; }
.referrals-restored-people ul { list-style:none; padding:0; margin:0; }
.referrals-restored-people li { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:86px; padding-block:20px; }
.referrals-restored-people li + li { border-top:1px solid var(--line); }
.referrals-restored-person { display:flex; align-items:center; gap:14px; min-width:0; }
.referrals-restored-person strong { font-size:17px; overflow-wrap:anywhere; }
.referrals-restored-avatar { display:grid; place-items:center; flex:0 0 42px; height:42px; border:1px solid var(--line-strong); border-radius:13px; font-size:17px; }
.referrals-restored-people time { flex-shrink:0; font-size:15px; font-weight:600; }
.referrals-restored-terms > summary { display:flex; justify-content:space-between; align-items:center; gap:24px; cursor:pointer; list-style:none; font-size:20px; font-weight:700; }
.referrals-restored-terms > summary::-webkit-details-marker { display:none; }
.referrals-restored-chevron { flex:0 0 10px; width:10px; height:10px; border-bottom:1.7px solid var(--muted); border-right:1.7px solid var(--muted); transform:rotate(45deg); transition:transform .2s ease; }
.referrals-restored-terms[open] .referrals-restored-chevron { transform:rotate(225deg); }
.referrals-restored-terms > div { padding-top:22px; font-size:17px; color:var(--muted); line-height:1.8; }
.referrals-restored-terms p + p { margin-top:14px; }
.referrals-restored-terms .text-button { margin-top:18px; font-size:16px; }
@media(max-width:1150px) { .referrals-restored-intro { grid-template-columns:1fr; } .referrals-restored-how ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } }
@media(max-width:760px) { .referrals-restored .panel { padding:25px; } .referrals-restored-metrics { gap:14px; } .referrals-restored-metrics > .panel { padding:20px; } .referrals-restored-metrics dt { font-size:15px; } .referrals-restored-metrics .icon { display:none; } .referrals-restored-how ol { grid-template-columns:1fr; } }
@media(max-width:600px) { .referrals-restored { gap:20px; } .referrals-restored-link h2 { font-size:29px; } .referrals-restored-controls { flex-direction:column; } .referrals-restored-controls input { flex:auto; width:100%; } .referrals-restored-metrics { grid-template-columns:1fr; } .referrals-restored-metrics dd { font-size:36px; } .referrals-restored-columns { font-size:14px; } .referrals-restored-people time { font-size:14px; } .referrals-restored-person { gap:10px; } .referrals-restored-person strong { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .referrals-restored-chevron { transition:none; } }