/* ===== Injection 011: premium earnings comparison ===== */
:root{
  --ec-red:#df151d;
  --ec-red-dark:#a20a11;
  --ec-night:#243449;
  --ec-night-dark:#162337;
  --ec-ink:#172233;
  --ec-muted:#647080;
  --ec-line:#dce2e8;
  --ec-bg:#eef2f5;
  --ec-card:#ffffff;
  --ec-green:#176832;
  --ec-green-soft:#e5f4e9;
  --ec-amber:#8b5a00;
  --ec-amber-soft:#fff2c7;
  --ec-blue:#1450a3;
  --ec-blue-soft:#e8f1fd;
  --ec-danger:#b20d14;
  --ec-danger-soft:#fde9ea;
  --ec-shadow:0 14px 38px rgba(26,38,53,.10);
  --ec-shadow-soft:0 5px 17px rgba(26,38,53,.055);
}

html{
  background:var(--ec-bg) !important;
}

body.page-earnings-comparison{
  margin:0 !important;
  background:
    radial-gradient(circle at 7% 0%,rgba(223,21,29,.065),transparent 28rem),
    radial-gradient(circle at 95% 25%,rgba(36,52,73,.055),transparent 25rem),
    linear-gradient(180deg,#f9fafb 0%,var(--ec-bg) 100%) !important;
  color:var(--ec-ink) !important;
  font-family:Arial,"Helvetica Neue",sans-serif !important;
}

.page-earnings-comparison .lite-page-content{
  width:min(1240px,calc(100% - 28px)) !important;
  max-width:1240px !important;
  margin:20px auto 64px !important;
}

.page-earnings-comparison .page-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

/* Page introduction */
.page-earnings-comparison .page-container > h1{
  margin:0 !important;
  padding:0 !important;
  color:var(--ec-ink) !important;
  -webkit-text-fill-color:var(--ec-ink) !important;
  background:transparent !important;
  font-size:clamp(32px,4.4vw,54px) !important;
  font-weight:1000 !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
}

.page-earnings-comparison .page-container > h1 + p{
  margin:9px 0 0 !important;
  color:var(--ec-muted) !important;
  -webkit-text-fill-color:var(--ec-muted) !important;
  background:transparent !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.page-earnings-comparison .earn-page-note{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin:18px 0 23px !important;
  padding:13px 15px !important;
  border:1px solid #cbd9e8 !important;
  border-left:5px solid var(--ec-blue) !important;
  border-radius:12px !important;
  background:#f2f7fd !important;
  color:#2f4359 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.page-earnings-comparison .earn-page-note::before{
  content:"i";
  display:grid;
  place-items:center;
  flex:0 0 22px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--ec-blue);
  color:#fff;
  font-size:13px;
  font-weight:1000;
}

/* Hard reset for inherited earnings formatting only. */
.page-earnings-comparison .earn-section,
.page-earnings-comparison .earn-section *{
  box-sizing:border-box !important;
  text-shadow:none !important;
  text-decoration:none !important;
}

.page-earnings-comparison .earn-section span:not(.rate-pill):not(.sc-tag):not(.earn-sc-total):not(.earn-arrow):not(.earn-delta),
.page-earnings-comparison .earn-section strong,
.page-earnings-comparison .earn-section p,
.page-earnings-comparison .earn-section td,
.page-earnings-comparison .earn-section th{
  background-image:none !important;
}

/* Day and night sections */
.page-earnings-comparison .earn-section{
  --section-main:var(--ec-red);
  --section-dark:var(--ec-red-dark);
  --section-soft:#fff0f1;
  width:100% !important;
  max-width:none !important;
  margin:0 0 28px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid var(--ec-line) !important;
  border-radius:23px !important;
  background:var(--ec-card) !important;
  box-shadow:var(--ec-shadow) !important;
}

.page-earnings-comparison .earn-section.earn-nights{
  --section-main:var(--ec-night);
  --section-dark:var(--ec-night-dark);
  --section-soft:#edf2f8;
}

.page-earnings-comparison .earn-header{
  position:relative !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:25px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 93% 7%,rgba(255,255,255,.17),transparent 18rem),
    linear-gradient(135deg,var(--section-dark),var(--section-main)) !important;
  color:#fff !important;
}

.page-earnings-comparison .earn-header::after{
  content:"4 WEEKS";
  position:absolute;
  right:18px;
  bottom:-17px;
  color:rgba(255,255,255,.08);
  font-size:72px;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.06em;
  pointer-events:none;
}

.page-earnings-comparison .earn-header h2{
  position:relative !important;
  z-index:1 !important;
  margin:0 0 18px !important;
  padding:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:transparent !important;
  font-size:clamp(24px,3vw,35px) !important;
  font-weight:1000 !important;
  line-height:1.1 !important;
  letter-spacing:-.025em !important;
}

.page-earnings-comparison .earn-rates{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

.page-earnings-comparison .rate-pill{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:45px !important;
  margin:0 !important;
  padding:10px 13px !important;
  border:1px solid rgba(255,255,255,.65) !important;
  border-radius:11px !important;
  background:#fff !important;
  color:var(--section-dark) !important;
  -webkit-text-fill-color:var(--section-dark) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.12) !important;
  font-size:13px !important;
  font-weight:1000 !important;
  line-height:1.25 !important;
}

