/* ZerAds PTC panel — intentionally scoped; does not alter other page layouts. */
.zerads-ptc-panel{display:grid;gap:16px;border:1px solid rgba(45,213,223,.22);background:linear-gradient(145deg,rgba(12,28,42,.94),rgba(12,18,32,.97));}
.zerads-ptc-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.zerads-ptc-head h2{margin:3px 0 6px;font-size:clamp(20px,2vw,26px);}
.zerads-ptc-head p{margin:0;max-width:780px;color:var(--muted,#9aa8bf);line-height:1.55;font-size:14px;}
.zerads-ptc-surf{min-width:150px;justify-content:center;white-space:nowrap;}
.zerads-ptc-surf.is-disabled{opacity:.56;cursor:not-allowed;pointer-events:none;}
.zerads-ptc-rewardline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.zerads-ptc-rewardline>div,.zerads-ptc-stat{min-width:0;padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025);}
.zerads-ptc-rewardline span,.zerads-ptc-stat span{display:block;color:#9aa8bf;font-size:13px;line-height:1.45;}
.zerads-ptc-rewardline strong{display:block;margin-top:5px;color:#eaf3ff;font-size:15px;line-height:1.4;overflow-wrap:anywhere;}
.zerads-ptc-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.zerads-ptc-stat strong{display:block;margin-top:4px;color:#89e8e9;font-size:clamp(20px,2vw,27px);line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere;}
.zerads-ptc-note{margin:0;color:#8998b1;font-size:13px;line-height:1.55;}
@media(max-width:980px){.zerads-ptc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.zerads-ptc-rewardline{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.zerads-ptc-panel{gap:12px;padding:15px!important}.zerads-ptc-head{align-items:stretch}.zerads-ptc-surf{width:100%}.zerads-ptc-rewardline,.zerads-ptc-stats-grid{grid-template-columns:1fr 1fr}.zerads-ptc-rewardline>div,.zerads-ptc-stat{padding:11px}.zerads-ptc-rewardline span,.zerads-ptc-stat span{font-size:12px}.zerads-ptc-rewardline strong{font-size:14px}.zerads-ptc-stat strong{font-size:21px}}

/* PTC CTA, configurable display label, and isolated administrator-configured ad slot. */
.zerads-ptc-cta{display:grid;justify-items:end;gap:8px;min-width:210px;}
.zerads-ptc-start-form{margin:0;}
.zerads-ptc-surf{min-width:150px;}
.zerads-ptc-rate{display:grid;gap:3px;text-align:right;max-width:300px;}
.zerads-ptc-rate span{font-size:12px;color:#9aa8bf;line-height:1.4;}
.zerads-ptc-rate strong{font-size:14px;color:#8de8e6;line-height:1.4;overflow-wrap:anywhere;}
.zerads-ptc-ad-slot{min-width:0;width:100%;max-width:100%;display:grid;gap:7px;justify-items:center;padding:10px;border:1px dashed rgba(45,213,223,.22);border-radius:13px;background:rgba(5,10,18,.25);}
.zerads-ptc-ad-label{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#7f8da8;}
.zerads-ptc-ad-content{width:100%;min-width:0;max-width:100%;text-align:center;overflow-x:auto;overflow-y:hidden;}
.zerads-ptc-ad-content img,.zerads-ptc-ad-content video,.zerads-ptc-ad-content iframe,.zerads-ptc-ad-content object,.zerads-ptc-ad-content embed{max-width:100%;}
.zerads-ptc-ad-content img,.zerads-ptc-ad-content video{height:auto;}
@media(max-width:760px){.zerads-ptc-cta{width:100%;justify-items:stretch;min-width:0}.zerads-ptc-start-form{width:100%}.zerads-ptc-surf{width:100%}.zerads-ptc-rate{text-align:left;max-width:none}.zerads-ptc-ad-slot{padding:8px;}}


/* PTC history/dashboard optimisation v3: scoped to the User PTC panel only. */
.zerads-ptc-panel{width:100%;min-width:0;overflow:hidden;gap:14px;padding:clamp(14px,1.6vw,22px)!important;}
.zerads-ptc-head{align-items:flex-start;gap:16px;}
.zerads-ptc-copy{min-width:0;flex:1 1 480px;}
.zerads-ptc-cta{flex:0 1 230px;min-width:190px;}
.zerads-ptc-ad-slot{max-width:min(100%,468px);justify-self:center;}
.zerads-ptc-history{display:grid;gap:12px;margin-top:2px;padding-top:15px;border-top:1px solid rgba(255,255,255,.075);min-width:0;}
.zerads-ptc-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.zerads-ptc-history-head h3{margin:3px 0 0;font-size:clamp(16px,1.5vw,20px);letter-spacing:-.02em;}
.zerads-ptc-history-caption,.zerads-ptc-table-note{margin:0;color:#8898b2;font-size:12px;line-height:1.5;}
.zerads-ptc-history-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(2,7,16,.28);}
.zerads-ptc-history-tabs button{appearance:none;border:1px solid transparent;border-radius:9px;background:transparent;color:#97a7c0;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;line-height:1.3;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.zerads-ptc-history-tabs button:hover{color:#eaf5ff;background:rgba(255,255,255,.035);}
.zerads-ptc-history-tabs button.is-active{color:#a8f6f1;border-color:rgba(45,213,223,.23);background:rgba(45,213,223,.085);}
.zerads-ptc-history-panel{min-width:0;display:grid;gap:10px;}
.zerads-ptc-history-panel[hidden]{display:none!important;}
.zerads-ptc-history-table-wrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid rgba(255,255,255,.075);border-radius:12px;overscroll-behavior-x:contain;}
.zerads-ptc-history-table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.45;background:rgba(4,9,18,.24);}
.zerads-ptc-history-table th{padding:11px 12px;text-align:left;color:#8e9db7;background:rgba(255,255,255,.025);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.08);}
.zerads-ptc-history-table td{padding:11px 12px;color:#c5d2e6;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:middle;white-space:nowrap;}
.zerads-ptc-history-table tr:last-child td{border-bottom:0;}
.zerads-ptc-history-table tbody tr:hover{background:rgba(255,255,255,.022);}
.zerads-ptc-history-table tbody tr.is-premium{background:linear-gradient(90deg,rgba(139,108,255,.075),rgba(139,108,255,.015));}
.zerads-ptc-history-table tbody tr.is-premium td:first-child{box-shadow:inset 2px 0 rgba(165,145,255,.65);}
.zerads-ptc-history-table td strong{color:#9af0e9;font-weight:900;}
.zerads-ptc-history-table td time{font-variant-numeric:tabular-nums;}
.zerads-ptc-history-table td small{display:block;margin-top:3px;color:#7f8fa9;font-size:10px;}
.zerads-ptc-history-table .ptc-user-mask{font-weight:800;}
.ptc-premium-badge{display:inline-flex;align-items:center;margin-left:4px;padding:3px 6px;border:1px solid rgba(173,143,255,.24);border-radius:6px;background:rgba(139,108,255,.1);color:#c6b8ff;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.zerads-ptc-history-empty{padding:22px 14px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:#8494ae;text-align:center;font-size:12px;}
.zerads-ptc-pagination{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px;padding-top:2px;}
.zerads-ptc-pagination a{min-width:34px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid rgba(255,255,255,.085);border-radius:8px;color:#9cacc4;background:rgba(255,255,255,.02);font-size:11px;font-weight:800;text-decoration:none;}
.zerads-ptc-pagination a.active,.zerads-ptc-pagination a[aria-current="page"]{border-color:rgba(45,213,223,.28);background:rgba(45,213,223,.1);color:#a8f6f0;}
.zerads-ptc-pagination a:hover{border-color:rgba(45,213,223,.25);color:#fff;}
.zerads-ptc-table-note{margin-top:-2px;}
.zerads-ptc-leaderboard-table{min-width:780px;}
.zerads-ptc-leaderboard-table td:last-child{white-space:normal;min-width:170px;color:#c6d6ed;}
.zerads-ptc-rewardline{gap:9px;}
.zerads-ptc-stats-grid{gap:9px;}
@media(min-width:1200px){.zerads-ptc-panel .zerads-ptc-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.zerads-ptc-panel .zerads-ptc-stat{padding:13px 14px;}}
@media(max-width:900px){.zerads-ptc-head{align-items:stretch}.zerads-ptc-cta{flex:1 1 100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.zerads-ptc-rate{text-align:right}.zerads-ptc-rewardline{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:640px){.zerads-ptc-panel{padding:13px!important;gap:11px}.zerads-ptc-head{gap:11px}.zerads-ptc-copy p{font-size:12px}.zerads-ptc-cta{align-items:stretch;flex-direction:column}.zerads-ptc-rate{text-align:left}.zerads-ptc-rewardline{grid-template-columns:1fr 1fr}.zerads-ptc-rewardline>div:last-child{grid-column:1/-1}.zerads-ptc-history{gap:10px;padding-top:12px}.zerads-ptc-history-tabs{display:grid;grid-template-columns:1fr;gap:4px}.zerads-ptc-history-tabs button{text-align:left;padding:10px 11px}.zerads-ptc-history-head{align-items:flex-start;flex-direction:column;gap:4px}.zerads-ptc-history-table{font-size:11px}.zerads-ptc-history-table th,.zerads-ptc-history-table td{padding:9px 10px}.zerads-ptc-pagination{justify-content:center}.zerads-ptc-stats-grid{gap:7px}.zerads-ptc-stat{padding:10px!important}}


/* PTC compact-first refinement: desktop overview stays visible without page scrolling at normal laptop/desktop heights. */
.zerads-ptc-panel{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "ad" "rewards" "stats" "note" "history";
  gap:10px!important;padding:clamp(12px,1.2vw,17px)!important;align-items:start;
}
.zerads-ptc-head{grid-area:head;align-items:center;gap:14px;min-width:0;}
.zerads-ptc-copy{flex:1 1 420px;min-width:0;}
.zerads-ptc-copy .eyebrow{margin-bottom:4px;font-size:10px;letter-spacing:.11em;}
.zerads-ptc-copy h2{margin:0 0 5px;font-size:clamp(21px,1.75vw,25px);line-height:1.15;letter-spacing:-.025em;}
.zerads-ptc-copy p{max-width:720px;font-size:12px;line-height:1.45;}
.zerads-ptc-cta{grid-area:cta;flex:0 0 218px;min-width:0;display:grid;align-content:center;justify-items:stretch;gap:7px;padding:10px;border:1px solid rgba(45,213,223,.23);border-radius:15px;background:linear-gradient(145deg,rgba(45,213,223,.075),rgba(123,104,255,.07));box-shadow:0 8px 22px rgba(0,0,0,.12);}
.zerads-ptc-start-form{width:100%;margin:0;}
.zerads-ptc-surf{width:100%;min-width:0;min-height:52px;padding:13px 20px!important;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16)!important;border-radius:13px!important;background:linear-gradient(112deg,#8270ff 0%,#42b9e9 55%,#27d0d0 100%)!important;color:#051321!important;font-size:17px!important;font-weight:950!important;letter-spacing:.015em;line-height:1.1;box-shadow:0 8px 22px rgba(45,213,223,.18),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;}
.zerads-ptc-surf:hover:not(:disabled):not(.is-disabled){transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 11px 28px rgba(45,213,223,.26),inset 0 1px 0 rgba(255,255,255,.38);}
.zerads-ptc-surf:focus-visible{outline:3px solid rgba(125,236,242,.9);outline-offset:3px;}
.zerads-ptc-surf:disabled,.zerads-ptc-surf.is-rate-locked{background:linear-gradient(110deg,#5d6474,#414958)!important;color:#f3f5f9!important;cursor:not-allowed;box-shadow:none;transform:none;}
.zerads-ptc-rate{max-width:none;gap:2px;text-align:center;}
.zerads-ptc-rate span{font-size:11px;}
.zerads-ptc-rate strong{font-size:13px;line-height:1.3;}
.zerads-ptc-rate small{display:block;margin-top:4px;color:#7f91ab;font-size:10px;line-height:1.35;}
.zerads-ptc-launch-state{padding:8px 9px;border:1px solid rgba(251,146,60,.28);border-radius:9px;background:rgba(251,146,60,.09);color:#ffd2a1;font-size:11px;font-weight:750;line-height:1.35;text-align:center;}
.zerads-ptc-launch-state[hidden]{display:none!important;}
.zerads-ptc-ad-slot{grid-area:ad;align-self:center;justify-self:end;align-content:center;gap:4px;padding:7px;}
.zerads-ptc-ad-label{font-size:9px;letter-spacing:.10em;line-height:1.1;}
.zerads-ptc-ad-content{line-height:1.2;}
.zerads-ptc-rewardline{grid-area:rewards;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.zerads-ptc-rewardline>div,.zerads-ptc-stat{padding:9px 12px;border-radius:11px;}
.zerads-ptc-rewardline span,.zerads-ptc-stat span{font-size:11px;line-height:1.25;}
.zerads-ptc-rewardline strong{margin-top:4px;font-size:13px;line-height:1.25;}
.zerads-ptc-stats-grid{grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.zerads-ptc-stat strong{margin-top:3px;font-size:clamp(18px,1.55vw,23px);line-height:1.12;}
.zerads-ptc-note{grid-area:note;font-size:10px;line-height:1.35;}
.zerads-ptc-history{grid-area:history;margin-top:3px;padding-top:10px;gap:9px;}
.zerads-ptc-history-head h3{font-size:17px;}
.zerads-ptc-history-tabs button{padding:8px 11px;}

@media(min-width:1100px){
  .zerads-ptc-panel{grid-template-columns:minmax(0,1fr) minmax(300px,468px);grid-template-areas:"head ad" "rewards rewards" "stats stats" "note note" "history history";column-gap:14px;row-gap:9px;}
  .zerads-ptc-head{grid-column:1;grid-row:1;align-self:center;flex-wrap:nowrap;}
  .zerads-ptc-cta{flex:0 0 204px;}
  .zerads-ptc-ad-slot{grid-column:2;grid-row:1;width:100%;max-width:468px;}
  .zerads-ptc-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(min-width:761px) and (max-width:1099px){
  .zerads-ptc-head{flex-wrap:nowrap;align-items:center;}
  .zerads-ptc-cta{flex:0 0 220px;}
  .zerads-ptc-copy p{font-size:12px;}
  .zerads-ptc-ad-slot{max-width:468px;}
}
@media(max-width:760px){
  .zerads-ptc-panel{gap:11px!important;padding:13px!important;}
  .zerads-ptc-head{align-items:stretch;flex-direction:column;gap:10px;}
  .zerads-ptc-copy h2{font-size:22px;}
  .zerads-ptc-copy p{font-size:12px;}
  .zerads-ptc-cta{width:100%;min-width:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr);padding:10px;}
  .zerads-ptc-surf{min-height:50px;font-size:17px!important;}
  .zerads-ptc-rate{text-align:center;}
  .zerads-ptc-ad-slot{justify-self:center;padding:6px;}
  .zerads-ptc-rewardline{grid-template-columns:repeat(2,minmax(0,1fr));}
  .zerads-ptc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .zerads-ptc-stat{padding:10px!important;}
  .zerads-ptc-stat strong{font-size:21px;}
  .zerads-ptc-history-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;}
  .zerads-ptc-history-tabs button{padding:9px 6px;text-align:center;font-size:11px;}
  .zerads-ptc-history-head{align-items:flex-start;flex-direction:row;}
}
@media(max-width:420px){
  .zerads-ptc-rewardline{grid-template-columns:1fr;}
  .zerads-ptc-history-tabs{grid-template-columns:1fr;}
  .zerads-ptc-history-tabs button{text-align:left;padding:10px 11px;}
  .zerads-ptc-rate strong{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){.zerads-ptc-surf{transition:none!important;}}


/* PTC v5 visual refinement: clear separation from quiz, explicit notes, personal-first stats, centered tabs. */
body.page-pool-live .zerads-ptc-panel{
  margin-block-start:18px!important;
  gap:9px!important;
}
body.page-pool-live .zerads-ptc-head{gap:12px;}
body.page-pool-live .zerads-ptc-copy p{max-width:680px;}
body.page-pool-live .zerads-ptc-cta{gap:5px;padding:9px;}
body.page-pool-live .zerads-ptc-rate{gap:2px;}
body.page-pool-live .zerads-ptc-rate span{font-size:11px;}
body.page-pool-live .zerads-ptc-rate strong{font-size:13px;}
body.page-pool-live .zerads-ptc-ad-slot{
  min-height:118px;
  height:auto;
  align-self:stretch;
  align-content:center;
  justify-self:stretch;
  gap:6px;
  padding:10px;
}
body.page-pool-live .zerads-ptc-ad-content{
  width:100%;
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.page-pool-live .zerads-ptc-rewardline{grid-template-columns:repeat(2,minmax(0,1fr));}
body.page-pool-live .zerads-ptc-rewardline>div{padding:9px 12px;}
body.page-pool-live .zerads-ptc-rewardline>div:nth-child(2) strong{color:#9debe8;font-size:12px;}
body.page-pool-live .zerads-ptc-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
body.page-pool-live .zerads-ptc-info-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:9px;
  min-width:0;
}
body.page-pool-live .zerads-ptc-info-card{
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
body.page-pool-live .zerads-ptc-info-title{
  margin:0 0 4px;
  color:#91a2bd;
  font-size:10px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
body.page-pool-live .zerads-ptc-info-card p{
  margin:0;
  color:#a8b7cd;
  font-size:11px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.page-pool-live .zerads-ptc-info-card p+p{margin-top:4px;}
body.page-pool-live .zerads-ptc-info-card p strong{color:#dbe7f7;font-weight:850;}
body.page-pool-live .zerads-ptc-info-detail{color:#8293ad!important;}
body.page-pool-live .zerads-ptc-special-note{border-color:rgba(45,213,223,.18);background:linear-gradient(120deg,rgba(45,213,223,.045),rgba(139,108,255,.035));}
body.page-pool-live .zerads-ptc-special-note .zerads-ptc-info-title{color:#8de8e6;}
body.page-pool-live .zerads-ptc-history-tabs{
  width:min(100%,900px);
  margin-inline:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  padding:7px;
}
body.page-pool-live .zerads-ptc-history-tabs button{
  flex:0 1 245px;
  min-width:170px;
  min-height:44px;
  padding:11px 20px;
  text-align:center;
  font-size:13px;
  font-weight:850;
  border-radius:10px;
}
@media(min-width:1100px){
  body.page-pool-live .zerads-ptc-panel{
    grid-template-columns:minmax(0,1fr) minmax(468px, .72fr);
    column-gap:13px;
    row-gap:8px!important;
    padding:14px 16px!important;
  }
  body.page-pool-live .zerads-ptc-head{align-self:center;}
  body.page-pool-live .zerads-ptc-ad-slot{width:100%;max-width:468px;min-height:118px;}
  body.page-pool-live .zerads-ptc-cta{flex:0 0 196px;padding:8px;}
  body.page-pool-live .zerads-ptc-surf{min-height:48px;padding:11px 16px!important;}
  body.page-pool-live .zerads-ptc-rate small{font-size:10px;}
  body.page-pool-live .zerads-ptc-stat{padding:9px 11px!important;}
  body.page-pool-live .zerads-ptc-stat span{font-size:10px;}
  body.page-pool-live .zerads-ptc-stat strong{font-size:clamp(18px,1.3vw,22px);}
  body.page-pool-live .zerads-ptc-history{margin-top:2px;padding-top:8px;gap:8px;}
  body.page-pool-live .zerads-ptc-history-head h3{font-size:17px;}
}
@media(max-width:1099px){
  body.page-pool-live .zerads-ptc-panel{margin-block-start:14px!important;}
  body.page-pool-live .zerads-ptc-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  body.page-pool-live .zerads-ptc-panel{margin-block-start:12px!important;}
  body.page-pool-live .zerads-ptc-ad-slot{width:100%;min-height:95px;}
  body.page-pool-live .zerads-ptc-info-grid{grid-template-columns:1fr;}
  body.page-pool-live .zerads-ptc-history-tabs{
    width:100%;
    max-width:none;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
  }
  body.page-pool-live .zerads-ptc-history-tabs button{
    min-width:0;
    max-width:none;
    flex:auto;
    min-height:42px;
    padding:9px 5px;
    font-size:11px;
    line-height:1.25;
  }
}
@media(max-width:480px){
  body.page-pool-live .zerads-ptc-rewardline{grid-template-columns:1fr;}
  body.page-pool-live .zerads-ptc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.page-pool-live .zerads-ptc-history-tabs{grid-template-columns:1fr;}
  body.page-pool-live .zerads-ptc-history-tabs button{text-align:center;}
}

body.page-pool-live .zerads-ptc-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}


/* PTC v6: numbered guidance cards and a full, uncropped 468x60 ad beside them. */
body.page-pool-live .zerads-ptc-panel{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"head" "rewards" "stats" "info" "history"!important;
  row-gap:10px!important;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-head{grid-area:head;}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rewardline{grid-area:rewards;}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-stats-grid{grid-area:stats;}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid{
  grid-area:info;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  min-width:0;
  align-items:stretch;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-ad{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(488px,488px);
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-card{
  min-width:0;
  height:100%;
  box-sizing:border-box;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-title{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 9px;
  color:#a7b7d0;
  font-size:10px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-item{
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-width:0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-number{
  flex:0 0 23px;
  width:23px;
  height:23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(45,213,223,.28);
  border-radius:7px;
  background:rgba(45,213,223,.09);
  color:#9bf1ed;
  font-size:11px;
  font-weight:950;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-item p{
  flex:1 1 auto;
  min-width:0;
  margin:1px 0 0;
  color:#dce7f7;
  font-size:12px;
  font-weight:650;
  line-height:1.5;
  overflow-wrap:anywhere;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-item p strong{color:#e9f4ff;font-weight:850;}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-detail{
  margin:8px 0 0;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.06);
  color:#899bb5!important;
  font-size:10px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-special-note{
  border-color:rgba(45,213,223,.20);
  background:linear-gradient(135deg,rgba(45,213,223,.065),rgba(123,104,255,.045));
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-special-note .zerads-ptc-info-title{color:#8de8e6;}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-special-note .zerads-ptc-info-detail{color:#9eb0c9!important;}

/* The label is outside the creative's 468x60 dimensions; the creative itself is never cropped. */
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-slot{
  grid-area:auto;
  box-sizing:border-box;
  width:min(488px,100%);
  max-width:100%;
  min-width:0;
  min-height:0;
  height:auto;
  align-self:stretch;
  justify-self:center;
  align-content:center;
  justify-items:center;
  gap:7px;
  margin:0;
  padding:8px;
  overflow:visible;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-label{
  width:100%;
  text-align:center;
  font-size:9px;
  line-height:1.25;
  letter-spacing:.10em;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:468px!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:60px;
  height:auto;
  margin:0 auto!important;
  padding:0;
  overflow:visible!important;
  text-align:center;
  line-height:0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content img,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content video,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content canvas{
  display:block;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto;
  object-fit:contain;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content iframe,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content object,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content embed{
  display:block;
  max-width:100%!important;
  margin-inline:auto;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-history{grid-area:history;}

@media(min-width:1500px){
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-ad{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(488px,488px);
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-ad .zerads-ptc-ad-slot{grid-column:3;grid-row:1;}
}
@media(max-width:1499px){
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-ad{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-ad .zerads-ptc-ad-slot{grid-column:1/-1;grid-row:auto;justify-self:center;}
}
@media(max-width:760px){
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid,
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-ad{grid-template-columns:minmax(0,1fr);}
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-ad .zerads-ptc-ad-slot{grid-column:1;grid-row:auto;width:min(488px,100%);}
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content{width:468px!important;max-width:100%!important;}
}

body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-fallback{
  grid-area:info;
  display:flex;
  justify-content:center;
  min-width:0;
  width:100%;
}


/* PTC v7: one combined information card beside the uncropped wide banner. */
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid {
  grid-area: info;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  align-items: stretch;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-wide-ad {
  grid-template-columns: minmax(0, 1fr) minmax(0, 740px);
  align-items: stretch;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card.zerads-ptc-info-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  min-width: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-info-section {
  min-width: 0;
  margin: 0;
  padding: 13px 15px;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-formula-section {
  border-right: 1px solid rgba(255,255,255,.075);
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-special-note {
  border-left: 0;
  background: linear-gradient(145deg,rgba(45,213,223,.045),rgba(123,104,255,.035));
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card .zerads-ptc-info-title {
  margin-bottom: 9px;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card .zerads-ptc-info-detail {
  overflow-wrap: anywhere;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  align-self: stretch;
  justify-self: stretch;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 720px !important;
  min-width: 0;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 9px;
  border: 1px dashed rgba(45,213,223,.24);
  border-radius: 13px;
  background: rgba(4,11,20,.34);
  overflow: visible;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot .zerads-ptc-ad-label {
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  color: #8494af;
  text-align: center;
  font-size: 9px;
  line-height: 1.25;
  letter-spacing: .10em;
}
/* The banner stage is 8:1. Images scale proportionally; nothing is cropped. */
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide.shared-ad-728 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: min(720px, 100%) !important;
  max-width: 720px !important;
  min-width: 0 !important;
  height: auto;
  min-height: 0;
  aspect-ratio: 8 / 1;
  box-sizing: border-box;
  margin: auto 0 !important;
  padding: 0;
  overflow: visible !important;
  text-align: center;
  line-height: 0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide img,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide video,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide canvas {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  margin-inline: auto !important;
  object-fit: contain;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide iframe,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide object,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide embed {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 8 / 1;
  border: 0;
  margin-inline: auto !important;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide > * {
  max-width: 100% !important;
  box-sizing: border-box;
}
@media (min-width: 1300px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-wide-ad {
    grid-template-columns: minmax(0, 1fr) minmax(0, 740px);
  }
}
@media (max-width: 1299px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-wide-ad {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media (max-width: 1099px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-wide-ad {
    grid-template-columns: minmax(0, 1fr);
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
    width: min(740px, 100%) !important;
    justify-self: center;
    min-height: 0;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card.zerads-ptc-info-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card.zerads-ptc-info-card {
    grid-template-columns: minmax(0, 1fr);
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-formula-section {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.075);
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-info-section {
    padding: 12px 13px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
    padding: 8px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide.shared-ad-728 {
    width: 100% !important;
  }
}


/* PTC v8: stacked information in one left card; equal-height ad card on desktop. */
@media (min-width: 1100px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-wide-ad {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
  }
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid {
  align-items: stretch;
  min-width: 0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card.zerads-ptc-info-card {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-info-section {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 17px 19px;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-formula-section {
  border-right: 0;
  border-bottom: 1px solid rgba(255,255,255,.09);
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-special-note {
  border-left: 0;
  background: linear-gradient(145deg, rgba(45,213,223,.035), rgba(123,104,255,.035));
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card .zerads-ptc-info-title {
  margin: 0 0 11px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .095em;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card .zerads-ptc-info-item {
  align-items: flex-start;
  gap: 11px;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card .zerads-ptc-info-item p {
  font-size: 14px;
  line-height: 1.55;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card .zerads-ptc-info-detail {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  justify-self: stretch;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 13px;
  gap: 12px;
  overflow: visible;
  border: 1px dashed rgba(45,213,223,.24);
  border-radius: 13px;
  background: rgba(4,11,20,.34);
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot .zerads-ptc-ad-label {
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  color: #8494af;
  text-align: center;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: .10em;
}
/* Keep each supplied ad creative's own proportions. No fixed-height cropping or forced stretch. */
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide.shared-ad-728 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  width: min(720px, 100%) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0;
  height: auto !important;
  aspect-ratio: auto;
  box-sizing: border-box;
  margin: 0 auto !important;
  padding: 0;
  overflow: visible !important;
  text-align: center;
  line-height: normal;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide img,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide video,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide canvas {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide iframe,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide object,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide embed {
  display: block;
  max-width: 100% !important;
  border: 0;
  margin-inline: auto !important;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide > * {
  box-sizing: border-box;
}
@media (max-width: 1099px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-wide-ad {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card.zerads-ptc-info-card,
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
    height: auto;
    min-height: 0;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
    width: min(780px, 100%) !important;
    justify-self: center;
  }
}
@media (max-width: 640px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card > .zerads-ptc-info-section {
    padding: 14px 14px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card .zerads-ptc-info-item p {
    font-size: 13px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
    padding: 9px;
    gap: 9px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide.shared-ad-728 {
    width: 100% !important;
  }
}

/* PTC v9: keep Reward Formula + Special Note in one card, with the ad card directly below. */
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-wide-ad {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto;
  align-items: stretch;
  gap: 12px;
  min-width: 0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-guidance-card.zerads-ptc-info-card {
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
  grid-column: 1;
  grid-row: 2;
  justify-self: stretch;
  align-self: stretch;
  width: 100% !important;
  max-width: none !important;
  height: auto;
  min-height: 0;
  box-sizing: border-box;
  padding: 12px;
  gap: 10px;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide.shared-ad-728 {
  width: min(720px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0;
  margin-inline: auto !important;
  overflow: visible !important;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide img,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide video,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-ad-content-wide canvas {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain;
}
@media (max-width: 640px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.has-wide-ad {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-wide-ad-slot {
    padding: 9px;
  }
}


/* PTC v10: intro left, supplied wide banner in the middle, Surf PTC CTA right. */
@media (min-width: 1400px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, min(43vw, 720px)) minmax(184px, 204px);
    grid-template-areas: "copy ad cta";
    align-items: center;
    justify-content: stretch;
    gap: 14px;
    flex-wrap: initial;
    width: 100%;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-copy {
    grid-area: copy;
    flex: none;
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-cta {
    grid-area: cta;
    flex: none;
    width: 100%;
    min-width: 0;
    justify-items: stretch;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-header-ad {
    grid-area: ad;
    align-self: center;
    justify-self: stretch;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide.shared-ad-728 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: auto;
    overflow: visible !important;
  }
}

/* Mid-sized screens: keep text and Surf PTC together; place the banner on its own row. */
@media (min-width: 761px) and (max-width: 1399px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(184px, 220px);
    grid-template-areas: "copy cta" "ad ad";
    align-items: center;
    gap: 12px;
    width: 100%;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-copy {
    grid-area: copy;
    flex: none;
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-cta {
    grid-area: cta;
    flex: none;
    width: 100%;
    min-width: 0;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-header-ad {
    grid-area: ad;
    justify-self: center;
    width: min(720px, 100%) !important;
    max-width: 100% !important;
    min-height: 0;
    height: auto;
    box-sizing: border-box;
  }
}

/* Small screens: avoid overlap by stacking each header item naturally. */
@media (max-width: 760px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "cta" "ad";
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-copy,
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-cta,
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-header-ad {
    width: 100%;
    min-width: 0;
    max-width: 100% !important;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-copy { grid-area: copy; }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-cta { grid-area: cta; }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-header-ad {
    grid-area: ad;
    justify-self: stretch;
    height: auto;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
  }
}


/* PTC v11 final layout: intro left, proportional ad centre, Surf PTC right; two rule cards below. */
.zerads-ptc-desktop-copy-break { display: none; }
@media (min-width: 1400px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad {
    grid-template-columns: minmax(360px, min(32vw, 560px)) minmax(500px, min(45vw, 760px)) minmax(184px, 204px);
    justify-content: space-between;
    gap: 14px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-copy p {
    max-width: 560px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad .zerads-ptc-desktop-copy-break {
    display: block;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-header-ad {
    width: 100% !important;
    max-width: 760px !important;
    min-width: 0;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide.shared-ad-728 {
    width: 100% !important;
    max-width: 720px !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.zerads-ptc-rules-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch;
  gap: 12px;
  min-width: 0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid > .zerads-ptc-info-card {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  padding: 18px 20px;
  overflow-wrap: anywhere;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid .zerads-ptc-info-title {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .10em;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid .zerads-ptc-info-item {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid .zerads-ptc-info-item p {
  flex: 1 1 auto;
  min-width: 0;
  margin: 1px 0 0;
  color: #dce7f7;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid .zerads-ptc-info-item p strong {
  color: #e9f4ff;
  font-weight: 850;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid .zerads-ptc-info-detail {
  margin: 10px 0 0;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,.07);
  color: #9aabc4 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid > .zerads-ptc-special-note {
  border-color: rgba(45,213,223,.20);
  background: linear-gradient(135deg, rgba(45,213,223,.065), rgba(123,104,255,.045));
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid > .zerads-ptc-special-note .zerads-ptc-info-title {
  color: #8de8e6;
}
/* Keep images proportional. Give provider iframes a responsive 8:1 viewport instead of clipping the supplied banner. */
body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad {
  min-width: 0;
  overflow: visible;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide.shared-ad-728 {
  width: 100% !important;
  max-width: 720px !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0;
  max-height: none !important;
  margin-inline: auto !important;
  overflow: visible !important;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide img,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide video,
body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide canvas {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain;
  margin-inline: auto !important;
}
body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide iframe {
  display: block;
  width: 100% !important;
  max-width: 720px !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 8 / 1;
  border: 0;
  margin-inline: auto !important;
}
@media (max-width: 1399px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad .zerads-ptc-desktop-copy-break {
    display: none;
  }
}
@media (max-width: 760px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-info-grid.zerads-ptc-rules-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid > .zerads-ptc-info-card {
    height: auto;
    padding: 14px 15px;
  }
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-rules-grid .zerads-ptc-info-item p {
    font-size: 13px;
  }
}

/* PTC v12: constrain intro to the left column; let the ad card use remaining space. */
@media (min-width: 1600px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad {
    grid-template-columns: minmax(360px, 430px) minmax(720px, 1fr) minmax(184px, 204px) !important;
    grid-template-areas: "copy ad cta" !important;
    justify-content: stretch !important;
    align-items: center;
    gap: 14px;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-copy {
    grid-area: copy !important;
    width: 100% !important;
    max-width: 430px !important;
    min-width: 0 !important;
    justify-self: start;
    align-self: center;
    overflow-wrap: anywhere;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-copy p {
    width: 100% !important;
    max-width: 430px !important;
    min-width: 0 !important;
    overflow-wrap: break-word;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-header-ad {
    grid-area: ad !important;
    width: 100% !important;
    min-width: 720px !important;
    max-width: none !important;
    min-height: 0;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 8px;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide.shared-ad-728 {
    display: block;
    width: min(720px, 100%) !important;
    max-width: 720px !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin-inline: auto !important;
    overflow: visible !important;
    box-sizing: border-box;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide img,
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide video,
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide canvas {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain;
    margin-inline: auto !important;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-header-ad .zerads-ptc-ad-content-wide iframe {
    display: block;
    width: 100% !important;
    max-width: 720px !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 8 / 1;
    border: 0;
    margin-inline: auto !important;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-cta {
    grid-area: cta !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 204px;
    justify-self: end;
  }
}

/* Between desktop and wide-desktop, keep copy + action together and give the ad its own row. */
@media (min-width: 1400px) and (max-width: 1599px) {
  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad {
    grid-template-columns: minmax(0, 1fr) minmax(184px, 220px) !important;
    grid-template-areas: "copy cta" "ad ad" !important;
    justify-content: stretch !important;
    align-items: center;
    gap: 12px;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-copy {
    grid-area: copy !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-cta {
    grid-area: cta !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.page-pool-live .zerads-ptc-panel .zerads-ptc-head.has-wide-ad > .zerads-ptc-header-ad {
    grid-area: ad !important;
    justify-self: center;
    width: min(760px, 100%) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto;
    min-height: 0;
    padding: 8px;
    box-sizing: border-box;
  }
}