/* Public referral information. Checkout and share-sheet styles stay in partners.css. */
.partners-page .pp-main{max-width:1120px;padding-bottom:76px}
.partners-page .pp-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;margin:20px 0 44px}
.partners-page .pp-intro>*{min-width:0}
.partners-page .pp-intro h1{font-size:48px;font-weight:700;letter-spacing:-.045em;line-height:1.1;margin:0 0 17px}
.partners-page .pp-lead{max-width:410px;margin:0;color:var(--pn-muted);font-size:17px;line-height:1.55}
.partners-page .pp-photo{margin:0;overflow:hidden;border-radius:12px;background:var(--pn-white);aspect-ratio:2.15/1}
.partners-page .pp-photo img{display:block;width:100%;height:100%;object-fit:cover}
.partners-page .pp-conditions{display:flex;flex-wrap:wrap;gap:20px 38px;margin:24px 0 0}
.partners-page .pp-conditions dt{font-size:12px;color:var(--pn-muted);margin-bottom:2px}
.partners-page .pp-conditions dd{margin:0;font-size:21px;font-weight:650;letter-spacing:-.03em}
.partners-page .pp-partner-login{display:inline-block;color:var(--pn-muted);font-size:12px;line-height:1.5;margin-top:23px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--pn-line)}
.partners-page .pp-partner-login:hover{color:var(--pn-ink);text-decoration-color:currentColor}
.partners-page .pp-how{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;border-top:1px solid var(--pn-line);padding-top:31px}
.partners-page :is(.pp-how,.pp-account) h2{font-size:25px;line-height:1.2;font-weight:650;letter-spacing:-.035em;margin:0 0 19px}
.partners-page .pp-steps{counter-reset:step;list-style:none;padding:0;margin:0}
.partners-page .pp-steps li{position:relative;counter-increment:step;padding:0 0 23px 34px;margin-bottom:21px;border-bottom:1px solid var(--pn-line)}
.partners-page .pp-steps li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.partners-page .pp-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;top:2px;left:0;color:var(--pn-muted);font-size:12px;font-variant-numeric:tabular-nums}
.partners-page .pp-steps h3{margin:0 0 7px;font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.partners-page .pp-steps p{margin:0;font-size:13px;line-height:1.5;color:var(--pn-muted)}
.partners-page .pp-account{border-top:1px solid var(--pn-line);margin-top:39px;padding-top:31px;scroll-margin-top:105px}
.partners-page .pp-note{font-size:13px;line-height:1.55;color:var(--pn-muted);margin:0 0 17px}
.partners-page .pp-share{display:flex;align-items:stretch;gap:10px;max-width:730px}
.partners-page .pp-share input{min-width:0;flex:1;border:1px solid var(--pn-line)!important;border-radius:10px;background:var(--pn-white)!important;color:var(--pn-muted)!important;font-size:14px;padding:13px 16px;line-height:1.5;text-overflow:ellipsis}
.partners-page .pp-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--pn-lime);border-radius:10px;background:var(--pn-lime)!important;color:#202719!important;font-family:var(--pn-font);font-size:13px;font-weight:650;line-height:1.5;text-decoration:none;cursor:pointer;white-space:nowrap}
.partners-page .pp-button:hover{filter:brightness(.97)}
.partners-page .pp-button-secondary{background:var(--pn-white)!important;border-color:var(--pn-line);color:var(--pn-ink)!important}
.partners-page .pp-copy-status:empty{display:none}
.partners-page .pp-copy-status{font-size:12px;color:var(--pn-green);margin:7px 0 0}
.partners-page .pp-balance{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding:23px 0;border-top:1px solid var(--pn-line);border-bottom:1px solid var(--pn-line)}
.partners-page .pp-balance h2{margin:0 0 7px;font-size:22px}
.partners-page .pp-balance p{margin:0;font-size:12px;color:var(--pn-muted)}
.partners-page .pp-balance strong{font-size:35px;font-weight:650;letter-spacing:-.05em;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.partners-page .pp-history-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:29px}
.partners-page .pp-history-heading h2{font-size:22px;margin-bottom:20px}
.partners-page .pp-history-heading>span{font-size:11px;color:var(--pn-muted)}
.partners-page .pp-period{display:grid;grid-template-columns:minmax(0,165px) minmax(0,165px) max-content max-content;align-items:end;gap:12px;min-width:0;max-width:100%}
.partners-page .pp-period label{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;max-width:100%;color:var(--pn-muted);font-size:12px}
.partners-page .pp-date-field{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;box-sizing:border-box;min-width:0;max-width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--pn-line);border-radius:10px;background:var(--pn-white)}
.partners-page .pp-period input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-inline-size:0;min-height:24px;padding:0;border:0!important;border-radius:0;background:transparent!important;color:var(--pn-ink)!important;font-size:16px;line-height:1.5}
/* Safari's native date editor must not impose its intrinsic width on the grid. */
.partners-page .pp-period input[type="date"]{-webkit-appearance:none;appearance:none}
.partners-page .pp-period input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:left}
.partners-page .pp-period input[type="date"]::-webkit-datetime-edit{min-width:0;padding:0}
.partners-page .pp-period .pp-button{min-height:46px;padding:10px 20px;justify-self:start}
.partners-page .pp-period>a{font-size:12px;color:var(--pn-muted);text-decoration:underline;text-underline-offset:3px;margin:0 0 13px;justify-self:start}
.partners-page .pp-period-caption{margin:22px 0 13px;color:var(--pn-muted);font-size:12px}
.partners-page .pp-statistics{display:flex;gap:30px;margin:0;padding:0}
.partners-page .pp-statistics>div{min-width:0;flex:1}
.partners-page .pp-statistics>div+div{border-left:1px solid var(--pn-line);padding-left:26px}
.partners-page .pp-statistics dt{font-size:12px;color:var(--pn-muted);margin-bottom:7px}
.partners-page .pp-statistics dd{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.partners-page .pp-fineprint{margin:23px 0 0;max-width:670px;color:var(--pn-muted);font-size:11px;line-height:1.6}
@media(max-width:760px){
 .partners-page .pp-main{padding-bottom:48px}
 .partners-page .pp-intro{grid-template-columns:minmax(0,1fr);gap:23px;margin:7px 0 29px}
 .partners-page .pp-intro h1{font-size:35px;margin-bottom:12px}
 .partners-page .pp-lead{font-size:15px;max-width:360px;line-height:1.6}
 .partners-page .pp-conditions{gap:34px;margin-top:19px}
 .partners-page .pp-conditions dd{font-size:20px}
 .partners-page .pp-partner-login{margin-top:20px;font-size:11px}
 .partners-page .pp-photo{aspect-ratio:2.4/1;border-radius:10px}
 .partners-page .pp-how{grid-template-columns:minmax(0,1fr);gap:0;padding-top:25px}
 .partners-page :is(.pp-how,.pp-account) h2{font-size:23px;margin-bottom:22px}
 .partners-page .pp-steps li{padding:0 0 18px 31px;margin-bottom:18px}
 .partners-page .pp-steps h3{font-size:16px;margin-bottom:5px}
 .partners-page .pp-steps p{font-size:12px;line-height:1.55}
 .partners-page .pp-account{margin-top:29px;padding-top:25px}
 .partners-page .pp-share{flex-wrap:wrap}
 .partners-page .pp-share input{flex-basis:100%;font-size:16px;padding:12px 14px}
 .partners-page .pp-share .pp-button{width:100%}
 .partners-page .pp-balance{gap:18px;margin-top:27px;padding:23px 0;align-items:flex-start;flex-direction:column}
 .partners-page .pp-balance h2{font-size:21px;margin-bottom:6px}
 .partners-page .pp-balance strong{font-size:34px}
 .partners-page .pp-history-heading{display:block;margin-top:27px}
 .partners-page .pp-history-heading h2{font-size:21px;margin-bottom:8px}
 .partners-page .pp-history-heading>span{display:block;margin-bottom:18px;font-size:10px}
 .partners-page .pp-period{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .partners-page .pp-period label{width:100%}
 .partners-page .pp-period input{width:100%;font-size:16px}
 .partners-page .pp-period>a{margin-bottom:13px}
 .partners-page .pp-statistics{gap:13px}
 .partners-page .pp-statistics>div+div{padding-left:13px}
 .partners-page .pp-statistics dt{font-size:10px;line-height:1.5}
 .partners-page .pp-statistics dd{font-size:21px}
 .partners-page .pp-fineprint{font-size:10px}
}
@media(max-width:380px){.partners-page .pp-period label{grid-column:1/-1}}
@media(max-width:360px){.partners-page .pp-intro h1{font-size:32px}.partners-page .pp-conditions{gap:24px}.partners-page .pp-statistics{gap:10px}.partners-page .pp-statistics>div+div{padding-left:10px}.partners-page .pp-statistics dd{font-size:19px}}