/* Scenario stack */
.page-earnings-comparison .earn-body{
  display:grid !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:#f6f8fa !important;
}

.page-earnings-comparison .earn-scenario{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-bottom:1px solid var(--ec-line) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

.page-earnings-comparison .earn-scenario:last-of-type{
  border-bottom:0 !important;
}

/* The compact full-width summary row from the earlier design, improved. */
.page-earnings-comparison .earn-sc-head{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto 38px !important;
  gap:16px !important;
  align-items:center !important;
  min-height:78px !important;
  margin:0 !important;
  padding:14px 18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:var(--ec-ink) !important;
  cursor:pointer !important;
  transition:background .15s ease !important;
}

.page-earnings-comparison .earn-sc-head:hover{
  background:#fbfcfd !important;
}

.page-earnings-comparison .earn-sc-head:focus-visible{
  outline:3px solid rgba(20,80,163,.34) !important;
  outline-offset:-3px !important;
}

.page-earnings-comparison .earn-sc-label{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:9px !important;
  min-width:0 !important;
}

.page-earnings-comparison .sc-tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  margin:0 !important;
  padding:6px 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#eef1f5 !important;
  color:#364352 !important;
  -webkit-text-fill-color:#364352 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:.025em !important;
  white-space:nowrap !important;
}

.page-earnings-comparison .sc-tag.current{
  background:var(--ec-amber-soft) !important;
  color:#775000 !important;
  -webkit-text-fill-color:#775000 !important;
}

.page-earnings-comparison .sc-tag.new{
  background:var(--ec-blue-soft) !important;
  color:var(--ec-blue) !important;
  -webkit-text-fill-color:var(--ec-blue) !important;
}

.page-earnings-comparison .sc-tag.best{
  background:var(--ec-green-soft) !important;
  color:var(--ec-green) !important;
  -webkit-text-fill-color:var(--ec-green) !important;
}

.page-earnings-comparison .earn-sc-name{
  min-width:0 !important;
  color:var(--ec-ink) !important;
  -webkit-text-fill-color:var(--ec-ink) !important;
  background:transparent !important;
  font-size:16px !important;
  font-weight:1000 !important;
  line-height:1.35 !important;
}

.page-earnings-comparison .earn-total-group{
  display:grid !important;
  justify-items:end !important;
  gap:5px !important;
  min-width:160px !important;
}

.page-earnings-comparison .earn-sc-total{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--ec-danger) !important;
  -webkit-text-fill-color:var(--ec-danger) !important;
  font-size:22px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}

.page-earnings-comparison .earn-sc-total.up{
  color:var(--ec-green) !important;
  -webkit-text-fill-color:var(--ec-green) !important;
}

.page-earnings-comparison .earn-sc-total.neutral{
  color:#33404f !important;
  -webkit-text-fill-color:#33404f !important;
}

