:root { --pamtree-com-primary: #06b6d4; --pamtree-com-primary-25: rgba(6,182,212,0.25); --pamtree-com-primary-15: rgba(6,182,212,0.15); --pamtree-com-accent: #22d3ee }

/* Normalized utility classes — prefix=.pamtree-com-n-* (generated 2026-05-15) */
.pamtree-com-n-t-body-on-card { color: var(--pamtree-com-body-on-card); }
.pamtree-com-n-t-muted-on-card { color: var(--pamtree-com-muted-on-card); }
.pamtree-com-n-fw-6 { font-weight: 600; }
.pamtree-com-n-flex-col-2 { display: flex; flex-direction: column; gap: 2px; }
.pamtree-com-n-flex-row-14 { display: flex; align-items: center; gap: 14px; }
.pamtree-com-n-kf-label { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--pamtree-com-muted-on-surface); font-weight: 700; }
.pamtree-com-n-kf-value { font-size: 0.92rem; color: var(--pamtree-com-text); font-weight: 600; }
.pamtree-com-n-tooltip { text-decoration: underline dotted; cursor: help; }
.pamtree-com-n-prose-p { margin: 10px 0; line-height: 1.65; color: inherit; font-size: 0.95rem; }
.pamtree-com-n-feature-h { font: 700 1.05rem/1.3 inherit; color: var(--pamtree-com-text); }
.pamtree-com-n-link-muted { color: var(--pamtree-com-muted-on-surface); text-decoration: none; line-height: 1.4; }
.pamtree-com-n-meta-sm { margin-top: 6px; font-size: 0.78rem; color: var(--pamtree-com-muted-on-surface); }
.pamtree-com-n-num-big { font: 800 1.6rem/1 ui-monospace, Menlo, monospace; color: var(--pamtree-com-muted-on-surface); }
.pamtree-com-n-section-eyebrow { font-size: 0.72rem; color: var(--pamtree-com-muted-on-surface); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; margin-bottom: 4px; }
.pamtree-com-n-spec-cell-va { padding: 12px 14px; border-bottom: 1px solid color-mix(in srgb, var(--pamtree-com-border) 60%, transparent); font-size: 0.9rem; vertical-align: top; }
.pamtree-com-n-spec-cell-lg-vm { padding: 18px; border-bottom: 1px solid color-mix(in srgb, var(--pamtree-com-border) 60%, transparent); font-size: 0.95rem; vertical-align: middle; }
.pamtree-com-n-spec-cell-va-strong { padding: 12px 14px; border-bottom: 1px solid color-mix(in srgb, var(--pamtree-com-border) 60%, transparent); font-size: 0.9rem; vertical-align: top; font-weight: 700; color: var(--pamtree-com-text); }
.pamtree-com-n-spec-cell-lg-vm-indent { padding: 18px 6px 18px 12px; border-bottom: 1px solid color-mix(in srgb, var(--pamtree-com-border) 60%, transparent); font-size: 0.95rem; vertical-align: middle; }
.pamtree-com-n-logo-fit { max-width: 100%; max-height: 100%; object-fit: contain; }
.pamtree-com-n-card-h { display: block; font: 700 1.05rem/1.25 inherit; letter-spacing: -0.005em; color: var(--pamtree-com-text); }
.pamtree-com-n-feature-h-lg { font: 700 1.1rem/1.3 inherit; color: var(--pamtree-com-text); letter-spacing: -0.005em; }
.pamtree-com-n-chip-row { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 4px; }
.pamtree-com-n-meta-xs { margin-top: 4px; font-size: 0.82rem; color: var(--pamtree-com-muted-on-surface); }
.pamtree-com-n-eyebrow-tiny { margin-top: 8px; font-size: 0.66rem; color: var(--pamtree-com-muted-on-surface); }
.pamtree-com-n-eyebrow-up { margin-top: 8px; font-size: 0.72rem; color: var(--pamtree-com-muted-on-surface); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; }
.pamtree-com-n-brand-logo-cell-9-full { width: clamp(72px, 18vw, 120px); max-width: 100%; height: clamp(40px, 9vw, 56px); background: #f8f8f8; border: 1px solid rgba(0,0,0,0.18); border-radius: 9px; display: flex; align-items: center; justify-content: center; padding: 6px; flex-shrink: 0; box-sizing: border-box; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.12); }
.pamtree-com-n-spec-cell-lg-vm-c { padding: 18px; border-bottom: 1px solid color-mix(in srgb, var(--pamtree-com-border) 60%, transparent); font-size: 0.95rem; vertical-align: middle; text-align: center; }
.pamtree-com-n-flex-row-10-mb10 { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.pamtree-com-n-keyfacts-box { margin: 16px 0; padding: 16px 18px; border-radius: 10px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); }
.pamtree-com-n-flex-row-8-mb12 { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.pamtree-com-n-badge-check { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: var(--pamtree-com-primary); color: #fff; border-radius: 50%; font-size: 0.7rem; font-weight: 800; }
.pamtree-com-n-label-small-up { font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--pamtree-com-text); }
.pamtree-com-n-kf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px 22px; }
.pamtree-com-n-fig-wrap { margin: 16px 0; text-align: center; }
.pamtree-com-n-fig-img { max-width: 100%; height: auto; border-radius: 8px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
.pamtree-com-n-figcap { font-size: 0.78rem; color: rgba(224,224,224,0.6); margin-top: 8px; }
.pamtree-com-n-sub-h { margin: 14px 0 6px; font-weight: 700; color: inherit; }
.pamtree-com-n-award-ribbon { background: var(--pamtree-com-primary-15); color: var(--pamtree-com-primary); padding: 12px 14px; text-align: left; font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; border-bottom: 1px solid var(--pamtree-com-primary-25); }

@media (max-width: 640px) {
  .pamtree-com-n-num-big { font-size: 1.3rem; }
}
@media (max-width: 820px) {
  .pamtree-com-n-flex-row-14 { gap: 10px; }
}


/* Card width consistency + details overflow guard (2026-05-15) */
[class*="-rchg-card"] {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
[class*="-rchg-fullbody"], [class*="-rchg-fullbody"][open],
[class*="-rchg-body"] {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}
[class*="-rchg-fullbody"] > *,
[class*="-rchg-body"] > * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* Screenshot aspect-ratio enforcement — defeats intrinsic-file size drift.
   Some screenshots are 800x400 (2:1); some are 1600x745 (2.15:1).
   The latter renders shorter-but-same-width → looks "wider" visually.
   Force 2:1 aspect on all so every card looks identical. */
[class*="-rchg-brand"] img[alt*="screenshot"],
[class*="-n-fig-img"] {
  width: 100% !important;
  aspect-ratio: 2 / 1 !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}
/* Logo cell override — box aspect (200x80 = 2.5:1) tuned to the
   typical wordmark aspect so wide wordmark logos fill the box
   instead of sitting in a sea of vertical whitespace. */
[class*="-rchg-logo"] {
  width: 200px !important;
  height: 80px !important;
  padding: 6px !important;
  border-radius: 12px !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
[class*="-rchg-logo"] img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
/* Mobile: keep the same aspect, scaled down. */
@media (max-width: 640px) {
  [class*="-rchg-logo"] {
    width: 150px !important;
    height: 60px !important;
    padding: 5px !important;
  }
}

/* Stretch .rchg-top column flex children to full width so every
   card has same H3 + figure positions (not driven by intrinsic H3
   text width). Measured drift before this fix: h3_offset 37-227px. */
[class*="-rchg-top"] {
  align-items: stretch !important;
}
[class*="-rchg-brand"] {
  width: 100% !important;
  text-align: center !important;
  min-width: 0 !important;
}
[class*="-n-fig-wrap"] {
  width: 100% !important;
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Lock grid column counts so every card looks identical regardless
   of how many Key Facts / spec cells / numbered findings populate.
   Without this, `auto-fit + minmax(140px, 1fr)` renders 3 cols for
   6 cells, 4 cols for 7+ cells → cards shift visibly. */
[class*="-n-kf-grid"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px 22px !important;
  align-items: start !important;
}
[class*="-rchg-microgrid"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
}
[class*="-rchg-numstack"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}
[class*="-rchg-split"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
@media (max-width: 640px) {
  [class*="-n-kf-grid"],
  [class*="-rchg-microgrid"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  [class*="-rchg-split"] {
    grid-template-columns: 1fr !important;
  }
}


/* Per-card mobile-only payment+min-dep row */
.pamtree-com-card-mobile-extras { display: none; }
@media (max-width: 640px) {
  .pamtree-com-card-mobile-extras {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    margin: 8px auto 4px;
    padding: 8px 10px 4px;
    border-top: 1px dashed var(--pamtree-com-border, rgba(255,255,255,0.10));
  }
  .pamtree-com-card-mobile-pay-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }
  .pamtree-com-card-mobile-pay-chip {
    background: var(--pamtree-com-surface-light, rgba(255,255,255,0.06));
    color: var(--pamtree-com-body-on-surface, #e8e8ec);
    border: 1px solid var(--pamtree-com-border, rgba(255,255,255,0.10));
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 3px 7px;
    border-radius: 5px;
    line-height: 1.2;
  }
  .pamtree-com-card-mobile-mindep {
    display: inline-flex;
    gap: 6px;
    align-items: baseline;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--pamtree-com-body-on-surface, #e8e8ec);
  }
  .pamtree-com-card-mobile-mindep-lbl {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
  }
  .pamtree-com-card-mobile-mindep-val {
    color: var(--pamtree-com-primary, #06b6d4);
    font-size: 0.96rem;
    font-variant-numeric: tabular-nums;
  }
}


/* Toplist Play-cell — mobile-only payment chips */
.pamtree-com-toplist-mobile-chips { display: none; }
@media (max-width: 640px) {
  .pamtree-com-toplist-mobile-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
    margin: 8px auto 4px;
    max-width: 100%;
  }
  .pamtree-com-toplist-mobile-chip {
    background: var(--pamtree-com-surface-light, rgba(255,255,255,0.06));
    color: var(--pamtree-com-body-on-surface, #e8e8ec);
    border: 1px solid var(--pamtree-com-border, rgba(255,255,255,0.10));
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 3px 6px;
    border-radius: 4px;
    line-height: 1.2;
    white-space: nowrap;
  }
}


/* Toplist logo enlargement */
[class*="-n-brand-logo-cell"] {
  width: clamp(96px, 22vw, 160px) !important;
  height: clamp(54px, 12vw, 76px) !important;
  padding: 8px !important;
  border-radius: 10px !important;
}
@media (max-width: 640px) {
  [class*="-n-brand-logo-cell"] {
    width: clamp(96px, 28vw, 140px) !important;
    height: clamp(48px, 14vw, 72px) !important;
  }
}
/* Inline-styled mobile stacked logo box override — uses the bumped 140x64 form */
.pamtree-com-toplist-fix-logo-box {
  width: 140px !important;
  max-width: 100% !important;
  height: 64px !important;
  background: #f5f5f5 !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
}
.pamtree-com-toplist-fix-logo-box img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}


/* Mobile thumb-reach:
   - Right-align the toplist Claim Offer ONLY (not the bonus text).
   - Center the toplist bonus line on mobile (keeps the row
     balanced now that the CTA hugs the right edge). */
@media (max-width: 640px) {
  div[style*="border-radius:20px"] > a[style*="--pamtree-com-cta-bg"] {
    display: block !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 12px 22px !important;
  }
  div[style*="border-radius:20px"] > div.pamtree-com-bonus {
    text-align: center !important;
  }
}


/* Hero card — un-clip the surviving UK flag kicker (2026-05-18).
   Master template hides .hero-cp-badges on mobile via a media query;
   force it back on at every viewport since it's now the only badge row. */
/* Higher specificity (2 attribute selectors) than master's
   `.X-hero-badges { display: none !important }` so we can show it. */
[class*="-hero-cp-badges"][class*="-hero-badges"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 4px;
}
[class*="-hero-cp-kicker"] {
  line-height: 1.35 !important;
  padding-top: 1px;
}
[class*="-hero-cp"] {
  overflow: visible !important;
}


[style*="color:#1e293b"], [style*="color: #1e293b"] { color: var(--pamtree-com-text, #e0e0e0) !important; }
[style*="color:#1a1a2e"], [style*="color: #1a1a2e"] { color: var(--pamtree-com-text, #e0e0e0) !important; }
[style*="color:#0f172a"], [style*="color: #0f172a"] { color: var(--pamtree-com-text, #e0e0e0) !important; }
[style*="color:#111827"], [style*="color: #111827"] { color: var(--pamtree-com-text, #e0e0e0) !important; }
[style*="color:#1e3a5f"], [style*="color: #1e3a5f"] { color: var(--pamtree-com-text, #e0e0e0) !important; }
[style*="color:#000"], [style*="color: #000"] { color: var(--pamtree-com-text, #e0e0e0) !important; }
[style*="color:#000000"], [style*="color: #000000"] { color: var(--pamtree-com-text, #e0e0e0) !important; }
[style*="color:#1a1a1d"], [style*="color: #1a1a1d"] { color: var(--pamtree-com-text, #e0e0e0) !important; }

:root{--pamtree-com-surface:#141418;--pamtree-com-bg:#0a0a0a;--pamtree-com-text:#e0e0e0;}html,body{background:var(--pamtree-com-page-bg, #0a0a0a) !important;margin:0;}


body > section[style*="max-width:900px"],
section[style*="max-width:900px; margin:0 auto"] {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(900px, calc(100vw - 40px)) !important;
  max-width: 900px !important;
  display: block !important;
  clear: both !important;
}


main > section, body > section {
  grid-column: 1 / -1 !important;
  flex-basis: 100% !important;
}


div[style*="background:#fff"], div[style*="background: #fff"],
div[style*="background:#ffffff"], div[style*="background: #ffffff"],
div[style*="background:#fafafa"], div[style*="background: #fafafa"],
div[style*="background:#f8fafc"], div[style*="background: #f8fafc"],
div[style*="background:#f1f5f9"], div[style*="background: #f1f5f9"],
div[style*="background:white"], div[style*="background: white"],
section[style*="background:#fff"], section[style*="background: #fff"],
section[style*="background:#ffffff"], section[style*="background: #ffffff"],
section[style*="background:white"], section[style*="background: white"] {
  background: var(--pamtree-com-surface, inherit) !important;
}




[class*="hero"] h1, [class*="Hero"] h1 {
  font-size: clamp(22px, 3.5vw, 36px) !important;
  line-height: 1.15 !important;
  margin-bottom: 6px !important;
}
[class*="hero"] p, [class*="Hero"] p {
  font-size: clamp(13px, 1.8vw, 16px) !important;
  margin-bottom: 4px !important;
}


nav, [class*="site-nav"] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}


[class*="stats"], [class*="trust"] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}


a[href*="subid"], a[href*="track"], a[href*="click"],
a[rel*="sponsored"] {
  font-weight: 700 !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  text-align: center !important;
  min-width: 120px !important;
}


@media (max-width: 768px) {
  [class*="hero"] h1 {
    font-size: 20px !important;
  }
  
  [style*="max-width:900px"] > div[style*="display:flex"] {
    padding: 10px !important;
    gap: 10px !important;
  }
}


    
    :root {
      --pamtree-com-primary: #06b6d4;
      --pamtree-com-accent: #22d3ee;
      --pamtree-com-bg: #0a0a0a;
      --pamtree-com-surface: #141418;
      --pamtree-com-surface-light: #1e1e24;
      --pamtree-com-text: #e0e0e0;
      --pamtree-com-muted: #80809a;
      --pamtree-com-border: rgba(6,182,212,0.2);
      --pamtree-com-nav-bg: #0a0a0a;
      --pamtree-com-cta-bg: #05a3be;
      --pamtree-com-cta-bg-alt: #007d6d;
      --pamtree-com-cta-text: #ffffff;
      --pamtree-com-footer-bg: #050508;
      
      --pamtree-com-on-bg: #e0e0e0;
      --pamtree-com-on-surface: #e0e0e0;
      --pamtree-com-on-surface-light: #e0e0e0;
      --pamtree-com-on-primary: #0a0a0a;
      --pamtree-com-on-accent: #0a0a0a;
      --pamtree-com-on-cta-bg: #ffffff;
      --pamtree-com-on-nav-bg: #e0e0e0;
      --pamtree-com-on-footer-bg: #e0e0e0;
      
      --pamtree-com-body-on-bg: #e0e0e0;
      --pamtree-com-body-on-surface: #e0e0e0;
      --pamtree-com-body-on-surface-light: #e0e0e0;
      --pamtree-com-body-on-card: #e0e0e0;
      --pamtree-com-muted-on-bg: #80809a;
      --pamtree-com-muted-on-surface: #80809a;
      --pamtree-com-muted-on-surface-light: #8a8aa2;
      --pamtree-com-muted-on-card: #80809a;
      
      --pamtree-com-primary-03: color-mix(in srgb, var(--pamtree-com-primary) 3%, transparent);
      --pamtree-com-primary-07: color-mix(in srgb, var(--pamtree-com-primary) 7%, transparent);
      --pamtree-com-primary-08: color-mix(in srgb, var(--pamtree-com-primary) 8%, transparent);
      --pamtree-com-primary-10: color-mix(in srgb, var(--pamtree-com-primary) 10%, transparent);
      --pamtree-com-primary-13: color-mix(in srgb, var(--pamtree-com-primary) 13%, transparent);
      --pamtree-com-primary-15: color-mix(in srgb, var(--pamtree-com-primary) 15%, transparent);
      --pamtree-com-primary-18: color-mix(in srgb, var(--pamtree-com-primary) 18%, transparent);
      --pamtree-com-primary-20: color-mix(in srgb, var(--pamtree-com-primary) 20%, transparent);
      --pamtree-com-primary-25: color-mix(in srgb, var(--pamtree-com-primary) 25%, transparent);
      --pamtree-com-primary-27: color-mix(in srgb, var(--pamtree-com-primary) 27%, transparent);
      --pamtree-com-primary-33: color-mix(in srgb, var(--pamtree-com-primary) 33%, transparent);
      --pamtree-com-primary-40: color-mix(in srgb, var(--pamtree-com-primary) 40%, transparent);
      --pamtree-com-primary-60: color-mix(in srgb, var(--pamtree-com-primary) 60%, transparent);
      --pamtree-com-primary-80: color-mix(in srgb, var(--pamtree-com-primary) 80%, transparent);
      --pamtree-com-accent-10: color-mix(in srgb, var(--pamtree-com-accent) 10%, transparent);
      --pamtree-com-accent-13: color-mix(in srgb, var(--pamtree-com-accent) 13%, transparent);
      --pamtree-com-accent-25: color-mix(in srgb, var(--pamtree-com-accent) 25%, transparent);
      --pamtree-com-accent-33: color-mix(in srgb, var(--pamtree-com-accent) 33%, transparent);
      
      --pamtree-com-hero-grad-start: #0a0a0a;
      --pamtree-com-hero-grad-end: #141418;
      
      --pamtree-com-cta-banner-start: #0a0a0a;
      --pamtree-com-cta-banner-end: #00f5d4;
      
      --pamtree-com-card-bg: #141418;
      --pamtree-com-rating-bg: #05a3be;
      --pamtree-com-rating-text: #ffffff;
      
      --pamtree-com-page-bg: #0a0a0a;
      
      --pamtree-com-highlight: var(--pamtree-com-primary);
      
      --pamtree-com-font-body: 'Fira Sans', system-ui, sans-serif;
      --pamtree-com-font-heading: 'Fira Sans', system-ui, sans-serif;
      --pamtree-com-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
    }

    
    *, *::before, *::after { box-sizing: border-box; margin: 0; }
    html { scroll-behavior: smooth; overflow-x: hidden; max-width: 100vw; }
    body { overflow-x: hidden; max-width: 100vw; font-family: var(--pamtree-com-font-body); }
    h1, h2, h3, h4, h5, h6 { font-family: var(--pamtree-com-font-heading); font-weight: 700; }
    img { max-width: 100%; height: auto; }
    a { color: inherit; }
    details > summary { list-style: none; }
    details > summary::-webkit-details-marker { display: none; }
    details > summary::marker { display: none; }

    
    * { overflow-wrap: break-word; word-break: normal; }

    
    .pamtree-com-prose p { margin-bottom: 1.1em; line-height: 1.8; }
    .pamtree-com-prose h3 { margin-top: 2em; margin-bottom: 0.7em; font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
    .pamtree-com-prose ul, .pamtree-com-prose ol { margin: 1em 0; padding-left: 1.5em; }
    .pamtree-com-prose li { margin-bottom: 0.5em; line-height: 1.7; }
    .pamtree-com-prose strong { font-weight: 700; }

    
    section p, article p, aside p, main p { margin-bottom: 1em; }
    section p + p, article p + p, aside p + p, main p + p { margin-top: 0.5em; }
    section p:last-child, article p:last-child { margin-bottom: 0; }

    
    a[rel~="sponsored"]:hover { opacity: 0.9; transform: translateY(-1px); }

    
    details summary::after {
      content: "+";
      float: right;
      font-weight: 700;
      font-size: 1.2rem;
      color: #80809a;
      transition: transform 0.2s;
    }
    details[open] summary::after {
      content: "−";
    }
  

    
    
    .pamtree-com-cta-stack {
      display: inline-flex; flex-direction: column; gap: 6px;
      align-items: stretch; min-width: 0;
    }
    .pamtree-com-cta-stack.pamtree-com-cta-center {
      align-items: center; text-align: center;
    }
    .pamtree-com-cta-primary {
      display: inline-flex; align-items: center; justify-content: center;
      gap: 8px;
      border-radius: 8px;
      font-family: inherit; font-weight: 800;
      text-decoration: none; white-space: nowrap;
      letter-spacing: -0.005em;
      transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
    }
    .pamtree-com-cta-primary.pamtree-com-cta-compact { padding: 10px 18px; font-size: 0.86rem; }
    .pamtree-com-cta-primary.pamtree-com-cta-primary { padding: 13px 24px; font-size: 0.96rem; }
    .pamtree-com-cta-primary.pamtree-com-cta-hero    { padding: 15px 28px; font-size: 1rem; }
    .pamtree-com-cta-primary.pamtree-com-cta-filled {
      background: var(--pamtree-com-cta-bg);
      color: var(--pamtree-com-cta-text, #ffffff);
      box-shadow: 0 6px 18px color-mix(in srgb, var(--pamtree-com-cta-bg) 25%, transparent);
    }
    .pamtree-com-cta-primary.pamtree-com-cta-inverse {
      background: #ffffff;
      color: var(--pamtree-com-cta-bg);
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    }
    .pamtree-com-cta-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 26px color-mix(in srgb, var(--pamtree-com-cta-bg) 30%, transparent);
    }
    .pamtree-com-cta-primary.pamtree-com-cta-inverse:hover {
      box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
    }
    .pamtree-com-cta-arr {
      display: inline-block;
      transition: transform 160ms ease;
    }
    .pamtree-com-cta-primary:hover .pamtree-com-cta-arr { transform: translateX(4px); }
    .pamtree-com-cta-primary:focus-visible {
      outline: 2px solid var(--pamtree-com-accent, var(--pamtree-com-cta-bg));
      outline-offset: 3px;
    }
    .pamtree-com-cta-microcopy {
      font: 600 0.6rem/1.3 ui-monospace, 'SF Mono', Menlo, monospace;
      letter-spacing: 0.04em; text-align: center;
    }
    .pamtree-com-cta-microcopy.pamtree-com-cta-filled {
      color: color-mix(in srgb, var(--pamtree-com-cta-bg) 70%, var(--pamtree-com-body-on-surface, #0f172a));
    }
    .pamtree-com-cta-microcopy.pamtree-com-cta-inverse {
      color: rgba(255, 255, 255, 0.85);
    }
    .pamtree-com-cta-secondary.pamtree-com-cta-filled {
      color: var(--pamtree-com-muted-on-surface, var(--pamtree-com-muted));
      border: 1px solid var(--pamtree-com-border);
    }
    .pamtree-com-cta-secondary.pamtree-com-cta-filled:hover {
      color: var(--pamtree-com-body-on-surface, #0f172a);
      background: var(--pamtree-com-surface-light, var(--pamtree-com-surface, #ffffff));
    }
    @media (prefers-reduced-motion: reduce) {
      .pamtree-com-cta-primary,
      .pamtree-com-cta-arr { transition: none; }
      .pamtree-com-cta-primary:hover { transform: none; }
      .pamtree-com-cta-primary:hover .pamtree-com-cta-arr { transform: none; }
    }
    
    a[class*="-cta"] > .arr,
    a[class*="-cta"] > [class*="arrow"] {
      display: inline-block;
      transition: transform 160ms ease;
    }
    a[class*="-cta"]:hover > .arr,
    a[class*="-cta"]:hover > [class*="arrow"] {
      transform: translateX(4px);
    }
    @media (prefers-reduced-motion: reduce) {
      a[class*="-cta"],
      .pamtree-com-rcss-cta .primary,
      .pamtree-com-dcta-primary {
        transition: none;
      }
      a[class*="-cta"]:hover,
      .pamtree-com-rcss-cta .primary:hover,
      .pamtree-com-dcta-primary:hover {
        transform: none;
      }
    }
    
    a[class*="-cta"]:focus-visible,
    .pamtree-com-rcss-cta .primary:focus-visible,
    .pamtree-com-dcta-primary:focus-visible {
      outline: 2px solid var(--pamtree-com-accent, var(--pamtree-com-cta-bg));
      outline-offset: 3px;
      border-radius: 8px;
    }

    
    .pamtree-com-bonus {
      font-size: 1.05rem !important;
      font-weight: 800 !important;
      letter-spacing: -0.01em;
      line-height: 1.35;
    }

    
    .pamtree-com-toplist-mobile { display: none; }

    
    @media (max-width: 768px) {
      
      .pamtree-com-toplist-desktop { display: none !important; }
      .pamtree-com-toplist-mobile { display: flex !important; }

      
      
      .pamtree-com-bonus {
        font-size: 0.92rem !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }

      
      .pamtree-com-hero-byline { margin-top: 8px !important; }

      
      .pamtree-com-hero-badges { display: none !important; }
      .pamtree-com-summary-geo { display: none !important; }

      
      nav > div { flex-wrap: nowrap !important; justify-content: space-between !important; gap: 8px !important; padding: 6px 16px !important; }
      nav > div > div:first-child { width: auto !important; justify-content: flex-start !important; }

      
      nav [title*="localised"] { display: none !important; }

      
      
      
      
    
    }

    
    .pamtree-com-rm-toggle { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; pointer-events: none; }
    .pamtree-com-rm-body { max-height: 0; overflow: hidden; opacity: 0; transition: opacity 0.25s ease; }
    .pamtree-com-rm-toggle:checked ~ .pamtree-com-rm-body { max-height: none; overflow: visible; opacity: 1; }
    .pamtree-com-rm-label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-weight: 600; font-size: 0.92rem; margin: 4px 0 0; color: var(--pamtree-com-accent, #22d3ee); user-select: none; }
    .pamtree-com-rm-label:hover { text-decoration: underline; }
    .pamtree-com-rm-toggle:focus-visible ~ .pamtree-com-rm-label { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }
    .pamtree-com-rm-label-less { display: none; }
    .pamtree-com-rm-toggle:checked ~ .pamtree-com-rm-label-more { display: none; }
    .pamtree-com-rm-toggle:checked ~ .pamtree-com-rm-label-less { display: inline-flex; }
  
a[data-int-link="v1"]:not([rel*="sponsored"]),[class*="-prose"] a:not([rel*="sponsored"]),.pamtree-com-n-card-h a:not([rel*="sponsored"]),[class*="-toplist-mobile"] a[data-int-link="v1"]:not([rel*="sponsored"]),[class*="-toplist-desktop"] a[data-int-link="v1"]:not([rel*="sponsored"]){color:#4a9eff !important;text-decoration:underline !important;text-underline-offset:2px;}

/* nav-v2 — scoped to .pamtree-com-main-nav */
.pamtree-com-site-header-v2 { background:#0a0a0a; border-bottom:1px solid rgba(255,255,255,0.08); position:sticky; top:0; z-index:50; }
.pamtree-com-site-header-inner { max-width:1176px; margin:0 auto; padding:14px 28px; display:flex; align-items:center; gap:32px; }
.pamtree-com-site-header-logo { display:inline-flex; align-items:center; }
.pamtree-com-site-header-logo img { height:124px; width:auto; max-width:600px; }
.pamtree-com-main-nav { flex:1; }
.pamtree-com-main-nav-root { list-style:none; margin:0; padding:0; display:flex; gap:6px; justify-content:flex-end; }
.pamtree-com-main-nav-item { position:relative; }
.pamtree-com-main-nav-link { display:block; padding:10px 14px; color:rgba(255,255,255,0.86); text-decoration:none; font-weight:700; font-size:1.1rem; border-radius:6px; transition:background 120ms; cursor:pointer; }
.pamtree-com-main-nav-link:hover,
.pamtree-com-main-nav-link:focus-visible { background:rgba(255,255,255,0.08); color:#fff; }
.pamtree-com-main-nav-sub { position:absolute; top:100%; left:0; min-width:220px; list-style:none; margin:0; padding:8px 0; background:#161618; border:1px solid rgba(255,255,255,0.10); border-radius:10px; box-shadow:0 12px 28px rgba(0,0,0,0.4); opacity:0; visibility:hidden; transform:translateY(-4px); transition:opacity 140ms, transform 140ms, visibility 140ms; z-index:60; }
.pamtree-com-main-nav-sub-wide { min-width:280px; columns:2; column-gap:0; padding:8px 0; }
.pamtree-com-main-nav-sub li { display:block; break-inside:avoid; }
.pamtree-com-main-nav-item:hover .pamtree-com-main-nav-sub,
.pamtree-com-main-nav-item:focus-within .pamtree-com-main-nav-sub { opacity:1; visibility:visible; transform:translateY(0); }
.pamtree-com-main-nav-sub a { display:block; padding:8px 16px; color:rgba(255,255,255,0.82); text-decoration:none; font-size:0.88rem; }
.pamtree-com-main-nav-sub a:hover { background:rgba(255,255,255,0.06); color:#fff; }

/* Mobile drawer + accordion sub-menus */
.pamtree-com-main-nav-mobile { display:none; }
@media (max-width:880px) {
  .pamtree-com-site-header-inner { gap:8px; padding:10px 12px; }
  .pamtree-com-site-header-logo img { height:84px; max-width:325px; }
  .pamtree-com-main-nav-root { display:none; }
  .pamtree-com-main-nav-mobile { display:block; flex:0 0 auto; margin-left:auto; }
  .pamtree-com-main-nav-mobile > summary { list-style:none; cursor:pointer; padding:10px 14px; color:#fff; font-weight:700; border:1px solid rgba(255,255,255,0.18); border-radius:8px; display:inline-flex; align-items:center; gap:8px; font-size:0.95rem; }
  .pamtree-com-main-nav-mobile > summary::-webkit-details-marker { display:none; }
  .pamtree-com-main-nav-mobile[open] > .pamtree-com-main-nav-mobile-panel { position:absolute; right:12px; left:12px; top:72px; background:#0a0a0a; border:1px solid rgba(255,255,255,0.12); border-radius:12px; padding:8px; max-height:75vh; overflow-y:auto; box-shadow:0 16px 32px rgba(0,0,0,0.5); }
  .pamtree-com-main-nav-mobile-section { border-bottom:1px solid rgba(255,255,255,0.06); }
  .pamtree-com-main-nav-mobile-section:last-child { border-bottom:none; }
  .pamtree-com-main-nav-mobile-section > summary { list-style:none; cursor:pointer; padding:14px 12px; color:#fff; font-weight:700; font-size:0.98rem; display:flex; align-items:center; justify-content:space-between; }
  .pamtree-com-main-nav-mobile-section > summary::after { content:"+"; color:rgba(255,255,255,0.5); font-size:1.2rem; font-weight:400; }
  .pamtree-com-main-nav-mobile-section[open] > summary::after { content:"−"; }
  .pamtree-com-main-nav-mobile-section > summary::-webkit-details-marker { display:none; }
  .pamtree-com-main-nav-mobile-section a { display:block; padding:10px 20px; color:rgba(255,255,255,0.78); text-decoration:none; font-size:0.92rem; }
  .pamtree-com-main-nav-mobile-section a:hover { background:rgba(255,255,255,0.04); color:#fff; }
}
@media (max-width:380px) {
  /* iPhone SE / very narrow Android — tighter still */
  .pamtree-com-site-header-inner { gap:6px; padding:10px 8px; }
  .pamtree-com-site-header-logo img { height:70px; max-width:285px; }
  .pamtree-com-main-nav-mobile > summary { padding:8px 10px; font-size:0.9rem; }
}


/* The TOC sidebar (rchg-toc) was decomposed in iter-6 because its jumplinks matched
   the strip filter. That leaves rchg-card alone in a 140px+1fr grid, where CSS auto-
   places it in column 1 (140px). Force single-column so the card uses full width. */
.pamtree-com-rchg-shell { grid-template-columns: 1fr !important; gap: 0 !important; }
/* Bigger logos in review-card brand identity area — must NOT match screenshots */
.pamtree-com-rchg-brand img:not([alt*="screenshot"]):not([alt*="lobby preview"]):not([alt*="Khoury"]),
section[id^="hg-"] img:not([alt*="screenshot"]):not([alt*="lobby preview"]):not([alt*="Khoury"]) {
  max-width: 180px !important;
  max-height: 100px !important;
  width: auto !important;
  height: auto !important;
}
/* Screenshot images in review cards — full-width, natural aspect ratio */
.pamtree-com-rchg-brand img[alt*="screenshot"],
.pamtree-com-rchg-card img[alt*="screenshot"] {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
}


.chain-brand-wrap {
  display: block;
  background: #141418;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 14px 24px;
  text-align: left;
}
.chain-brand-wrap a { display: inline-block; line-height: 0; }
.chain-brand-wrap img {
  display: block;
  width: 360px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 600px) {
  .chain-brand-wrap { padding: 10px 14px; }
  .chain-brand-wrap img { width: 280px; }
}

.pamtree-com-skip-link:focus{left:16px;}
    @keyframes pamtree-com-progress-scale{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  

    
    @keyframes cpSlide {
      0% { opacity: 0; clip-path: inset(0 100% 0 0); }
      100% { opacity: 1; clip-path: inset(0 0 0 0); }
    }
    .pamtree-com-hero-cp {
      position: relative;
      background: var(--pamtree-com-surface);
      border-bottom: 1px solid var(--pamtree-com-border);
      
      padding: 24px 28px 36px;
      font-family: var(--pamtree-com-font-body);
      overflow: hidden;
    }
    .pamtree-com-hero-cp-inner {
      max-width: 1120px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      
      gap: 20px;
      
      animation: cpSlide 600ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
    }
    .pamtree-com-hero-cp-left {
      display: flex;
      flex-direction: column;
      
      gap: 2px;
    }
    .pamtree-com-hero-cp-badges {
      display: inline-flex; align-items: center; gap: 8px;
      margin-bottom: 6px;
    }
    
    .pamtree-com-hero-cp-kicker {
      font-weight: 700; font-size: 0.66rem; line-height: 1;
      color: var(--pamtree-com-muted);
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }
    
    .pamtree-com-hero-cp h1 {
      font-family: var(--pamtree-com-font-body);
      font-weight: 800;
      font-size: 1.2rem;
      line-height: 1.15;
      letter-spacing: -0.015em;
      color: var(--pamtree-com-text);
      margin: 0 0 4px;
    }
    
    .pamtree-com-hero-cp-byline-row { font-size: 0.74rem; }
    .pamtree-com-hero-cp-meta {
      font-family: var(--pamtree-com-font-body);
      font-weight: 400; font-size: 0.74rem; line-height: 1;
      color: var(--pamtree-com-muted);
    }
    
    .pamtree-com-hero-cp-progress {
      position: absolute;
      left: 0; right: 0; bottom: 0;
      height: 3px;
      background: color-mix(in srgb, var(--pamtree-com-text) 6%, transparent);
    }
    .pamtree-com-hero-cp-progress .bar {
      height: 100%;
      width: 32%;
      background: linear-gradient(90deg, var(--pamtree-com-primary), var(--pamtree-com-accent));
      transition: width 200ms ease;
    }
    @media (max-width: 760px) {
      .pamtree-com-hero-cp { padding: 20px 18px 32px; }
    }
  

    @keyframes ccRibbonShine { 0%, 40% { background-position: -100% 0; } 60%, 100% { background-position: 200% 0; } }
    @keyframes ccEntry { 0% { opacity: 0; transform: scale(0.97); } 100% { opacity: 1; transform: scale(1); } }
  
.pamtree-com-toc summary::-webkit-details-marker{display:none;}@media(max-width:640px){.pamtree-com-toc ol{columns:1!important;}}

    .pamtree-com-qr-row { transition: background-color 120ms ease; }
    .pamtree-com-qr-row:hover { background: var(--pamtree-com-primary-08); }
  

    @media (max-width:768px){.pamtree-com-back-to-top{bottom:72px;right:12px;width:40px;height:40px;}}
  

@media (max-width:880px) {
  .pamtree-com-footer-band { grid-template-columns: 1fr !important; gap: 32px !important; }
}
@media (min-width:881px) and (max-width:1024px) {
  .pamtree-com-footer-band { grid-template-columns: 1fr 1fr !important; gap: 36px !important; }
}

/* header-logo-fill-v2 */
@media (max-width:880px){.pamtree-com-site-header-inner{padding-left:18px;padding-right:12px;gap:10px;}.pamtree-com-main-nav{display:none;}.pamtree-com-site-header-logo{flex:1 1 auto;min-width:0;}.pamtree-com-site-header-logo picture{display:block;width:100%;}.pamtree-com-site-header-logo img{width:100%;height:auto;max-width:none;max-height:120px;}.pamtree-com-main-nav-mobile>summary{padding:12px 16px !important;font-size:1.8rem !important;border-radius:12px !important;line-height:1 !important;}}

/* section color-blocking v1 */
.pamtree-com-band{padding-top:44px;padding-bottom:44px;}
.pamtree-com-band>section,.pamtree-com-band>aside{padding-top:0!important;padding-bottom:0!important;}
.pamtree-com-band>*{margin-top:0!important;margin-bottom:0!important;}
.pamtree-com-band>*+*{margin-top:28px!important;}
.pamtree-com-band-a{background:#0a0a0a;}
.pamtree-com-band-b{background:#16181e;}
.pamtree-com-band-c{background:#20242d;}

/* toplist offer-lg v1 */
.pamtree-com-n-offer-lg{font-weight:800;font-size:1.7rem;line-height:1.25;color:var(--pamtree-com-text);letter-spacing:-0.01em;margin-bottom:2px;}