/* Referral objects and numbers share a centre line. Text gets its own rows. */
body[data-feature-art][data-route="affiliate"] .affiliate-part-0{padding:24px 28px!important;background:none!important;border-radius:0;box-sizing:border-box}
body[data-feature-art] .affiliate-part-0 .section-sub{margin-bottom:20px}
.dp-referral{margin:0}
body[data-feature-art] .dp-referral .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;align-items:start}
body[data-feature-art] .dp-referral .info-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:76px auto auto;column-gap:14px;padding:0;border:0;border-radius:0;background:none;min-height:0;transform:none;backdrop-filter:none}
body[data-feature-art] .dp-referral .step-num{grid-column:1;grid-row:1;align-self:center;width:38px;height:38px;margin:0;font-size:22px;line-height:1;box-sizing:border-box;box-shadow:none}
body[data-feature-art] .dp-referral .info-title{grid-column:1/-1;font-size:19px;line-height:1.4;margin:15px 0 8px}
body[data-feature-art] .dp-referral .info-desc{grid-column:1/-1;max-width:45ch;font-size:14px;line-height:1.75;text-wrap:pretty;overflow-wrap:normal;word-break:normal}
.dp-referral .info-card:not(:last-child):after{content:'\2192';position:absolute;right:-28px;top:25px;color:#557184;font-size:21px}
.dp-piece{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center;align-self:center;min-width:0;color:#bcd2e2;font:13px/1.5 'Segoe UI',sans-serif}
.dp-piece img{display:block;object-fit:contain;object-position:center;width:104px;height:70px;margin:0;justify-self:center;background:none;border:0;border-radius:0}
.dp-piece .dp-link{width:78px;height:58px}
.dp-piece>span{padding:0;min-width:0;text-wrap:balance}
.dp-outlets{display:grid;gap:3px;border:0;padding:0}
.dp-outlets>span{white-space:nowrap}
.dp-subscribe>span{color:#ffb36f}
@media(min-width:1600px){body[data-feature-art] .dp-referral .card-grid{gap:56px}.dp-referral .info-card:not(:last-child):after{right:-38px}}
/* Stack before three columns force captions between or below the objects. */
@media(max-width:1150px){
 body[data-feature-art] .dp-referral .card-grid{grid-template-columns:1fr;gap:24px}
 body[data-feature-art] .dp-referral .info-card{grid-template-columns:38px minmax(180px,.75fr) minmax(0,1fr);grid-template-rows:auto auto;gap:6px 18px;padding-bottom:24px;border-bottom:1px solid #243748}
 body[data-feature-art] .dp-referral .info-card:last-child{padding-bottom:0;border-bottom:0}
 body[data-feature-art] .dp-referral .step-num{grid-row:1/3}
 .dp-piece{grid-column:2;grid-row:1/3;grid-template-columns:104px minmax(0,1fr)}
 body[data-feature-art] .dp-referral .info-title{grid-column:3;grid-row:1;margin:0;align-self:end}
 body[data-feature-art] .dp-referral .info-desc{grid-column:3;grid-row:2;max-width:52ch}
 .dp-referral .info-card:after{display:none}
}
@media(max-width:760px){
 body[data-feature-art][data-route="affiliate"] .affiliate-part-0{padding:16px 4px!important}
 body[data-feature-art] .dp-referral .info-card{grid-template-columns:38px minmax(0,1fr);grid-template-rows:76px auto auto;gap:0 14px}
 body[data-feature-art] .dp-referral .step-num{grid-row:1}
 .dp-piece{grid-column:2;grid-row:1;grid-template-columns:104px minmax(0,1fr)}
 body[data-feature-art] .dp-referral .info-title{grid-column:1/-1;grid-row:2;margin:12px 0 7px}
 body[data-feature-art] .dp-referral .info-desc{grid-column:1/-1;grid-row:3}
}
@media(max-width:360px){
 .dp-piece{grid-template-columns:88px minmax(0,1fr);gap:8px}
 .dp-piece img{width:88px}
 .dp-piece .dp-link{width:70px}
}