/* Affiliates & Referrals: shared section typography and KIT-v1 atoms. */
.pmm-affiliates-referrals #section-af-hero h1 { max-width: 52rem; }
.pmm-affiliates-referrals #section-af-hero h3 { max-width: 45rem; }
@media (max-width: 1023px) { .pmm-affiliates-referrals #section-af-hero img.object-cover { object-position: 72% 50%; } }
@media (min-width: 1200px) {
/* pmm sequencer · seed AF-336300-r1-004 */
/* s1 · cornerA · top · card left · depth 11% · width 76% · h 0.623 */
.pmm-affiliates-referrals .pmm-ui .cmp-s1 .cmp-field { left:35%; right:0; top:29%; bottom:0; } .pmm-affiliates-referrals .pmm-ui .cmp-s1 .cmp-field img { object-position:100% 50%; }
.pmm-affiliates-referrals .pmm-ui .cmp-s1 .cmp-anchor { left:0; top:0; width:76%; transform:none; }
/* s2 · cornerF · bottom · card right · depth 7.1% · width 61.3% · h 0.715 */
.pmm-affiliates-referrals .pmm-ui .cmp-s2 .cmp-field { right:15.1%; left:0; bottom:13.1%; top:0; } .pmm-affiliates-referrals .pmm-ui .cmp-s2 .cmp-field img { object-position:0% 50%; }
.pmm-affiliates-referrals .pmm-ui .cmp-s2 .cmp-anchor { right:0; bottom:0; width:61.3%; transform:none; }
/* s3 · edge · card left · depth 13.3% · width 73.7% · h 0.791 */
.pmm-affiliates-referrals .pmm-ui .cmp-s3 .cmp-field { left:19.3%; right:0; top:0; bottom:0; } .pmm-affiliates-referrals .pmm-ui .cmp-s3 .cmp-field img { object-position:100% 50%; }
.pmm-affiliates-referrals .pmm-ui .cmp-s3 .cmp-anchor { left:0; top:10.4%; width:73.7%; transform:none; }
/* s4 · cornerA · top · card right · depth 9.5% · width 75.2% · h 0.79 */
.pmm-affiliates-referrals .pmm-ui .cmp-s4 .cmp-field { right:34.3%; left:0; top:27.5%; bottom:0; } .pmm-affiliates-referrals .pmm-ui .cmp-s4 .cmp-field img { object-position:0% 50%; }
.pmm-affiliates-referrals .pmm-ui .cmp-s4 .cmp-anchor { right:0; top:0; width:75.2%; transform:none; }
/* s5 · edge · card left · depth 15.7% · width 72.2% · h 0.715 */
.pmm-affiliates-referrals .pmm-ui .cmp-s5 .cmp-field { left:21.7%; right:0; top:0; bottom:0; } .pmm-affiliates-referrals .pmm-ui .cmp-s5 .cmp-field img { object-position:100% 50%; }
.pmm-affiliates-referrals .pmm-ui .cmp-s5 .cmp-anchor { left:0; top:14.2%; width:72.2%; transform:none; }
/* record: [{"id":"s1","shape":"cornerA","orientation":"left-top","depth":11,"width":76,"h":0.623},{"id":"s2","shape":"cornerF","orientation":"right-bottom","depth":7.1,"width":61.3,"h":0.715},{"id":"s3","shape":"edge","orientation":"left","depth":13.3,"width":73.7,"h":0.791},{"id":"s4","shape":"cornerA","orientation":"right-top","depth":9.5,"width":75.2,"h":0.79},{"id":"s5","shape":"edge","orientation":"left","depth":15.7,"width":72.2,"h":0.715}] */
}
.pmm-affiliates-referrals .pmm-ui .cmp-anchor-dark {
  --ui-ink: #f8fafc;
  --ui-ink2: #cbd5e1;
  --ui-ink3: #a8b6ca;
  --ui-line: #334155;
  --ui-line2: #263449;
  --ui-soft: #1e293b;
  --ui-card: #0f172a;

  color: var(--ui-ink);
  background:
    radial-gradient(circle at 100% 0%, rgb(31 95 224 / 22%), transparent 42%),
    var(--ui-card);
  border: 1px solid #263449;
  box-shadow: 0 1px 2px rgb(15 23 42 / 18%), 0 28px 64px -12px rgb(15 23 42 / 42%);
}

@media (max-width: 1199px) {
  .pmm-affiliates-referrals .pmm-ui .cmp .cmp-canvas {
    display: flex;
    flex-direction: column;
    aspect-ratio: auto;
  }

  .pmm-affiliates-referrals .pmm-ui .cmp .cmp-field {
    position: relative;
    inset: auto;
    flex: none;
    width: 100%;
    height: 160px;
  }

  .pmm-affiliates-referrals .pmm-ui .cmp .cmp-field img {
    object-position: center;
  }

  .pmm-affiliates-referrals .pmm-ui .cmp .cmp-anchor {
    position: relative;
    inset: auto;
    z-index: 2;
    width: auto;
    margin: -40px 12px 0;
  }

  .pmm-affiliates-referrals .pmm-ui .ui-head,
  .pmm-affiliates-referrals .pmm-ui .ui-line,
  .pmm-affiliates-referrals .pmm-ui .ui-row {
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .pmm-affiliates-referrals .pmm-ui .ui-head > .ui-grow,
  .pmm-affiliates-referrals .pmm-ui .ui-line > .ui-grow {
    flex: 1 1 150px;
  }

  .pmm-affiliates-referrals .pmm-ui .ui-stats {
    flex-wrap: wrap;
  }

  .pmm-affiliates-referrals .pmm-ui .ui-stats > .ui-stat {
    flex: 1 1 130px;
  }
}

.pmm-affiliates-referrals .ui-stat { min-width: 0; }