.pt-u001.pt-u001{color:rgba(255,255,255,0.78);text-decoration:none;display:block;padding:4px 0;font-size:0.9rem;}
.pt-u002.pt-u002{color:#f59e0b;font-size:0.68rem;letter-spacing:0.5px;}
.pt-u003.pt-u003{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;}
.pt-u004.pt-u004{display:inline-flex;align-items:center;padding:3px 7px;background:#568bf630;color:#568bf6;border:1px solid #568bf633;border-radius:5px;font-size:0.66rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;}
.pt-u005.pt-u005{display:inline-flex;align-items:center;padding:3px 7px;background:#B532A230;color:#B532A2;border:1px solid #B532A233;border-radius:5px;font-size:0.66rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;}
.pt-u006.pt-u006{display:inline-flex;align-items:center;padding:3px 7px;background:#EB001B30;color:#EB001B;border:1px solid #EB001B33;border-radius:5px;font-size:0.66rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;}
.pt-u007.pt-u007{display:inline-flex;align-items:center;padding:3px 7px;background:#F7931A30;color:#F7931A;border:1px solid #F7931A33;border-radius:5px;font-size:0.66rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;}
.pt-u008.pt-u008{flex:1;min-width:0;}
.pt-u009.pt-u009{font-weight:700;color:var(--pamtree-com-text);font-size:0.95rem;overflow-wrap:break-word;}
.pt-u010.pt-u010{font-weight:700;font-size:0.82rem;color:var(--pamtree-com-text);}
.pt-u011.pt-u011{margin-top:6px;font-size:0.62rem;color:var(--pamtree-com-muted);text-align:center;}
.pt-u012.pt-u012{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;}
.pt-u013.pt-u013{width:140px;max-width:100%;height:64px;background:#f5f5f5;border:1px solid rgba(0,0,0,0.18);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:4px;flex-shrink:0;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.12);}
.pt-u014.pt-u014{display:block;text-align:center; background:var(--pamtree-com-cta-bg);color:var(--pamtree-com-cta-text); padding:12px 16px;border-radius:50px; font-weight:800;font-size:0.9rem; text-decoration:none;flex:1;}
.pt-u015.pt-u015{color:var(--pamtree-com-primary);margin-bottom:8px;overflow-wrap:break-word;word-break:break-word;}
.pt-u016.pt-u016{display:flex;align-items:center;gap:10px;margin-top:8px;}
.pt-u017.pt-u017{display:inline-block;background:var(--pamtree-com-primary);color:#fff;padding:12px 22px;border-radius:8px;font-weight:700;font-size:0.95rem;text-decoration:none;letter-spacing:0.005em;box-shadow:0 2px 8px rgba(6,182,212,0.25);white-space:nowrap;}
.pt-u018.pt-u018{display:inline-flex;align-items:center;padding:3px 7px;background:#00AC4130;color:#00AC41;border:1px solid #00AC4133;border-radius:5px;font-size:0.66rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;}
.pt-u019.pt-u019{display:inline-flex;align-items:center;padding:3px 7px;background:#26A6E530;color:#26A6E5;border:1px solid #26A6E533;border-radius:5px;font-size:0.66rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;}
.pt-u020.pt-u020{background:var(--pamtree-com-card-bg); border:1px solid var(--pamtree-com-border); border-radius:20px; padding:16px;}
.pt-u021.pt-u021{font-size:1.1rem;font-weight:900;color:var(--pamtree-com-muted-on-surface);min-width:24px;}
.pt-u022.pt-u022{color:var(--pamtree-com-muted-on-surface);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;}
.pt-u023.pt-u023{font-weight:700;font-size:0.9rem;color:var(--pamtree-com-body-on-surface);}
.pt-u024.pt-u024{margin-top:6px;}
.pt-u025.pt-u025{margin-top:8px;}
.pt-u026.pt-u026{width:6px;height:6px;border-radius:50%;background:#16a34a;}
.pt-u027.pt-u027{margin:5px 0;padding-left:0;font-size:0.82rem;font-weight:600;}
.pt-u028.pt-u028{margin:10px 0;line-height:1.65;color:inherit;font-size:0.95rem;}
.pt-u029.pt-u029{background:var(--pamtree-com-primary-15);color:var(--pamtree-com-primary);padding:16px 18px;text-align:left;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap;border-bottom:1px solid var(--pamtree-com-primary-25);}
.pt-u030.pt-u030{list-style:none;padding:0;margin:0;}
.pt-u031.pt-u031{color:rgba(255,255,255,0.66);text-decoration:underline;}
.pt-u032.pt-u032{font-size:0.74rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.92);margin:0 0 14px;}
.pt-u033.pt-u033{background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;font-size:0.82rem;color:var(--pamtree-com-accent);}
.pt-u036.pt-u036{display:inline-block;background:var(--pamtree-com-primary);color:#fff;padding:12px 22px;border-radius:8px;font-weight:700;font-size:0.95rem;text-decoration:none;letter-spacing:0.005em;box-shadow:0 2px 8px rgba(139,92,246,0.25);white-space:nowrap;}
.pt-u037.pt-u037{font-size:1.1rem;font-weight:900;color:var(--pamtree-com-primary);min-width:24px;}
.pt-u040.pt-u040{background:var(--pamtree-com-card-bg);border:2px solid var(--pamtree-com-primary);border-radius:20px;padding:16px;box-shadow:0 0 16px var(--pamtree-com-primary-08);}
.pt-u041.pt-u041{color:var(--pamtree-com-primary);margin-bottom:8px;overflow-wrap:break-word;word-break:break-word;font-weight:800;font-size:1.05rem;}
.pt-u042.pt-u042{display:block;text-align:center;background:var(--pamtree-com-primary);color:#fff;padding:14px 16px;border-radius:50px;font-weight:800;font-size:0.95rem;text-decoration:none;width:100%;box-sizing:border-box;}
.pt-u043.pt-u043{display:inline-flex;align-items:center;gap:4px;background:#22c55e20;color:#16a34a;padding:3px 10px;border-radius:999px;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;line-height:1.4;}
.pt-u044.pt-u044{display:inline-flex;align-items:center;padding:3px 7px;background:#0070ba33;color:#4aa8e5;border:1px solid #0070ba55;border-radius:5px;font-size:0.66rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;}
.pt-u045.pt-u045{font-size:0.95rem;line-height:1.3;}
.pt-u046.pt-u046{font-weight:700;font-size:0.95rem;color:var(--pamtree-com-body-on-surface);}
.pt-u047.pt-u047{margin-bottom:10px;}
.pt-u049.pt-u049{background:#0a0a0a;}
.pt-u050.pt-u050{background:linear-gradient(180deg,#101012,#0a0a0a);color:rgba(255,255,255,0.72);padding:48px 0 24px;border-top:1px solid rgba(255,255,255,0.08);}
.pt-u051.pt-u051{display:inline-flex;align-items:center;gap:12px;margin-bottom:10px;}
.pt-u052.pt-u052{font-size:0.78rem;color:rgba(255,255,255,0.45);margin:0;}
.pt-u053.pt-u053{font-size:0.86rem;line-height:1.6;color:rgba(255,255,255,0.66);margin:0 0 12px;}
.pt-u054.pt-u054{font-size:0.95rem;line-height:1.6;color:var(--pamtree-com-body-on-surface);margin:12px 0;}
.pt-u055.pt-u055{font-weight:800;font-size:1.05rem;color:#fff;}
.pt-u056.pt-u056{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px;align-items:start;}
.pt-u057.pt-u057{max-width:1280px;margin:32px auto 0;padding:24px 24px 0;border-top:1px solid rgba(255,255,255,0.06);font-size:0.78rem;color:rgba(255,255,255,0.45);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.pt-u058.pt-u058{width:22px;height:16px;flex-shrink:0;display:inline-block;}
.pt-u059.pt-u059{color:var(--pamtree-com-body-on-surface, #b8b8c8);font-size:0.98rem;line-height:1.65;margin:8px 0 14px;}
.pt-u060.pt-u060{padding:8px 10px;border:1px solid color-mix(in srgb, currentColor 12%, transparent);text-align:left;font-size:0.9rem;line-height:1.5;}
.pt-u061.pt-u061{color:rgba(255,255,255,0.86);text-decoration:underline;}
.pt-u062.pt-u062{color:var(--pamtree-com-text);font-size:1.25rem;font-weight:700;letter-spacing:-0.01em;margin:28px 0 10px;}
.pt-u063.pt-u063{position:absolute;left:-9999px;top:8px; background:var(--pamtree-com-primary);color:#fff; padding:8px 14px;border-radius:6px; font-weight:700;font-size:0.85rem;text-decoration:none;z-index:1000;}
.pt-u064.pt-u064{position:fixed;bottom:92px;right:24px;z-index:850; width:44px;height:44px;border-radius:50%; background:var(--pamtree-com-surface);border:1px solid var(--pamtree-com-border); color:var(--pamtree-com-body-on-surface);text-decoration:none; display:flex;align-items:center;justify-content:center; font-size:1.1rem;font-weight:900; box-shadow:0 4px 16px rgba(0,0,0,0.12);}
.pt-u065.pt-u065{background:var(--pamtree-com-surface);border:1px solid var(--pamtree-com-border);border-radius:10px;}
.pt-u066.pt-u066{color:var(--pamtree-com-text);font-weight:700;}
.pt-u067.pt-u067{cursor:pointer;padding:12px 18px;font-size:0.82rem;font-weight:700;color:var(--pamtree-com-body-on-surface);list-style:none;}
.pt-u068.pt-u068{display:flex;align-items:center;justify-content:flex-start;margin-top:12px;flex-wrap:wrap;gap:8px;}
.pt-u069.pt-u069{display:inline-flex;align-items:center;gap:8px;}
.pt-u070.pt-u070{font-size:0.82rem;color:var(--pamtree-com-muted);line-height:1.4;}
.pt-u071.pt-u071{list-style:none;padding:0 18px 14px;margin:0;columns:2;column-gap:32px;}
.pt-u072.pt-u072{margin:0 4px;}
.pt-u073.pt-u073{max-width:1120px;margin:20px auto 0;padding:0 24px;}
.pt-u074.pt-u074{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden;object-fit:cover;}
.pt-u075.pt-u075{margin:24px 0 12px;font-size:1.4rem;line-height:1.3;font-weight:700;color:var(--pamtree-com-text,inherit);}
.pt-u076.pt-u076{max-width:1120px;margin:32px auto;padding:0 24px;color:var(--pamtree-com-body-on-bg);line-height:1.7;font-size:1rem;}
.pt-u077.pt-u077{flex-direction:column;gap:10px;}
.pt-u078.pt-u078{font-size:1.6rem;font-weight:800;color:var(--pamtree-com-body-on-surface);letter-spacing:-0.02em;margin:0;}
.pt-u079.pt-u079{font:500 0.72rem/1 inherit;color:var(--pamtree-com-muted-on-surface);display:inline-flex;align-items:center;gap:6px;}
.pt-u080.pt-u080{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--pamtree-com-border);border-radius:20px;box-shadow:0 1px 0 rgba(15,23,42,0.04);background:var(--pamtree-com-surface);}
.pt-u081.pt-u081{width:100%;border-collapse:collapse;min-width:720px;}
.pt-u082.pt-u082{max-width:1120px;margin:14px auto 24px;padding:0 24px;font-size:1.9rem;font-weight:800;letter-spacing:-0.02em;line-height:1.2;}
.pt-u083.pt-u083{max-width:1080px;margin:16px auto 0;padding:0 24px;font-size:0.88rem;opacity:0.78;}
.pt-u084.pt-u084{max-width:1080px;margin:8px auto 0;padding:0 24px;font-size:0.88rem;color:rgba(255,255,255,0.66);}
.pt-u085.pt-u085{display:block;margin:6px 0 10px;font-size:0.86rem;line-height:1.55;color:rgba(255,255,255,0.72);}
.pt-u086.pt-u086{display:flex;align-items:center;gap:8px;justify-content:space-between;}
.pt-u087.pt-u087{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid rgba(6,182,212,0.25);border-radius:14px;background:rgba(6,182,212,0.08);text-decoration:none;color:inherit;}
.pt-u088.pt-u088{display:inline-flex;align-items:center;padding:3px 7px;background:#0070BA30;color:#0070BA;border:1px solid #0070BA33;border-radius:5px;font-size:0.66rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;}
.pt-u089.pt-u089{flex:0 0 auto;font-size:0.82rem;font-weight:700;color:var(--pamtree-com-primary);white-space:nowrap;}
.pt-u090.pt-u090{flex:0 0 auto;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border:1px solid rgba(0,0,0,0.18);border-radius:10px;overflow:hidden;box-sizing:border-box;padding:6px;box-shadow:0 1px 4px rgba(0,0,0,0.12);}
.pt-u091.pt-u091{font-size:0.85rem;font-weight:600;color:var(--pamtree-com-primary);}
.pt-u092.pt-u092{font-size:1.02rem;color:#fff;}
.pt-u093.pt-u093{max-width:1080px;margin:0 auto;padding:0 24px;}
.pt-u094.pt-u094{min-width:0;}
.pt-u095.pt-u095{width:100%;height:100%;object-fit:contain;}
.pt-u096.pt-u096{background:var(--pamtree-com-card-bg); border:2px solid var(--pamtree-com-primary); border-radius:20px; padding:16px; box-shadow:0 0 16px var(--pamtree-com-primary-08);}
.pt-u099.pt-u099{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.pt-u100.pt-u100{display:inline-block;font:800 0.62rem/1 inherit;color:var(--pamtree-com-primary);letter-spacing:0.16em;text-transform:uppercase;margin-bottom:4px;}
.pt-u101.pt-u101{max-width:1120px;margin:0 auto;padding:0 24px;}
.pt-u104.pt-u104{padding:20px 0;}
.pt-u105.pt-u105{padding:12px 13px;text-align:left;font-size:0.9rem;line-height:1.55;color:var(--pamtree-com-body-on-surface,#b8b8c8);border-top:1px solid rgba(255,255,255,0.07);vertical-align:top;}
.pt-u106.pt-u106{margin:6px 0;line-height:1.6;}
.pt-u107.pt-u107{margin:8px 0 12px 18px;color:inherit;line-height:1.6;font-size:0.92rem;}
.pt-u108.pt-u108{color:var(--pamtree-com-text);border-bottom:1px solid color-mix(in srgb, var(--pamtree-com-text) 30%, transparent);text-decoration:none;}
.pt-u109.pt-u109{display:block;color:#fff;font-size:0.95rem;margin-bottom:5px;}
.pt-u110.pt-u110{display:block;color:rgba(255,255,255,0.7);font-size:0.86rem;line-height:1.5;}
.pt-u111.pt-u111{font-size:0.95rem;line-height:1.7;color:rgba(255,255,255,0.8);margin:0 0 14px;max-width:820px;}
.pt-u112.pt-u112{padding:14px 16px;border:1px solid rgba(6,182,212,0.25);border-radius:12px;background:rgba(6,182,212,0.08);}
.pt-u113.pt-u113{position:absolute;left:0;top:0.45em;color:var(--pamtree-com-primary);font-weight:900;}
.pt-u114.pt-u114{position:relative;padding-left:22px;margin:6px 0;font-size:0.92rem;color:var(--pamtree-com-body-on-surface);line-height:1.55;}
.pt-u115.pt-u115{background:#141418;border:1px solid var(--pamtree-com-border);border-left:3px solid var(--pamtree-com-primary);border-radius:8px;margin:0 0 12px;padding:18px 22px;transition:border-color 200ms ease;}
.pt-u116.pt-u116{color:#e0e0e0;line-height:1.8;font-size:1.05rem;}
.pt-u117.pt-u117{color:var(--pamtree-com-primary);}
.pt-u118.pt-u118{color:var(--pamtree-com-primary);font-size:1.2rem;flex-shrink:0;transition:transform 200ms ease;}
.pt-u119.pt-u119{font-size:1.3rem;font-weight:800;color:#fff;margin:34px 0 12px;letter-spacing:-0.01em;}
.pt-u120.pt-u120{font-size:1.5rem;font-weight:700;color:#e0e0e0;margin-bottom:20px;letter-spacing:-0.02em;}
.pt-u121.pt-u121{list-style:none;cursor:pointer;color:var(--pamtree-com-text, #e0e0e0);font-size:1.02rem;font-weight:700;line-height:1.4;letter-spacing:-0.01em;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.pt-u122.pt-u122{margin:14px 0 0;color:var(--pamtree-com-body-on-surface, #b8b8c8);font-size:0.95rem;line-height:1.65;}

/* mobile-chip brand colors == desktop */
.pmc-applepay{background:#f5f5f71f;color:#f5f5f7;border-color:#f5f5f74d}
.pmc-bitcoin{background:#F7931A30;color:#F7931A;border-color:#F7931A4d}
.pmc-crypto{background:#F7931A30;color:#F7931A;border-color:#F7931A4d}
.pmc-mastercard{background:#EB001B30;color:#EB001B;border-color:#EB001B4d}
.pmc-mc{background:#EB001B30;color:#EB001B;border-color:#EB001B4d}
.pmc-neteller{background:#00AC4130;color:#00AC41;border-color:#00AC414d}
.pmc-paypal{background:#0070ba33;color:#4aa8e5;border-color:#0070ba55}
.pmc-paysafe{background:#26A6E530;color:#26A6E5;border-color:#26A6E54d}
.pmc-skrill{background:#B532A230;color:#B532A2;border-color:#B532A24d}
.pmc-visa{background:#568bf630;color:#568bf6;border-color:#568bf64d}

/* mobile toplist card: prominent bonus + plain terms */
.pmb-label{display:block;font-size:0.62rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--pamtree-com-muted,#8989a1);margin-bottom:1px}
/* bonus figure matches the desktop toplist's offer colour (--pamtree-com-text), not the teal accent */
.pmb-value{display:block;font-size:1.75rem;font-weight:800;line-height:1.1;color:var(--pamtree-com-text,#e0e0e0)}
.pmt-terms{font-size:0.8rem;font-weight:600;color:var(--pamtree-com-body-on-surface,#e8e8ec);white-space:normal}

/* mobile: full-width claim row */
.pmt-claim-full{display:block;width:100%;box-sizing:border-box;margin-top:10px}

/* toplist-responsive-v2 */
@media (max-width:1200px){.pamtree-com-toplist-desktop{display:none !important;}.pamtree-com-toplist-mobile{display:flex !important;}}

/* faq-accordion v1 */
.pamtree-com-faq-item{border:1px solid var(--pamtree-com-border,rgba(255,255,255,.12));border-radius:10px;margin:10px 0;background:var(--pamtree-com-card-bg,rgba(255,255,255,.03));overflow:hidden}
.pamtree-com-faq-item>summary{list-style:none;cursor:pointer;padding:15px 18px;font-weight:700;font-size:1rem;line-height:1.35;display:flex;justify-content:space-between;align-items:center;gap:14px}
.pamtree-com-faq-item>summary::-webkit-details-marker{display:none}
.pamtree-com-faq-item>summary::after{content:"+";font-size:1.5rem;font-weight:400;line-height:1;color:#06b6d4;flex:0 0 auto}
.pamtree-com-faq-item[open]>summary::after{content:"\2212"}
.pamtree-com-faq-a{padding:0 18px 16px;line-height:1.65}
.pamtree-com-faq-heading{margin-top:2rem}

/* pp-toplist-mobile-pad */@media (max-width:640px){.pt-u101{padding:0 10px !important;}.pt-u104{padding:14px 0 !important;}}

/* pt-intent-badge v2 */.pt-est-badge.pt-intent-badge{position:static !important;display:inline-block !important;top:auto !important;right:auto !important;left:auto !important;transform:none !important;margin:5px 6px 0 0 !important;padding:2px 8px !important;background:#06b6d420 !important;color:#22d3ee !important;border:1px solid #06b6d466 !important;border-radius:5px !important;font-size:0.64rem !important;font-weight:700 !important;letter-spacing:.02em !important;white-space:nowrap !important;vertical-align:middle !important;box-shadow:none !important;}

/* nested-prose-depad: a pt-u076 prose section nested inside another must not double-pad (keeps headings+paragraphs on the same site-width) */
.pt-u076 .pt-u076,.pt-u076 .pamtree-com-related-block{max-width:none !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;}

/* logo-cta v1: the toplist logo box IS an affiliate link (second CTA per row).
   The box element itself became <a> — it keeps its original layout classes, so
   geometry is unchanged; only link affordances are added here. */
.pamtree-com-logo-cta{text-decoration:none;cursor:pointer;transition:transform .15s ease,filter .15s ease}
.pamtree-com-logo-cta:hover{transform:scale(1.04);filter:brightness(1.06)}
.pamtree-com-logo-cta:focus-visible{outline:2px solid var(--pamtree-com-primary,#22d3ee);outline-offset:2px}

/* above-fold-tighten v1 — compress ONLY the chrome above the first toplist so the
   toplist lands above the fold. Scoped to the hero + main's FIRST band; every later
   band/section keeps its original spacing rhythm. !important is required because both
   templates carry inline style attributes and per-page <style> blocks. */
.pamtree-com-hero-cp{padding-top:14px !important;padding-bottom:14px !important}
.pamtree-com-hero-cp-badges{margin-top:0 !important;margin-bottom:4px !important}
.pamtree-com-hero-cp-left>h1{margin-bottom:4px !important}
.pamtree-com-rm-toggle+p{margin-top:6px !important;margin-bottom:2px !important}
.pamtree-com-rm-label-more{margin-top:2px !important}
.pamtree-com-hero-cp-byline-row{margin-top:6px !important}
main>.pamtree-com-band:first-of-type{padding-top:16px !important}
main>.pamtree-com-band:first-of-type>section:first-of-type{margin-top:0 !important}
main>.pamtree-com-band:first-of-type .pt-u099{margin-bottom:10px !important}

/* heading-hierarchy-mobile v1 — the templates forced [class*="hero"] h1 to 20px !important
   under a 25.6px H2, inverting the hierarchy on every hero page at <=768px. Restore a
   dominant H1 and bring the section H2 down to a mobile-appropriate size. Selectors are
   deliberately more specific than the offending rules so they win regardless of source
   order (per-page <style> blocks load after this file). */
@media (max-width:768px){
  section[class*="hero"] h1{font-size:1.55rem !important;line-height:1.14 !important;letter-spacing:-.02em !important}
  h2.pt-u078.pt-u078{font-size:1.2rem !important;line-height:1.22 !important}
}

/* hero-inset-match-body v1 — on mobile the hero content sat 42px in from each edge
   (18px on .pamtree-com-hero-cp + 24px on .pamtree-com-hero-cp-inner) while the H2,
   toplist and every other block sat at the .pt-u101 inset. The hero now mirrors the
   body inset exactly at both mobile breakpoints, so the left/right edge is a single
   consistent line down the whole page. */
@media (max-width:768px){
  .pamtree-com-hero-cp{padding-left:24px !important;padding-right:24px !important}
  .pamtree-com-hero-cp-inner{padding-left:0 !important;padding-right:0 !important}
}
@media (max-width:640px){
  .pamtree-com-hero-cp{padding-left:10px !important;padding-right:10px !important;padding-top:10px !important}
}

/* mobile-inset-single-source v1 — every top-level content wrapper now shares ONE
   horizontal inset on mobile, so the hero, prose, toplist and card grids all line up
   on the same left/right edge. Previously: hero 42px, .pt-u101 10px, prose/index
   sections 24px — three different edges on the same page. !important is needed for the
   inline-styled section wrappers on /guides/ and /reviews/. */
@media (max-width:768px){
  .pt-u101,.pt-u076,.pt-u082,.pt-u083,.pt-u084,.pt-u093,section[style*="max-width:1080px"]{
    padding-left:24px !important;padding-right:24px !important;
    margin-left:auto !important;margin-right:auto !important}
}
@media (max-width:640px){
  .pt-u101,.pt-u076,.pt-u082,.pt-u083,.pt-u084,.pt-u093,section[style*="max-width:1080px"]{
    padding-left:10px !important;padding-right:10px !important;
    margin-left:auto !important;margin-right:auto !important}
}

/* mobile-inset-single-source v2 — three stragglers found by measuring the CONTENT edge
   (rect.left + padding-left) rather than the box edge:
   1. Review/index pages carry a per-page inline "content-align-v2" block setting
      .pt-u082{margin-left:18px !important} inside @media(max-width:880px). Inline <style>
      loads after this file, so an equal-specificity !important loses on source order —
      these selectors are tag-qualified to outrank it.
   2. The review header used max-width:1120px while its article body uses 1080px, so the
      two centred on different edges on desktop (4px apart).
   3. paypal's per-page hero CSS omits the 24px inner padding every other page has, so its
      hero sat 24px left of its own toplist on desktop. */
h1.pt-u082,nav.pt-u083,p.pt-u084{max-width:1080px !important}
@media (max-width:768px){
  h1.pt-u082,nav.pt-u083,p.pt-u084{margin-left:auto !important;margin-right:auto !important}
}
@media (min-width:769px){
  .pamtree-com-hero-cp-inner{padding-left:24px !important;padding-right:24px !important}
}
/* paypal's per-page CSS also zeroes the .pt-u101 inset on desktop, leaving its toplist
   24px left of its own hero. No-op on every other page (they already sit at 24px). */
@media (min-width:769px){
  .pt-u101{padding-left:24px !important;padding-right:24px !important}
}

/* mobile-overflow-fix v1 — QA found horizontal page overflow at 320px on 17 pages and
   360px on 14. Two root causes, both confirmed with the unclipped-overflow finder:
   1. Review pages carry an unclassed <table> whose content forces 351px, pushing the
      body 41px past a 320px viewport. Made independently scrollable instead.
   2. The /guides/ and /reviews/ card grids use minmax(320px,1fr), which cannot fit a
      320px viewport once the page inset is applied (320 + 20 = 340). */
@media (max-width:768px){
  .pamtree-com-review-panel table,main article table,.pt-u093 table{
    display:block !important;width:100% !important;overflow-x:auto !important;
    -webkit-overflow-scrolling:touch}
}
@media (max-width:420px){
  section[style*="max-width:1080px"] div[style*="grid-template-columns"]{
    grid-template-columns:1fr !important}
}
/* Jackbit's licence value "Curaçao CGA (OGL/2024/1800/1049)" is one unbreakable token that
   overflowed its 120px key-facts cell and pushed the whole page 6px wide at 320px. */
.pamtree-com-n-kf-value,.pamtree-com-n-kf-label{overflow-wrap:anywhere;word-break:break-word}

/* nav-flyout-overflow v1 — QA (2026-07-31) found a horizontal scrollbar on EVERY desktop
   page at ~1280-1340px. Cause: the desktop nav dropdowns are position:absolute;left:0 and,
   although visibility:hidden until hover, still contribute to the document's scroll width.
   The two rightmost (Reviews, Guides) ended at 1295px and 1336px. Anchoring the last two to
   their parent's right edge makes them open leftward so they can never exceed the viewport.
   Pre-existing bug, not introduced by this session's work. */
.pamtree-com-main-nav-item:nth-last-of-type(-n+2)>.pamtree-com-main-nav-sub,
.pamtree-com-main-nav-item:nth-last-of-type(-n+2) .pamtree-com-main-nav-sub{
  left:auto !important;right:0 !important}

/* est-badge base v1 — the teal-pill rule for .pt-est-badge lived ONLY in
   pamtree-category.css and pamtree-article.css. paypal-casinos-not-on-gamstop loads
   neither (util.css + per-page <style> only), so its badges rendered as unstyled 15px
   black inline text — effectively invisible on the dark card. Declared here so the badge
   works on every template regardless of which stylesheet a page pulls. Identical values
   to the template copies, so pages that already had it are unaffected; the more specific
   .pt-est-badge.pt-intent-badge override still wins where it applies. */
.pt-est-badge{position:absolute;top:6px;right:6px;z-index:3;background:#22d3ee;color:#04121a;
  font-size:0.58rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;
  padding:2px 6px;border-radius:6px;line-height:1.2;pointer-events:none;white-space:nowrap}
/* …and the positioning context the badge anchors to. category.css/article.css declare
   position:relative on the toplist row + card containers; util.css did not, so on a page
   that loads neither (paypal), every absolutely-positioned badge escaped its row and
   anchored to <body> — all 30 stacking in the page's top-right corner. */
.pamtree-com-qr-row,td.pamtree-com-n-spec-cell-lg-vm-c,.pt-u096,.pt-u020,.pt-u040{position:relative}