.page-earnings-comparison .earn-delta{
  display:inline-flex !important;
  align-items:center !important;
  min-height:23px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:#eef1f5 !important;
  color:#546171 !important;
  -webkit-text-fill-color:#546171 !important;
  font-size:10px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.page-earnings-comparison .earn-delta.is-higher{
  background:var(--ec-green-soft) !important;
  color:var(--ec-green) !important;
  -webkit-text-fill-color:var(--ec-green) !important;
}

.page-earnings-comparison .earn-delta.is-lower{
  background:var(--ec-danger-soft) !important;
  color:var(--ec-danger) !important;
  -webkit-text-fill-color:var(--ec-danger) !important;
}

.page-earnings-comparison .earn-arrow{
  display:grid !important;
  place-items:center !important;
  width:32px !important;
  height:32px !important;
  margin:0 !important;
  border-radius:50% !important;
  background:#eef1f5 !important;
  color:#455263 !important;
  -webkit-text-fill-color:#455263 !important;
  font-size:12px !important;
  transition:transform .16s ease,background .16s ease !important;
}

.page-earnings-comparison .earn-sc-head:hover .earn-arrow{
  background:#e2e7ed !important;
}

.page-earnings-comparison .earn-scenario.is-collapsed .earn-arrow{
  transform:rotate(-90deg) !important;
}

/* Detail and explanatory notes */
.page-earnings-comparison .earn-detail{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 18px 17px !important;
  background:#fff !important;
}

.page-earnings-comparison .earn-scenario.is-collapsed .earn-detail{
  display:none !important;
}

.page-earnings-comparison .earn-note{
  margin:0 0 12px !important;
  padding:10px 12px !important;
  border-left:4px solid var(--section-main) !important;
  border-radius:8px !important;
  background:var(--section-soft) !important;
  color:#394655 !important;
  -webkit-text-fill-color:#394655 !important;
  font-size:12px !important;
  font-style:normal !important;
  line-height:1.5 !important;
}

.page-earnings-comparison .earn-diff{
  margin:0 0 12px !important;
  padding:12px 14px !important;
  border:1px solid #b9dec2 !important;
  border-radius:10px !important;
  background:var(--ec-green-soft) !important;
  color:#195d30 !important;
  -webkit-text-fill-color:#195d30 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.page-earnings-comparison .earn-diff strong{
  color:#114b25 !important;
  -webkit-text-fill-color:#114b25 !important;
  background:transparent !important;
}

/* Full-width weekly table */
.page-earnings-comparison .earn-tbl-wrap{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  overflow:visible !important;
  border:1px solid var(--ec-line) !important;
  border-radius:11px !important;
  background:#fff !important;
}

.page-earnings-comparison .earn-tbl{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
}

.page-earnings-comparison .earn-tbl th,
.page-earnings-comparison .earn-tbl td{
  height:42px !important;
  min-width:0 !important;
  padding:9px 10px !important;
  border:0 !important;
  border-right:1px solid #e7ebef !important;
  border-bottom:1px solid #e7ebef !important;
  background:#fff !important;
  color:#263343 !important;
  -webkit-text-fill-color:#263343 !important;
  text-align:right !important;
  vertical-align:middle !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}

.page-earnings-comparison .earn-tbl th{
  height:44px !important;
  background:#f1f4f7 !important;
  color:#344152 !important;
  -webkit-text-fill-color:#344152 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.025em !important;
}

.page-earnings-comparison .earn-tbl th:first-child,
.page-earnings-comparison .earn-tbl td:first-child{
  width:17% !important;
  padding-left:13px !important;
  text-align:left !important;
  white-space:normal !important;
  font-weight:900 !important;
}

.page-earnings-comparison .earn-tbl th:last-child,
.page-earnings-comparison .earn-tbl td:last-child{
  width:16% !important;
  border-right:0 !important;
  background:#faf2f3 !important;
  color:var(--ec-danger) !important;
  -webkit-text-fill-color:var(--ec-danger) !important;
  font-weight:1000 !important;
}

.page-earnings-comparison .earn-tbl tr:last-child td{
  border-bottom:0 !important;
}

.page-earnings-comparison .earn-tbl tbody tr:last-child td{
  background:#fff0f1 !important;
  color:var(--ec-danger) !important;
  -webkit-text-fill-color:var(--ec-danger) !important;
  font-weight:1000 !important;
}

.page-earnings-comparison .earn-tbl tbody tr:hover td{
  background:#fff9e7 !important;
}

.page-earnings-comparison .earn-tbl .nil{
  color:#9ba5af !important;
  -webkit-text-fill-color:#9ba5af !important;
}

.page-earnings-comparison .earn-protect{
  display:none !important;
}

.page-earnings-comparison .earn-section ::selection{
  background:#c9dcfa !important;
  color:#17283b !important;
}

/* Responsive */
@media(max-width:900px){
  .page-earnings-comparison .earn-rates{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .page-earnings-comparison .earn-tbl th,
  .page-earnings-comparison .earn-tbl td{
    padding-left:7px !important;
    padding-right:7px !important;
    font-size:11px !important;
  }
}

@media(max-width:700px){
  .page-earnings-comparison .lite-page-content{
    width:min(100% - 14px,1240px) !important;
    margin-top:8px !important;
  }

  .page-earnings-comparison .earn-section{
    border-radius:16px !important;
  }

  .page-earnings-comparison .earn-header{
    padding:18px !important;
  }

  .page-earnings-comparison .earn-sc-head{
    grid-template-columns:minmax(0,1fr) 34px !important;
    gap:10px !important;
    padding:14px !important;
  }

  .page-earnings-comparison .earn-total-group{
    grid-column:1/-1 !important;
    grid-row:2 !important;
    justify-items:start !important;
    min-width:0 !important;
  }

  .page-earnings-comparison .earn-arrow{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .page-earnings-comparison .earn-detail{
    padding:0 12px 14px !important;
  }

  .page-earnings-comparison .earn-tbl-wrap{
    overflow-x:visible !important;
  }

  .page-earnings-comparison .earn-tbl th,
  .page-earnings-comparison .earn-tbl td{
    padding-left:4px !important;
    padding-right:4px !important;
    font-size:10px !important;
  }
}

@media(max-width:500px){
  .page-earnings-comparison .earn-rates{
    grid-template-columns:1fr !important;
  }

  .page-earnings-comparison .earn-sc-label{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  .page-earnings-comparison .earn-tbl th,
  .page-earnings-comparison .earn-tbl td{
    padding-left:2px !important;
    padding-right:2px !important;
    font-size:8.5px !important;
  }

  .page-earnings-comparison .earn-tbl th:first-child,
  .page-earnings-comparison .earn-tbl td:first-child{
    padding-left:5px !important;
  }
}

@media print{
  body.page-earnings-comparison{
    background:#fff !important;
  }

  .page-earnings-comparison .lite-page-content{
    width:100% !important;
    margin:0 !important;
  }

  .page-earnings-comparison .earn-section{
    box-shadow:none !important;
    break-inside:avoid !important;
  }

  .page-earnings-comparison .earn-detail{
    display:block !important;
  }

  .page-earnings-comparison .earn-arrow{
    display:none !important;
  }
}