.rf38{display:grid;gap:16px}.rf38 .ap-panel{overflow:hidden}.rf38-alert{padding:13px 15px;border-radius:14px;font-weight:850;border:1px solid var(--pc-line)}.rf38-alert--ok{background:rgba(45,170,137,.12);color:#82ead3;border-color:rgba(94,228,197,.2)}.rf38-alert--error{background:rgba(177,52,75,.12);color:#ff9daf;border-color:rgba(251,113,133,.2)}
.rf38-kicker,.rf29-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#61c9ff;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.rf38-kicker{padding:7px 10px;border-radius:999px;background:rgba(53,170,224,.11);border:1px solid rgba(76,190,232,.15)}
.rf38-count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;background:rgba(93,148,205,.09);border:1px solid rgba(119,170,221,.16);font-size:11px;font-weight:900;color:#b9d9f3}.rf38-empty{padding:34px}.rf38-table-wrap{overflow:auto;border-radius:16px;border:1px solid rgba(117,168,214,.12)}.rf38-table{width:100%;min-width:850px;border-collapse:collapse}.rf38-table th{padding:12px 14px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#85a8c4;background:rgba(8,21,36,.5)}.rf38-table td{padding:14px;border-top:1px solid rgba(117,168,214,.11);color:#c6d8e7;font-size:12px}.rf38-table td b{color:#f0f7ff}

.rf29-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;padding:28px;background:radial-gradient(circle at 88% 0,rgba(38,164,223,.18),transparent 36%),linear-gradient(145deg,rgba(18,43,70,.96),rgba(8,22,38,.97))}.rf29-hero__copy{max-width:820px}.rf29-hero h2{margin:13px 0 8px;font-size:28px;line-height:1.12;letter-spacing:-.035em;color:#f4f9ff}.rf29-hero p{margin:0;max-width:760px;color:#a8bfd1;font-size:13px;line-height:1.65}.rf29-level-badge{display:grid;gap:5px;padding:18px 20px;border-radius:20px;background:linear-gradient(145deg,rgba(27,59,91,.88),rgba(11,30,49,.9));border:1px solid rgba(102,181,224,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.rf29-level-badge span{color:#91adc2;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.rf29-level-badge strong{color:#f3f9ff;font-size:23px;line-height:1.1}.rf29-level-badge b{color:#54d7eb;font-size:30px;line-height:1}.rf29-level-badge small{color:#8da8bc;font-size:10px}

.rf29-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rf29-stat{min-width:0;padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(19,40,64,.95),rgba(12,29,48,.96));border:1px solid rgba(112,166,215,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.rf29-stat span{display:block;color:#7f9db6;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.rf29-stat strong{display:block;margin-top:6px;color:#f1f7ff;font-size:21px;line-height:1.15;letter-spacing:-.02em}.rf29-stat small{display:block;margin-top:7px;color:#879fb3;font-size:10px;line-height:1.45}

.rf29-progress{padding:20px 22px}.rf29-progress__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.rf29-progress h3,.rf29-section-head h3{margin:5px 0 4px;color:#f1f7ff;font-size:19px;letter-spacing:-.02em}.rf29-progress p,.rf29-section-head p{margin:0;color:#91aabe;font-size:11px;line-height:1.5}.rf29-progress__value{flex:none;padding:9px 12px;border-radius:12px;background:rgba(48,136,210,.1);border:1px solid rgba(85,171,225,.16);color:#bfe8ff;font-size:12px;font-weight:900}.rf29-progress__track{height:10px;margin-top:17px;border-radius:999px;background:rgba(4,15,27,.75);border:1px solid rgba(102,162,210,.12);overflow:hidden}.rf29-progress__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d78e9,#2fcce1);box-shadow:0 0 20px rgba(41,170,224,.28)}.rf29-progress__labels{display:flex;justify-content:space-between;margin-top:6px;color:#718fa8;font-size:9px;font-weight:800}

.rf29-money-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rf29-money-card,.rf29-promo,.rf29-materials,.rf29-list-panel{padding:20px}.rf29-section-head{margin-bottom:15px}.rf29-section-head--split{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.rf29-currency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rf29-currency{display:grid;grid-template-columns:1fr auto;grid-template-areas:'cur cur' 'amount unit';gap:3px 6px;padding:15px 16px;border-radius:16px;background:rgba(10,26,43,.72);border:1px solid rgba(115,169,218,.12)}.rf29-currency span{grid-area:cur;color:#75a7cc;font-size:10px;font-weight:950;letter-spacing:.08em}.rf29-currency strong{grid-area:amount;color:#f5faff;font-size:20px;line-height:1}.rf29-currency small{grid-area:unit;align-self:end;color:#748fa5;font-size:9px;font-weight:850}.rf29-claim-list{display:grid;gap:9px}.rf29-claim-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border-radius:15px;background:rgba(10,26,43,.72);border:1px solid rgba(115,169,218,.12)}.rf29-claim-row>div{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center}.rf29-claim-row span{color:#72a6cd;font-size:10px;font-weight:950}.rf29-claim-row b{color:#f3f9ff;font-size:14px}.rf29-claim-row small{grid-column:1/-1;color:#7f98ad;font-size:9px}.rf29-claim-row form{margin:0}.rf29-claim-row button{min-width:88px}.rf29-claim-row button[disabled]{opacity:.38;cursor:not-allowed;transform:none!important}

.rf29-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.rf29-link-box{min-width:0}.rf29-link-box>span{display:block;margin:0 0 6px;color:#829db3;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.rf29-link-box input{width:100%;height:48px;padding:0 14px;border-radius:14px;background:#0a1c2f;border:1px solid rgba(104,169,222,.18);color:#e9f7ff;font-size:13px;font-weight:800}.rf29-copy-btn{height:48px;white-space:nowrap}.rf29-copy-btn.is-copied{background:#1c9f7c!important}.rf29-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.rf29-steps>span{display:grid;grid-template-columns:28px 1fr;grid-template-areas:'n t' 'n d';gap:2px 9px;align-items:center;padding:13px;border-radius:15px;background:rgba(10,26,43,.64);border:1px solid rgba(112,167,214,.11)}.rf29-steps i{grid-area:n;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(46,140,214,.14);border:1px solid rgba(74,172,226,.15);color:#67d8ec;font-size:10px;font-style:normal;font-weight:950}.rf29-steps b{grid-area:t;color:#eaf5fd;font-size:11px}.rf29-steps small{grid-area:d;color:#7995aa;font-size:9px;line-height:1.4}

.rf29-banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rf29-banner-card{display:grid;gap:10px;padding:13px;border-radius:17px;background:rgba(9,24,40,.67);border:1px solid rgba(112,167,214,.12)}.rf29-banner-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.rf29-banner-meta>div{display:grid;gap:2px}.rf29-banner-meta b{color:#edf8ff;font-size:12px}.rf29-banner-meta span{color:#7691a8;font-size:9px}.rf29-banner-meta em{padding:4px 7px;border-radius:999px;background:rgba(63,181,221,.09);border:1px solid rgba(74,185,224,.14);color:#72d7e8;font-size:8px;font-style:normal;font-weight:900}.rf29-banner-preview{height:230px;display:grid;place-items:center;padding:16px;border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(35,123,190,.09),transparent 60%),#071626;border:1px dashed rgba(110,168,214,.14);overflow:hidden}.rf29-banner-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:198px;object-fit:contain}.rf29-banner-preview--wide img{width:100%;max-width:728px;max-height:90px}.rf29-banner-preview--vertical img{max-width:132px;max-height:198px}.rf29-banner-preview--square img{width:100px;height:100px;max-width:100px;max-height:100px}.rf29-banner-card textarea{width:100%;min-height:64px;resize:none;padding:9px 10px;border-radius:12px;background:#07192a;border:1px solid rgba(107,167,214,.14);color:#8eabc0;font-size:9px;line-height:1.45}.rf29-banner-card button{width:100%}
.rf29-table tbody tr:hover{background:rgba(46,128,196,.045)}

html[data-theme="light"] .rf29-hero{background:radial-gradient(circle at 88% 0,rgba(45,157,220,.11),transparent 36%),linear-gradient(145deg,#fff,#f5faff)}html[data-theme="light"] .rf29-hero h2,html[data-theme="light"] .rf29-level-badge strong,html[data-theme="light"] .rf29-stat strong,html[data-theme="light"] .rf29-progress h3,html[data-theme="light"] .rf29-section-head h3,html[data-theme="light"] .rf29-currency strong,html[data-theme="light"] .rf29-claim-row b,html[data-theme="light"] .rf29-banner-meta b{color:#132f4b}html[data-theme="light"] .rf29-hero p,html[data-theme="light"] .rf29-progress p,html[data-theme="light"] .rf29-section-head p{color:#4f6d87}html[data-theme="light"] .rf29-level-badge,html[data-theme="light"] .rf29-stat,html[data-theme="light"] .rf29-currency,html[data-theme="light"] .rf29-claim-row,html[data-theme="light"] .rf29-steps>span,html[data-theme="light"] .rf29-banner-card{background:#f7faff;border-color:rgba(35,104,168,.11)}html[data-theme="light"] .rf29-link-box input,html[data-theme="light"] .rf29-banner-card textarea{background:#f7fbff;border-color:rgba(35,104,168,.14);color:#173a5a}html[data-theme="light"] .rf29-banner-preview{background:#f0f7fd;border-color:rgba(35,104,168,.13)}html[data-theme="light"] .rf29-progress__track{background:#e8f0f7;border-color:rgba(35,104,168,.1)}html[data-theme="light"] .rf38-table th{background:#f4f8fc;color:#55738d}html[data-theme="light"] .rf38-table td{color:#45647f;border-color:rgba(35,104,168,.09)}html[data-theme="light"] .rf38-table td b{color:#143755}

@media(max-width:1100px){.rf29-summary{grid-template-columns:repeat(2,1fr)}.rf29-banners{grid-template-columns:1fr 1fr}.rf29-steps{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.rf29-hero{grid-template-columns:1fr}.rf29-level-badge{grid-template-columns:auto auto;grid-template-areas:'s p' 't p' 'd d';align-items:center}.rf29-level-badge span{grid-area:s}.rf29-level-badge strong{grid-area:t}.rf29-level-badge b{grid-area:p;justify-self:end}.rf29-level-badge small{grid-area:d}.rf29-money-grid{grid-template-columns:1fr}.rf29-banners{grid-template-columns:1fr}.rf29-banner-preview{height:200px}.rf29-banner-preview--vertical img{max-height:170px}}
@media(max-width:640px){.rf29-hero,.rf29-money-card,.rf29-promo,.rf29-materials,.rf29-list-panel{padding:15px}.rf29-hero h2{font-size:23px}.rf29-summary{grid-template-columns:1fr 1fr;gap:8px}.rf29-stat{padding:13px}.rf29-stat strong{font-size:18px}.rf29-progress{padding:16px}.rf29-progress__head{display:grid}.rf29-progress__value{justify-self:start}.rf29-currency-grid{grid-template-columns:1fr 1fr}.rf29-link-row{grid-template-columns:1fr}.rf29-steps{grid-template-columns:1fr}.rf29-section-head--split{display:grid}.rf29-claim-row{align-items:flex-start}.rf29-banner-card textarea{min-height:78px}}
@media(max-width:430px){.rf29-summary,.rf29-currency-grid{grid-template-columns:1fr}.rf29-claim-row{display:grid}.rf29-claim-row button{width:100%}}


/* ============================================================
   v31: referral banner previews use a consistent physical scale
   ============================================================ */
.rf29-banners{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
}

.rf29-banner-card--wide{
  grid-column:1 / -1;
}

.rf29-banner-preview{
  position:relative;
  padding:18px;
  background:
    radial-gradient(circle at 50% 50%,rgba(35,123,190,.08),transparent 62%),
    linear-gradient(180deg,rgba(5,18,31,.88),rgba(6,21,36,.94));
}

/* 728x90 fits at 1:1 once the wide card spans the full row. */
.rf29-banner-preview--wide{
  height:132px;
}
.rf29-banner-preview--wide img{
  width:728px;
  height:90px;
  max-width:100%;
  max-height:90px;
  object-fit:contain;
}

/* Vertical and square previews now share the same 1:1 stage. */
.rf29-banner-preview--vertical,
.rf29-banner-preview--square{
  height:336px;
}
.rf29-banner-preview--vertical img{
  width:200px;
  height:300px;
  max-width:200px;
  max-height:300px;
  object-fit:contain;
}
.rf29-banner-preview--square img{
  width:100px;
  height:100px;
  max-width:100px;
  max-height:100px;
  object-fit:contain;
}

html[data-theme="light"] .rf29-banner-preview{
  background:
    radial-gradient(circle at 50% 50%,rgba(35,123,190,.07),transparent 62%),
    linear-gradient(180deg,#f3f8fd,#edf5fb);
}

@media(max-width:1100px){
  .rf29-banners{grid-template-columns:1fr 1fr}
  .rf29-banner-card--wide{grid-column:1 / -1}
}

@media(max-width:760px){
  .rf29-banners{grid-template-columns:1fr}
  .rf29-banner-card--wide{grid-column:auto}
  .rf29-banner-preview--wide{height:120px}
  .rf29-banner-preview--wide img{width:728px;height:auto;max-height:90px}
  .rf29-banner-preview--vertical{height:316px}
  .rf29-banner-preview--vertical img{width:200px;height:300px;max-width:100%;max-height:280px}
  .rf29-banner-preview--square{height:150px}
}

@media(max-width:430px){
  .rf29-banner-preview--wide{height:104px;padding:14px}
  .rf29-banner-preview--vertical{height:286px;padding:14px}
  .rf29-banner-preview--vertical img{max-height:258px;width:auto;height:auto}
  .rf29-banner-preview--square{height:136px;padding:14px}
}


/* ============================================================
   v32: restore classic 468x60 referral banner
   ============================================================ */
.rf29-banner-card--classic{
  grid-column:1 / -1;
}
.rf29-banner-preview--classic{
  height:102px;
}
.rf29-banner-preview--classic img{
  width:468px;
  height:60px;
  max-width:100%;
  max-height:60px;
  object-fit:contain;
}

@media(max-width:760px){
  .rf29-banner-card--classic{grid-column:auto}
  .rf29-banner-preview--classic{height:94px}
  .rf29-banner-preview--classic img{width:468px;height:auto;max-height:60px}
}

@media(max-width:430px){
  .rf29-banner-preview--classic{height:86px;padding:12px}
}

/* ============================================================
   v33: banner design picker + direct banner links
   ============================================================ */
.rf29-designs{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:-2px;
}
.rf29-design{
  appearance:none;
  border:1px solid rgba(103,166,216,.16);
  background:rgba(7,24,40,.68);
  color:#8eaac0;
  border-radius:999px;
  min-height:30px;
  padding:6px 11px;
  font:inherit;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
  transition:.16s ease;
}
.rf29-design:hover{
  color:#eaf7ff;
  border-color:rgba(77,187,231,.34);
  background:rgba(23,65,95,.58);
}
.rf29-design.is-active{
  color:#fff;
  border-color:rgba(71,200,238,.46);
  background:linear-gradient(135deg,rgba(43,132,224,.72),rgba(38,190,210,.52));
  box-shadow:0 0 0 1px rgba(79,205,242,.08),0 7px 18px rgba(18,104,165,.14);
}

.rf29-banner-linkbox{
  display:grid;
  gap:6px;
}
.rf29-banner-linkbox label{
  color:#7999b2;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.rf29-banner-linkrow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.rf29-banner-linkrow input{
  width:100%;
  min-width:0;
  height:40px;
  padding:0 11px;
  border-radius:11px;
  border:1px solid rgba(107,167,214,.15);
  background:#07192a;
  color:#b8d1e4;
  font-size:10px;
  font-weight:700;
}
.rf29-banner-linkrow .ap-btn{
  height:40px;
  white-space:nowrap;
  padding-inline:12px;
}

.rf29-html-details{
  border:1px solid rgba(107,167,214,.12);
  border-radius:12px;
  background:rgba(5,20,34,.48);
  overflow:hidden;
}
.rf29-html-details summary{
  list-style:none;
  cursor:pointer;
  padding:10px 11px;
  color:#8daec5;
  font-size:10px;
  font-weight:900;
  user-select:none;
}
.rf29-html-details summary::-webkit-details-marker{display:none}
.rf29-html-details summary:after{
  content:'+';
  float:right;
  color:#55c9e8;
  font-size:13px;
  line-height:1;
}
.rf29-html-details[open] summary:after{content:'−'}
.rf29-html-details textarea{
  display:block;
  width:calc(100% - 20px);
  margin:0 10px 8px;
  min-height:68px;
}
.rf29-html-details .ap-btn{
  width:calc(100% - 20px);
  margin:0 10px 10px;
}

/* Switching between SVG/PNG designs should never change the preview geometry. */
.rf29-banner-preview img{
  transition:opacity .12s ease,transform .18s ease;
}
.rf29-banner-preview:hover img{
  transform:scale(1.008);
}

html[data-theme="light"] .rf29-design{
  background:#f6faff;
  color:#57758f;
  border-color:rgba(35,104,168,.13);
}
html[data-theme="light"] .rf29-design:hover{
  background:#eef7ff;
  color:#174c75;
  border-color:rgba(35,124,194,.26);
}
html[data-theme="light"] .rf29-design.is-active{
  color:#fff;
  border-color:rgba(30,146,210,.34);
  background:linear-gradient(135deg,#2c84e8,#30b8d7);
}
html[data-theme="light"] .rf29-banner-linkrow input{
  background:#f7fbff;
  color:#264c69;
  border-color:rgba(35,104,168,.14);
}
html[data-theme="light"] .rf29-html-details{
  background:#f7fbff;
  border-color:rgba(35,104,168,.12);
}
html[data-theme="light"] .rf29-html-details summary{
  color:#4e728f;
}

@media(max-width:640px){
  .rf29-banner-linkrow{grid-template-columns:1fr}
  .rf29-banner-linkrow .ap-btn{width:100%}
  .rf29-designs{gap:6px}
  .rf29-design{flex:1 1 auto;text-align:center}
}

/* ============================================================
   v34: show all referral banner designs at once
   ============================================================ */
.rf29-banner-variants{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.rf29-banner-variant{
  display:grid;
  gap:10px;
  align-content:start;
  padding:12px;
  border-radius:15px;
  background:rgba(7,22,37,.54);
  border:1px solid rgba(107,167,214,.11);
}
.rf29-banner-variant__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.rf29-banner-variant__head strong{
  color:#edf8ff;
  font-size:11px;
  line-height:1.2;
}
.rf29-banner-variant__head span{
  flex:none;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(63,181,221,.09);
  border:1px solid rgba(74,185,224,.14);
  color:#72d7e8;
  font-size:8px;
  font-style:normal;
  font-weight:900;
}
html[data-theme="light"] .rf29-banner-variant{
  background:#f8fbff;
  border-color:rgba(35,104,168,.11);
}
html[data-theme="light"] .rf29-banner-variant__head strong{
  color:#132f4b;
}
@media(max-width:1200px){
  .rf29-banner-variants{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .rf29-banner-variants{grid-template-columns:1fr;}
}

/* ============================================================
   v35: size grouping navigation for referral banners
   ============================================================ */
.rf29-size-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
}
.rf29-size-nav__item{
  display:grid;
  gap:2px;
  min-width:140px;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  background:rgba(9,28,46,.82);
  border:1px solid rgba(110,171,219,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.rf29-size-nav__item:hover{
  border-color:rgba(87,201,248,.35);
  transform:translateY(-1px);
}
.rf29-size-nav__item b{
  color:#eef8ff;
  font-size:12px;
  font-weight:900;
  line-height:1.1;
}
.rf29-size-nav__item span{
  color:#82aaca;
  font-size:9px;
  line-height:1.3;
}
.rf29-banner-card[id]{scroll-margin-top:84px;}
.rf29-banner-meta{
  align-items:flex-start;
}
.rf29-banner-meta__title{
  display:grid;
  gap:3px;
}
.rf29-banner-meta__title strong{
  color:#73d8ea;
  font-size:12px;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rf29-banner-meta__title b{
  color:#eef8ff;
  font-size:20px;
  line-height:1.15;
}
.rf29-banner-meta__title span{
  color:#87aecb;
  font-size:10px;
  line-height:1.4;
}
html[data-theme="light"] .rf29-size-nav__item{
  background:#f7fbff;
  border-color:rgba(35,104,168,.11);
}
html[data-theme="light"] .rf29-size-nav__item b,
html[data-theme="light"] .rf29-banner-meta__title b{
  color:#183759;
}
html[data-theme="light"] .rf29-size-nav__item span,
html[data-theme="light"] .rf29-banner-meta__title span{
  color:#6a88a2;
}
@media(max-width:640px){
  .rf29-size-nav__item{min-width:calc(50% - 5px);}
  .rf29-banner-meta__title b{font-size:16px;}
}

/* ============================================================
   v36: real size tabs + full-size banner previews
   ============================================================ */
.rf29-size-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px;
}
.rf29-size-nav__item{
  appearance:none;
  cursor:pointer;
  text-align:left;
  min-width:150px;
  border:1px solid rgba(110,171,219,.14);
  background:rgba(9,28,46,.82);
  border-radius:14px;
  padding:10px 13px;
  transition:.16s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.rf29-size-nav__item:hover{
  transform:translateY(-1px);
  border-color:rgba(87,201,248,.34);
}
.rf29-size-nav__item.is-active{
  border-color:rgba(77,197,242,.55);
  background:linear-gradient(135deg,rgba(35,121,232,.34),rgba(35,185,218,.22));
  box-shadow:0 0 0 1px rgba(74,191,239,.10),0 10px 24px rgba(0,0,0,.12);
}
.rf29-size-nav__item b{
  display:block;
  color:#eef8ff;
  font-size:13px;
  font-weight:900;
  line-height:1.1;
}
.rf29-size-nav__item span{
  display:block;
  margin-top:3px;
  color:#82aaca;
  font-size:9px;
  line-height:1.25;
}
.rf29-banners{
  display:block;
}
.rf29-banner-card{
  display:none;
  width:100%;
  padding:16px;
  gap:14px;
}
.rf29-banner-card.is-active{
  display:grid;
}
.rf29-banner-card[hidden]{
  display:none !important;
}
.rf29-banner-meta{
  padding-bottom:12px;
  border-bottom:1px solid rgba(105,165,213,.10);
}
.rf29-banner-meta__title strong{
  color:#73d8ea;
  font-size:13px;
}
.rf29-banner-meta__title b{
  color:#eef8ff;
  font-size:20px;
}
.rf29-banner-meta__title span{
  color:#8eabc3;
  font-size:10px;
}
.rf29-banner-variants{
  display:grid;
  gap:16px;
  align-items:start;
}
/* Wide sizes are shown one after another so they are never compressed. */
.rf29-banner-card--wide .rf29-banner-variants,
.rf29-banner-card--classic .rf29-banner-variants{
  grid-template-columns:1fr;
}
/* Smaller sizes can sit side-by-side at their true dimensions. */
.rf29-banner-card--vertical .rf29-banner-variants{
  grid-template-columns:repeat(3,minmax(230px,1fr));
}
.rf29-banner-card--square .rf29-banner-variants{
  grid-template-columns:repeat(3,minmax(190px,1fr));
}
.rf29-banner-variant{
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:15px;
  background:rgba(7,22,37,.54);
  border:1px solid rgba(107,167,214,.11);
  min-width:0;
}
.rf29-banner-variant__head{
  display:none !important;
}
.rf29-banner-preview{
  width:100%;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  border-radius:14px;
  box-sizing:border-box;
}
/* Exact desktop banner dimensions. */
.rf29-banner-preview--wide{
  min-height:122px;
  height:auto;
}
.rf29-banner-preview--wide img{
  width:728px !important;
  height:90px !important;
  max-width:none !important;
  max-height:none !important;
  flex:0 0 auto;
}
.rf29-banner-preview--classic{
  min-height:92px;
  height:auto;
}
.rf29-banner-preview--classic img{
  width:468px !important;
  height:60px !important;
  max-width:none !important;
  max-height:none !important;
  flex:0 0 auto;
}
.rf29-banner-preview--vertical{
  min-height:332px;
  height:auto;
}
.rf29-banner-preview--vertical img{
  width:200px !important;
  height:300px !important;
  max-width:none !important;
  max-height:none !important;
  flex:0 0 auto;
}
.rf29-banner-preview--square{
  min-height:132px;
  height:auto;
}
.rf29-banner-preview--square img{
  width:100px !important;
  height:100px !important;
  max-width:none !important;
  max-height:none !important;
  flex:0 0 auto;
}
.rf29-banner-linkbox label{
  font-size:9px;
  color:#86a9c4;
}
html[data-theme="light"] .rf29-size-nav__item{
  background:#f7fbff;
  border-color:rgba(35,104,168,.11);
}
html[data-theme="light"] .rf29-size-nav__item.is-active{
  background:linear-gradient(135deg,#e9f4ff,#e8fbff);
  border-color:rgba(36,142,211,.30);
}
html[data-theme="light"] .rf29-size-nav__item b,
html[data-theme="light"] .rf29-banner-meta__title b{
  color:#183759;
}
html[data-theme="light"] .rf29-banner-variant{
  background:#f8fbff;
  border-color:rgba(35,104,168,.11);
}
@media(max-width:1180px){
  .rf29-banner-card--vertical .rf29-banner-variants,
  .rf29-banner-card--square .rf29-banner-variants{
    grid-template-columns:repeat(2,minmax(220px,1fr));
  }
}
@media(max-width:820px){
  .rf29-banner-card--vertical .rf29-banner-variants,
  .rf29-banner-card--square .rf29-banner-variants{
    grid-template-columns:1fr;
  }
  .rf29-banner-preview--wide img,
  .rf29-banner-preview--classic img{
    max-width:100% !important;
    height:auto !important;
  }
}
@media(max-width:520px){
  .rf29-size-nav__item{min-width:calc(50% - 5px);}
  .rf29-banner-preview{overflow:hidden;}
  .rf29-banner-preview--vertical img{
    max-width:100% !important;
    height:auto !important;
  }
}

/* v38: remove redundant referral banner captions */
.rf29-materials>.rf29-section-head{margin-bottom:10px}
.rf29-banner-linkbox{gap:0}