/* Fonts are linked from each page <head> (preconnect + stylesheet) —
   an @import here would chain an extra render-blocking request. */
/* ============================================================
   Lizaro UK — "Verdant Terrace"
   Cream paper + emerald floodlight + cherry ink
   Layout: magazine · Theme: light · Shape: sharp · Density: moderate
   ============================================================ */


:root{
  --bg-main:#F7F3EC;
  --bg-card:#FFFBF4;
  --bg-glass:rgba(255,251,244,.72);
  --bg-band:#EFE9DF;
  --bg-dark:#141C18;
  --bg-dark-2:#1D2822;
  --accent:#0E9F6E;
  /* darkened accent for small text on the light surfaces (AA: 5.0:1 on the band) */
  --accent-ink:#0A6E4C;
  --accent-soft:rgba(14,159,110,.14);
  --accent-2:#B02A3A;
  --accent-2-soft:rgba(176,42,58,.12);
  --text-main:#14201B;
  --text-muted:#5E6B64;
  --text-on-dark:#F2EFE8;
  --text-on-dark-muted:#A9B4AE;
  --border:rgba(20,32,27,.12);
  --border-strong:rgba(20,32,27,.24);
  --border-on-dark:rgba(242,239,232,.16);

  --font-head:'Archivo','Archivo Expanded','Helvetica Neue',Arial,sans-serif;
  --font-body:'Source Serif 4',Georgia,'Times New Roman',serif;
  --font-ui:'Archivo',system-ui,-apple-system,Segoe UI,sans-serif;

  --radius:3px;
  --radius-sm:2px;
  --wrap:1240px;
  --gutter:24px;
  --rail:3px;

  --step-1:10px;
  --step-2:18px;
  --step-3:28px;
  --step-4:44px;
  --section-y:88px;

  --shadow:0 10px 30px rgba(20,32,27,.08);
  --shadow-lift:0 16px 44px rgba(20,32,27,.14);
  --hair:1px solid var(--border);
}

/* ---------- reset / base ---------- */
*{box-sizing:border-box}
*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  margin:0;
  overflow-x:hidden;
  background:var(--bg-main);
  color:var(--text-main);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.65;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  /* emerald floodlight behind the paper */
  background-image:
    radial-gradient(1100px 520px at 78% -6%, rgba(14,159,110,.16), transparent 62%),
    radial-gradient(760px 420px at 4% 12%, rgba(176,42,58,.06), transparent 60%);
  background-repeat:no-repeat;
  background-attachment:scroll;
}

img{max-width:100%}
svg{max-width:100%}

h1,h2,h3,h4,h5{
  font-family:var(--font-head);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.015em;
  margin:0 0 var(--step-2);
  color:var(--text-main);
  text-wrap:balance;
}
h1{font-size:clamp(2.1rem,4.6vw,3.5rem);letter-spacing:-.03em}
h2{font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.022em}
h3{font-size:clamp(1.2rem,1.9vw,1.5rem);letter-spacing:-.012em}
h4{font-size:1.05rem;font-weight:700;letter-spacing:.01em}

p{margin:0 0 var(--step-2)}
p:last-child{margin-bottom:0}
strong,b{font-weight:700}

a{color:var(--accent-2);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:#8C2130}

ul,ol{margin:0 0 var(--step-2);padding-inline-start:1.25em}
li{margin-bottom:.5em}
li:last-child{margin-bottom:0}

:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* skip link — visible only on keyboard focus */
.plz-skip{
  position:absolute;
  left:-9999px;
  top:0;
  z-index:1000;
  font-family:var(--font-ui);
  font-size:.85rem;
  font-weight:700;
  padding:.7em 1.1em;
  background:var(--accent);
  color:#04150E;
  border-radius:var(--radius);
  text-decoration:none;
}
.plz-skip:focus{left:var(--gutter);top:8px}

::selection{background:rgba(176,42,58,.18)}

/* long strings never blow out a column */
p,li,td,th,dd,dt,summary,h1,h2,h3,h4{overflow-wrap:anywhere}

/* ---------- container / sections ---------- */
.plz-container{
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

.plz-section{padding-block:var(--section-y);position:relative}
.plz-section--alt{background:var(--bg-band)}
.plz-section--tight{padding-block:calc(var(--section-y) * .62)}

.plz-eyebrow{
  font-family:var(--font-ui);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--accent-ink);
  margin:0 0 var(--step-1);
  display:block;
}
.plz-eyebrow--ink{color:var(--accent-2)}

.plz-lede{font-size:1.12rem;color:var(--text-muted)}

/* cherry marker highlight under key phrases */
.plz-mark{
  background:linear-gradient(to top,var(--accent-2-soft) 0 .55em,transparent .55em);
  padding-inline:.08em;
  font-weight:600;
}

/* section intro stack — real gaps, never a single one-way margin */
.plz-section__head{
  display:flex;
  flex-direction:column;
  gap:var(--step-1);
  margin-bottom:var(--step-4);
  max-width:none;
}
.plz-section__head > *{margin:0}

/* magazine: numbered rail markers in the margin */
.plz-num{
  font-family:var(--font-head);
  font-size:clamp(1.6rem,3vw,2.4rem);
  font-weight:800;
  color:transparent;
  -webkit-text-stroke:1.5px var(--accent);
  letter-spacing:-.02em;
  line-height:1;
  display:block;
  margin-bottom:var(--step-1);
}

/* ---------- magazine grid helpers ---------- */
.plz-layout{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:var(--step-4);
  align-items:start;
}
.plz-layout > *{min-width:0}
.plz-layout--even{grid-template-columns:1fr 1fr}
.plz-layout--thirds{grid-template-columns:repeat(3,minmax(0,1fr))}
.plz-layout--offset{grid-template-columns:1fr 2fr}
@media (max-width:900px){
  .plz-layout,.plz-layout--even,.plz-layout--thirds,.plz-layout--offset{
    grid-template-columns:1fr;
    gap:var(--step-3);
  }
}

/* ---------- glass paper panel (the site's core surface) ---------- */
.plz-paper{
  background:var(--bg-glass);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border:var(--hair);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:clamp(22px,3vw,32px);
}
.plz-paper--flag{border-inline-start:var(--rail) solid var(--accent)}
.plz-paper--ink{border-inline-start:var(--rail) solid var(--accent-2)}

/* ---------- buttons ---------- */
.plz-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  font-family:var(--font-ui);
  font-size:.95rem;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.2;
  padding:.85em 1.5em;
  border-radius:var(--radius);
  border:2px solid var(--accent-2);
  background:var(--accent-2);
  color:#FFF7F1;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;
}
.plz-btn:hover{background:#8C2130;border-color:#8C2130;color:#FFF7F1;transform:translateY(-1px)}
.plz-btn:active{transform:translateY(0)}

.plz-btn--ghost{
  background:transparent;
  color:var(--accent-ink);
  border-color:var(--accent);
}
.plz-btn--ghost:hover{background:var(--accent-soft);color:#08553B;border-color:#0B7E58}

.plz-btn--lg{font-size:1.02rem;padding:1em 1.9em}
.plz-btn--sm{font-size:.85rem;padding:.75em 1.1em}
.plz-btn--block{display:flex;width:100%}

.plz-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--step-2);
  align-items:center;
}

.plz-finestep{
  font-family:var(--font-ui);
  font-size:.78rem;
  letter-spacing:.04em;
  color:var(--text-muted);
  margin:0;
}

/* ---------- icons ---------- */
.plz-icon{
  width:1.5em;
  height:1.5em;
  display:inline-block;
  vertical-align:middle;
  flex-shrink:0;
  color:var(--accent);
  stroke:currentColor;
  fill:none;
}
.plz-icon--lg{width:2rem;height:2rem}
.plz-icon--ink{color:var(--accent-2)}

/* ============================================================
   HEADER — dark bar (LOGO TONE: light logo → dark surface)
   ============================================================ */
.plz-header{
  position:sticky;
  top:0;
  z-index:900;
  background:var(--bg-dark);
  border-bottom:3px solid var(--accent);
}
.plz-header__bar{
  max-width:var(--wrap);
  margin-inline:auto;
  padding:12px var(--gutter);
  display:flex;
  align-items:center;
  gap:var(--step-3);
}
.plz-header__bar > *{min-width:0}

.plz-logo{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  text-decoration:none;
  line-height:0;
}
.plz-logo__img{
  display:block;
  height:40px;
  width:auto;
  max-width:min(45vw,200px);
  object-fit:contain;
}

.plz-nav{
  display:flex;
  align-items:center;
  gap:var(--step-3);
  margin-inline-start:auto;
  list-style:none;
  margin-block:0;
  padding:0;
}
.plz-nav li{margin:0}

.plz-nav a:not(.plz-btn){
  font-family:var(--font-ui);
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--text-on-dark);
  text-decoration:none;
  padding:.45em 0;
  border-bottom:2px solid transparent;
  display:inline-block;
  transition:color .16s ease,border-color .16s ease;
}
.plz-nav a:not(.plz-btn):hover,
.plz-nav a:not(.plz-btn):focus-visible{
  color:#FFF;
  border-bottom-color:var(--accent);
}

/* desktop: hide any nav copy of the CTA (there is none, but keep the guard) */
.plz-nav > .plz-btn{display:none}

.plz-header__cta{flex-shrink:0}

.plz-burger{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  width:44px;
  height:44px;
  flex-shrink:0;
  order:3;                 /* keep the burger at the very end of the bar */
  margin-inline-start:var(--step-2);
  padding:0;
  background:transparent;
  border:1px solid var(--border-on-dark);
  border-radius:var(--radius);
  cursor:pointer;
}
.plz-burger span{
  display:block;
  width:22px;
  height:2px;
  background:var(--text-on-dark);
  transition:transform .2s ease,opacity .2s ease;
}
.plz-header.is-open .plz-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.plz-header.is-open .plz-burger span:nth-child(2){opacity:0}
.plz-header.is-open .plz-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:960px){
  .plz-burger{display:flex}
  .plz-header__cta{margin-inline-start:auto}
  .plz-nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:0;
    padding:var(--step-2) var(--gutter) var(--step-3);
    background:var(--bg-dark-2);
    border-bottom:3px solid var(--accent);
    box-shadow:var(--shadow-lift);
  }
  .plz-header.is-open .plz-nav{display:flex}
  .plz-nav li{border-bottom:1px solid var(--border-on-dark)}
  .plz-nav li:last-child{border-bottom:0}
  .plz-nav a:not(.plz-btn){
    display:block;
    padding:.85em 0;
    font-size:1rem;
    border-bottom:0;
  }
  .plz-nav .plz-btn{width:100%;margin-top:var(--step-2)}
  .plz-header__cta{padding:.75em 1.1em;font-size:.85rem}
  .plz-logo__img{height:34px;max-width:min(45vw,160px)}
}
/* the only persistent CTA on a phone — keep it, just make it fit */
@media (max-width:480px){
  .plz-header__bar{gap:var(--step-2);padding-inline:14px}
  .plz-header__cta{
    padding:.7em .85em;
    font-size:.78rem;
    min-height:40px;
    white-space:nowrap;
  }
  .plz-burger{margin-inline-start:12px}
}

/* ============================================================
   HERO
   ============================================================ */
.plz-hero{position:relative;overflow:hidden}

.plz-hero__inner{
  position:relative;
  z-index:1;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gutter);
  display:flex;
  flex-direction:column;
  gap:var(--step-2);
  align-items:flex-start;
}
.plz-hero__inner > *{margin:0;min-width:0}

.plz-hero__img{
  display:block;
  width:100%;
  height:auto;
  max-height:70vh;
  aspect-ratio:3/2;
  object-fit:cover;
  border-radius:var(--radius);
}

/* --- HOMEPAGE: overlay pattern (full-bleed image, light text, hard scrim) --- */
.plz-hero--home{
  min-height:clamp(420px,60vh,620px);
  display:flex;
  align-items:center;
  background:linear-gradient(120deg,#101915 0%,#16281F 55%,#0E9F6E 190%);
  padding-block:calc(var(--section-y) * .8);
}
.plz-hero--home .plz-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:cover;
  border-radius:0;
  z-index:0;
}
.plz-hero--home::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(10,16,13,.92) 0%,rgba(10,16,13,.78) 45%,rgba(10,16,13,.5) 100%);
}
.plz-hero--home .plz-hero__inner{
  width:100%;
  max-width:var(--wrap);
  gap:var(--step-2);
  color:#FFFFFF;
}
.plz-hero--home .plz-hero__inner > *{position:relative;z-index:1}
.plz-hero--home h1{
  color:#FFFFFF;
  max-width:16ch;
  font-size:clamp(2.3rem,5.2vw,4rem);
}
.plz-hero--home .plz-eyebrow{color:#5FE3B0}
.plz-hero--home .plz-hero__sub{
  color:#E4E9E5;
  font-size:clamp(1.05rem,1.6vw,1.25rem);
  max-width:56ch;
}
.plz-hero--home .plz-mark{
  background:linear-gradient(to top,rgba(176,42,58,.55) 0 .55em,transparent .55em);
  color:#FFF;
}
.plz-hero--home .plz-actions{margin-top:var(--step-1)}
.plz-hero--home .plz-btn--ghost{color:#6FEFBD;border-color:#6FEFBD}
.plz-hero--home .plz-btn--ghost:hover{background:rgba(14,159,110,.22);color:#8CFFD3;border-color:#8CFFD3}
.plz-hero--home .plz-finestep{color:#C3CCC7}

/* hero fact plaque (magazine: heavy headline left, fact panel right) */
.plz-hero__plaque{
  background:rgba(255,251,244,.1);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,251,244,.22);
  border-inline-start:var(--rail) solid var(--accent);
  border-radius:var(--radius);
  padding:var(--step-2) var(--step-3);
  display:flex;
  flex-wrap:wrap;
  gap:var(--step-3);
  color:#F2EFE8;
  font-family:var(--font-ui);
  font-size:.9rem;
}
.plz-hero__plaque b{display:block;font-size:1.15rem;font-weight:800;color:#FFF}

/* --- INNER PAGES: compact band header --- */
.plz-hero--inner{
  position:relative;
  background:var(--bg-dark);
  border-bottom:3px solid var(--accent);
  min-height:180px;
  display:flex;
  align-items:center;
  padding-block:var(--step-4);
  overflow:hidden;
}
.plz-hero--inner .plz-hero__inner{
  width:100%;
  z-index:2;
  gap:var(--step-1);
  padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)));
  max-width:none;
  margin-inline:0;
}
.plz-hero--inner .plz-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:cover;
  border-radius:0;
  z-index:0;
}
/* scrim on the SECTION, not on the inner box — otherwise the section's
   vertical padding leaves unscrimmed strips of the image above and below */
.plz-hero--inner::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(12,20,16,.9) 0%,rgba(12,20,16,.74) 55%,rgba(12,20,16,.55) 100%);
}
:where(.plz-hero--inner .plz-hero__inner > :not(.plz-hero__img)){position:relative;z-index:2}
.plz-hero--inner h1{color:#FFFFFF;font-size:clamp(1.8rem,3.4vw,2.7rem)}
.plz-hero--inner .plz-eyebrow{color:#5FE3B0}
.plz-hero--inner .plz-hero__sub{color:#DDE3DF;max-width:62ch}
.plz-hero--inner .plz-breadcrumb,
.plz-hero--inner .plz-breadcrumb a{color:#B9C4BE}
.plz-hero--inner .plz-breadcrumb a:hover{color:#FFF}
.plz-hero--inner .plz-breadcrumb li::after{color:#7C8A83}

@media (max-width:600px){
  /* shorter band + off-centre crop: less of the 3:2 art is thrown away on a phone.
     The scrim stays heavy — hero text legibility outranks the picture. */
  .plz-hero--home{min-height:clamp(320px,52vh,440px)}
  .plz-hero--home::after{
    background:linear-gradient(180deg,rgba(10,16,13,.86) 0%,rgba(10,16,13,.9) 100%);
  }
  .plz-hero--home .plz-hero__img{object-position:70% 50%}
  .plz-hero--inner{min-height:140px;padding-block:var(--step-3)}
}

/* ---------- page-header (no-image legal variant) ---------- */
.plz-page-header{
  background:var(--bg-dark);
  border-bottom:3px solid var(--accent);
  padding-block:var(--step-4);
  position:relative;
  overflow:hidden;
}
.plz-page-header .plz-container{
  display:flex;
  flex-direction:column;
  gap:var(--step-1);
}
.plz-page-header h1{color:#FFFFFF;margin:0;font-size:clamp(1.8rem,3.4vw,2.6rem)}
.plz-page-header .plz-eyebrow{color:#5FE3B0;margin:0}
.plz-page-header p{color:#DDE3DF;margin:0}
.plz-page-header .plz-breadcrumb,
.plz-page-header .plz-breadcrumb a{color:#B9C4BE}
.plz-page-header .plz-breadcrumb a:hover{color:#FFF}

/* ---------- breadcrumb ---------- */
.plz-breadcrumb{
  font-family:var(--font-ui);
  font-size:.78rem;
  letter-spacing:.04em;
  color:var(--text-muted);
  margin:0 0 var(--step-1);
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.45em;
}
/* the markup nests ul.plz-breadcrumb inside nav.plz-breadcrumb — collapse the doubled gap */
.plz-breadcrumb .plz-breadcrumb{margin:0}
.plz-breadcrumb li{margin:0;display:flex;align-items:center;gap:.45em}
.plz-breadcrumb li:not(:last-child)::after{content:"/";color:var(--border-strong)}
.plz-breadcrumb a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;display:inline-block;padding-block:.5em}
.plz-breadcrumb a:hover{border-bottom-color:currentColor}

/* ============================================================
   OVERVIEW / prose
   ============================================================ */
.plz-overview p{margin-bottom:var(--step-2)}
.plz-overview h3{margin-top:var(--step-3)}
.plz-prose > :first-child{margin-top:0}

/* ============================================================
   STATS BAR — counters pattern (bare oversized numbers, no boxes)
   ============================================================ */
.plz-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));
  gap:var(--step-4) var(--step-3);
  align-items:start;
}
/* auto-fit alone leaves ONE column up to ~440px — four counters became three screens */
@media (max-width:600px){
  .plz-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--step-3)}
}
.plz-stats > *{min-width:0}
.plz-stat{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  padding:0;
  border:0;
  background:none;
}
.plz-stat__value{
  font-family:var(--font-head);
  /* 5vw made "€2,000,000" wider than its own grid column between ~850 and 1100px */
  font-size:clamp(1.5rem,3.8vw,2.9rem);
  font-weight:800;
  line-height:1;
  letter-spacing:-.035em;
  color:var(--accent);
}
.plz-stat__value--ink{color:var(--accent-2)}
.plz-stat__label{
  font-family:var(--font-ui);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.plz-stat__note{font-size:.9rem;color:var(--text-muted)}

/* on the dark hero band */
.plz-hero .plz-stat__label{color:#B9C4BE}
.plz-hero .plz-stat__value{color:#6FEFBD}

/* ============================================================
   CATEGORIES BAR — pills
   ============================================================ */
.plz-cats{
  display:flex;
  flex-wrap:wrap;
  gap:var(--step-1);
  padding:0;
  margin:0;
  list-style:none;
}
.plz-cats li{margin:0;min-width:0}
.plz-cat{
  display:inline-flex;
  align-items:center;
  gap:.45em;
  font-family:var(--font-ui);
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.04em;
  padding:.75em 1.1em;
  border:1px solid var(--border-strong);
  border-radius:var(--radius);
  background:var(--bg-card);
  color:var(--text-main);
  text-decoration:none;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
/* only the <a> variant is interactive — the <span> chips on /games and /sport
   are labels, so they must not offer a hover affordance or a filter-on look */
a.plz-cat:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text-main)}
span.plz-cat{cursor:default}
.plz-cat--on{background:var(--accent);border-color:var(--accent);color:#04150E}
span.plz-cat--on{background:var(--accent-soft);border-color:var(--accent);color:var(--text-main)}
.plz-cat b{font-weight:800;color:var(--accent-2)}
.plz-cat--on b{color:#04150E}
span.plz-cat--on b{color:var(--accent-2)}

/* ============================================================
   FEATURE CARDS — grid pattern
   ============================================================ */
.plz-features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));
  gap:var(--step-3);
  align-items:stretch;
}
.plz-features > *{min-width:0}
.plz-feature{
  display:flex;
  flex-direction:column;
  gap:var(--step-1);
  background:var(--bg-glass);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border:var(--hair);
  border-inline-start:var(--rail) solid var(--accent);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:clamp(20px,2.4vw,28px);
  transition:box-shadow .2s ease,transform .2s ease;
}
.plz-feature:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.plz-feature > *{margin:0}
.plz-feature__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:var(--radius);
  background:var(--accent-soft);
  color:var(--accent);
  margin-bottom:.25rem;
}
.plz-feature__icon .plz-icon{width:1.5rem;height:1.5rem}
.plz-feature h3{font-size:1.12rem}
.plz-feature p{color:var(--text-muted);font-size:.98rem}
.plz-feature__fig{
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.1rem;
  color:var(--accent-2);
  letter-spacing:-.01em;
}

/* ============================================================
   CARDS GRID (second level)
   ============================================================ */
.plz-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
  gap:var(--step-3);
}
.plz-cards > *{min-width:0}
.plz-card{
  display:flex;
  flex-direction:column;
  gap:var(--step-1);
  background:var(--bg-card);
  border:var(--hair);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:clamp(20px,2.4vw,28px);
}
.plz-card > *{margin:0}
.plz-card h3{font-size:1.08rem}
.plz-card p{color:var(--text-muted);font-size:.97rem}
.plz-card__meta{
  font-family:var(--font-ui);
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent-ink);
  font-weight:700;
}
.plz-card a{font-family:var(--font-ui);font-size:.9rem;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}

/* ============================================================
   DATA TABLE / bonus table / payments table
   ============================================================ */
.plz-table-wrap{
  overflow-x:auto;
  max-width:100%;
  margin-block:1.5rem;
  border:var(--hair);
  border-radius:var(--radius);
  /* edge shadows that appear only while there is more table to scroll to */
  background:
    linear-gradient(to right,var(--bg-card) 40%,rgba(255,251,244,0)) left center/44px 100% no-repeat local,
    linear-gradient(to left,var(--bg-card) 40%,rgba(255,251,244,0)) right center/44px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(20,32,27,.18),rgba(20,32,27,0)) left center/16px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(20,32,27,.18),rgba(20,32,27,0)) right center/16px 100% no-repeat scroll,
    var(--bg-card);
  -webkit-overflow-scrolling:touch;
}
.plz-table{
  width:100%;
  border-collapse:collapse;
  font-size:.96rem;
  min-width:520px;
}
.plz-table caption{
  caption-side:top;
  text-align:start;
  font-family:var(--font-ui);
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--text-muted);
  padding:var(--step-2) var(--step-2) var(--step-1);
}
.plz-table th,
.plz-table td{
  padding:.9em 1.1em;
  text-align:start;
  border-bottom:1px solid var(--border);
  vertical-align:top;
}
.plz-table th{
  white-space:nowrap;
  font-family:var(--font-ui);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--text-main);
  background:var(--bg-band);
  border-bottom:2px solid var(--border-strong);
}
/* row headers are sentences, not column labels: no all-caps, no nowrap
   (nowrap on a 42-character question blew the first column past 400px) */
.plz-table th[scope="row"]{
  white-space:normal;
  text-transform:none;
  letter-spacing:0;
  font-size:.92rem;
  border-bottom:1px solid var(--border);
}
.plz-table tbody tr:last-child td{border-bottom:0}
.plz-table tbody tr:last-child th[scope="row"]{border-bottom:0}
.plz-table tbody tr:hover{background:var(--accent-soft)}
.plz-table td b,
.plz-table td strong{color:var(--accent-2)}
.plz-table .plz-num-cell{
  font-family:var(--font-ui);
  font-weight:700;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.plz-table__step{
  font-family:var(--font-head);
  font-weight:800;
  color:var(--accent);
  white-space:nowrap;
}

/* payments strip — compact method rows */
.plz-payments{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));
  gap:var(--step-2);
}
.plz-payments > *{min-width:0}
.plz-pay{
  display:flex;
  align-items:center;
  gap:var(--step-2);
  background:var(--bg-card);
  border:var(--hair);
  border-radius:var(--radius);
  padding:.85rem 1rem;
}
.plz-pay .plz-icon{color:var(--accent)}
.plz-pay__name{
  font-family:var(--font-ui);
  font-weight:700;
  font-size:.92rem;
  display:block;
  line-height:1.3;
}
.plz-pay__lim{
  font-size:.82rem;
  color:var(--text-muted);
  font-variant-numeric:tabular-nums;
  display:block;
}

/* ============================================================
   TWO COLS + CONTENT PANEL
   ============================================================ */
.plz-two{
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:var(--step-4);
  align-items:start;
}
.plz-two > *{min-width:0}
.plz-two--mirror .plz-two__main{order:2}
.plz-two--mirror .plz-two__aside{order:1}
@media (max-width:900px){
  .plz-two{grid-template-columns:1fr;gap:var(--step-3)}
  .plz-two--mirror .plz-two__main,
  .plz-two--mirror .plz-two__aside{order:0}
}

.plz-panel{
  background:var(--bg-glass);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border:var(--hair);
  border-inline-start:var(--rail) solid var(--accent-2);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:clamp(22px,2.6vw,30px);
  display:flex;
  flex-direction:column;
  gap:var(--step-2);
}
.plz-panel > *{margin:0}
.plz-panel__title{
  font-family:var(--font-ui);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--accent-2);
}
.plz-panel--sticky{position:sticky;top:96px}
@media (max-width:900px){.plz-panel--sticky{position:static}}

/* quick facts <dl> */
.plz-facts{margin:0;display:flex;flex-direction:column;gap:0}
.plz-facts__row{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:.75rem;
  padding:.7rem 0;
  border-bottom:1px solid var(--border);
}
.plz-facts__row:last-child{border-bottom:0}
.plz-facts dt{
  font-family:var(--font-ui);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin:0;
  min-width:0;
}
.plz-facts dd{
  margin:0;
  font-weight:700;
  text-align:end;
  min-width:0;
  font-size:.96rem;
}
/* once the pair wraps, a right-aligned value under a left-aligned label reads as a mistake */
@media (max-width:600px){
  .plz-facts dd{text-align:start}
}

/* checklist */
.plz-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.plz-checklist li{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  margin:0;
  font-size:.97rem;
  min-width:0;
}
.plz-checklist .plz-icon{color:var(--accent);margin-top:.15em}
.plz-checklist--no .plz-icon{color:var(--accent-2)}

/* mini stat tiles inside a panel */
.plz-tiles{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));
  gap:var(--step-1);
}
.plz-tiles > *{min-width:0}
.plz-tile{
  background:var(--bg-card);
  border:var(--hair);
  border-radius:var(--radius);
  padding:.85rem 1rem;
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
.plz-tile__v{
  font-family:var(--font-head);
  font-size:1.35rem;
  font-weight:800;
  line-height:1.1;
  color:var(--text-main);
  font-variant-numeric:tabular-nums;
}
.plz-tile__l{
  font-family:var(--font-ui);
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-muted);
}

/* rating badge */
.plz-score{
  display:flex;
  align-items:center;
  gap:var(--step-2);
  flex-wrap:wrap;
}
.plz-score__v{
  font-family:var(--font-head);
  font-size:2.6rem;
  font-weight:800;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--accent);
}
.plz-score__stars{display:inline-flex;gap:.15rem;color:var(--accent-2)}
.plz-score__stars .plz-icon{width:1.05rem;height:1.05rem;fill:currentColor}
.plz-score__label{
  font-family:var(--font-ui);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
}

/* ============================================================
   VERDICT BOX
   ============================================================ */
.plz-verdict{
  background:var(--bg-card);
  border:1px solid var(--border-strong);
  border-inline-start:var(--rail) solid var(--accent-2);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:clamp(24px,3vw,36px);
  display:flex;
  flex-direction:column;
  gap:var(--step-2);
}
.plz-verdict > *{margin:0}
.plz-verdict h2,.plz-verdict h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.plz-verdict__lead{font-size:1.08rem}
.plz-verdict__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));
  gap:var(--step-2);
}
.plz-verdict__grid > *{min-width:0}

/* ============================================================
   PROS / CONS
   ============================================================ */
.plz-proscons{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));
  gap:var(--step-3);
}
.plz-proscons > *{min-width:0}
.plz-pros,
.plz-cons{
  background:var(--bg-card);
  border:var(--hair);
  border-radius:var(--radius);
  padding:clamp(20px,2.4vw,28px);
  display:flex;
  flex-direction:column;
  gap:var(--step-2);
}
.plz-pros{border-top:3px solid var(--accent)}
.plz-cons{border-top:3px solid var(--accent-2)}
.plz-pros > *,.plz-cons > *{margin:0}
.plz-pros h3,.plz-cons h3{
  font-family:var(--font-ui);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.plz-pros h3{color:var(--accent-ink)}
.plz-cons h3{color:var(--accent-2)}
.plz-pros ul,.plz-cons ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.7rem;
}
.plz-pros li,.plz-cons li{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  margin:0;
  font-size:.98rem;
  min-width:0;
}
.plz-pros .plz-icon{color:var(--accent)}
.plz-cons .plz-icon{color:var(--accent-2)}

/* ============================================================
   NUMBERED LIST (real sequences only — the offer ladder)
   ============================================================ */
.plz-steps{
  list-style:none;
  counter-reset:plzstep;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--step-3);
}
.plz-steps > li{
  counter-increment:plzstep;
  position:relative;
  margin:0;
  padding-inline-start:4.2rem;
  min-width:0;
}
.plz-steps > li::before{
  content:counter(plzstep,decimal-leading-zero);
  position:absolute;
  inset-inline-start:0;
  top:-.1em;
  font-family:var(--font-head);
  font-size:2.1rem;
  font-weight:800;
  line-height:1;
  letter-spacing:-.03em;
  color:transparent;
  -webkit-text-stroke:1.5px var(--accent);
}
.plz-steps h3{font-size:1.08rem;margin-bottom:.35rem}
.plz-steps p{color:var(--text-muted);margin:0}
@media (max-width:520px){
  .plz-steps > li{padding-inline-start:3.2rem}
  .plz-steps > li::before{font-size:1.6rem}
}

/* ============================================================
   RTP GRID — game tiles (max 4 per row)
   ============================================================ */
.plz-rtp{
  display:grid;
  gap:clamp(.6rem,1.5vw,1rem);
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:640px){.plz-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.plz-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}

.plz-rtp-item{
  position:relative;
  overflow:hidden;
  min-width:0;
  background:var(--bg-card);
  border:var(--hair);
  border-radius:var(--radius);
  text-decoration:none;
  color:inherit;
  display:block;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.plz-rtp-item:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}
.plz-rtp-item__thumb{
  display:block;
  aspect-ratio:3/2;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#12362A 0%,#0E9F6E 55%,#B02A3A 140%);
}
.plz-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.plz-rtp-item__body{
  display:block;
  padding:.65rem .8rem .8rem;
}
.plz-rtp-item__name{
  display:block;
  font-family:var(--font-ui);
  font-size:.86rem;
  font-weight:700;
  line-height:1.3;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* two-column grid on a phone cut most titles to "Queen of Wonder…" — wrap to two lines instead */
@media (max-width:640px){
  .plz-rtp-item__name{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
}
.plz-rtp-item__meta{
  display:block;
  font-size:.76rem;
  color:var(--text-muted);
  font-family:var(--font-ui);
  letter-spacing:.04em;
}
.plz-rtp-tooltip{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  opacity:0;
  transition:opacity .2s ease;
  background:rgba(12,20,16,.9);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  color:#F2EFE8;
  font-family:var(--font-ui);
  font-size:.76rem;
  letter-spacing:.03em;
  padding:.5rem .7rem;
  pointer-events:none;
}
.plz-rtp-item:hover .plz-rtp-tooltip,
.plz-rtp-item:focus-visible .plz-rtp-tooltip{opacity:1}

/* ============================================================
   TOC
   ============================================================ */
.plz-toc{
  background:var(--bg-card);
  border:var(--hair);
  border-inline-start:var(--rail) solid var(--accent);
  border-radius:var(--radius);
  padding:clamp(18px,2.2vw,26px);
  display:flex;
  flex-direction:column;
  gap:var(--step-1);
}
.plz-toc > *{margin:0}
.plz-toc__title{
  font-family:var(--font-ui);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.plz-toc ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.55rem var(--step-2);
}
.plz-toc li{margin:0;min-width:0}
.plz-toc a{
  display:inline-block;
  font-family:var(--font-ui);
  font-size:.9rem;
  font-weight:600;
  color:var(--text-main);
  text-decoration:none;
  border-bottom:2px solid var(--accent-soft);
  padding-block:.35em;
}
.plz-toc a:hover{border-bottom-color:var(--accent);color:var(--accent)}

/* ============================================================
   FAQ — single column pattern
   ============================================================ */
.plz-faq{display:block;max-width:none}
.plz-faq details{
  border-bottom:1px solid var(--border);
  background:transparent;
}
.plz-faq details:first-of-type{border-top:1px solid var(--border)}
.plz-faq summary{
  cursor:pointer;
  padding:1rem 0;
  font-weight:600;
  list-style:none;
  font-family:var(--font-head);
  font-size:1.02rem;
  letter-spacing:-.005em;
  display:flex;
  align-items:baseline;
  gap:.5rem;
}
.plz-faq summary::-webkit-details-marker{display:none}
.plz-faq summary::before{
  content:'+';
  width:1rem;
  transition:transform .2s ease;
  font-family:var(--font-ui);
  font-weight:700;
  color:var(--accent);
  flex-shrink:0;
}
.plz-faq details[open] summary::before{content:'−';color:var(--accent-2)}
.plz-faq summary:hover{color:var(--accent-2)}
/* answer aligns with the question text, not with the +/− marker */
.plz-faq details > :not(summary){padding:.5rem 0 1rem 1.5rem;color:var(--text-muted)}
.plz-faq details > :not(summary):last-child{margin-bottom:0}

/* ============================================================
   LEGAL BODY
   ============================================================ */
.plz-legal{counter-reset:plzsec}
.plz-legal > h2{
  counter-increment:plzsec;
  margin-top:var(--step-4);
  font-size:clamp(1.25rem,2.1vw,1.6rem);
  display:flex;
  gap:.7rem;
  align-items:baseline;
}
.plz-legal > h2::before{
  content:counter(plzsec) ".";
  font-family:var(--font-ui);
  font-size:.9em;
  font-weight:700;
  color:var(--accent);
  flex-shrink:0;
}
.plz-legal > h2:first-child{margin-top:0}
.plz-legal h3{margin-top:var(--step-3);font-size:1.05rem}
.plz-legal p,.plz-legal li{color:var(--text-main)}
.plz-legal ul,.plz-legal ol{margin-bottom:var(--step-2)}
.plz-legal__meta{
  font-family:var(--font-ui);
  font-size:.8rem;
  color:var(--text-muted);
  border-bottom:1px solid var(--border);
  padding-bottom:var(--step-2);
  margin-bottom:var(--step-3);
}

/* ============================================================
   CTA BLOCK
   ============================================================ */
.plz-cta{
  padding-block:var(--section-y);
  background:var(--bg-dark);
  background-image:radial-gradient(720px 320px at 82% 10%,rgba(14,159,110,.3),transparent 65%);
  border-block:3px solid var(--accent);
}
.plz-cta__inner{
  display:flex;
  flex-direction:column;
  gap:var(--step-2);
  align-items:flex-start;
  text-align:start;
}
.plz-cta__inner > *{margin:0;max-width:64ch}
.plz-cta h2{color:#FFFFFF}
.plz-cta p{color:#DDE3DF}
.plz-cta .plz-eyebrow{color:#5FE3B0}
.plz-cta .plz-actions{justify-content:flex-start}
.plz-cta .plz-btn--ghost{color:#6FEFBD;border-color:#6FEFBD}
.plz-cta .plz-btn--ghost:hover{background:rgba(14,159,110,.22);color:#8CFFD3;border-color:#8CFFD3}
.plz-cta .plz-finestep{color:#B9C4BE}

.plz-cta--center .plz-cta__inner{align-items:center;text-align:center;margin-inline:auto}
.plz-cta--center .plz-actions{justify-content:center}

/* ============================================================
   STICKY NAV (mobile)
   ============================================================ */
.plz-sticky-nav{display:none}
@media (max-width:767px){
  .plz-sticky-nav{
    display:flex;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:850;
    background:var(--bg-dark);
    border-top:3px solid var(--accent);
    padding:.4rem .3rem calc(.4rem + env(safe-area-inset-bottom,0px));
    gap:.2rem;
  }
  .plz-sticky-nav a{
    flex:1 1 0;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.2rem;
    padding:.45rem .2rem;
    font-family:var(--font-ui);
    font-size:.66rem;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:var(--text-on-dark);
    text-decoration:none;
    border-radius:var(--radius);
  }
  .plz-sticky-nav a .plz-icon{width:1.25rem;height:1.25rem;color:#6FEFBD}
  .plz-sticky-nav a:hover,.plz-sticky-nav a:focus-visible{background:rgba(14,159,110,.2)}
  .plz-sticky-nav a.is-cta{color:#FFD9DE}
  .plz-sticky-nav a.is-cta .plz-icon{color:#FF8A99}
  body:has(.plz-sticky-nav){padding-bottom:64px}
}

/* ============================================================
   CHAT WIDGET
   ============================================================ */
.plz-chat-btn{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:880;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.8rem 1.1rem;
  background:var(--accent);
  color:#04150E;
  border:0;
  border-radius:var(--radius);
  box-shadow:var(--shadow-lift);
  font-family:var(--font-ui);
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
}
.plz-chat-btn:hover{background:#0B7E58;color:#EAFFF6}
.plz-chat-btn .plz-icon{width:1.2rem;height:1.2rem;color:currentColor}
@media (max-width:767px){.plz-chat-btn{bottom:78px}}

.plz-chat{
  display:none;
  position:fixed;
  inset:auto 18px 18px auto;
  z-index:890;
  width:min(340px,calc(100vw - 36px));
  background:var(--bg-card);
  border:1px solid var(--border-strong);
  border-radius:var(--radius);
  box-shadow:var(--shadow-lift);
  padding:var(--step-3);
}
.plz-chat.is-open{display:flex;flex-direction:column;gap:var(--step-2)}
.plz-chat > *{margin:0}
.plz-chat h3{font-size:1.05rem}
.plz-chat p{font-size:.92rem;color:var(--text-muted)}
@media (max-width:767px){.plz-chat{bottom:78px}}

/* ============================================================
   FOOTER — dark (LOGO TONE: light)
   ============================================================ */
.plz-footer{
  background:var(--bg-dark);
  color:var(--text-on-dark);
  border-top:3px solid var(--accent);
  font-size:.95rem;
}
.plz-footer__top{
  padding-block:var(--step-4);
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:var(--step-4) var(--step-3);
  align-items:start;
}
.plz-footer__top > *{min-width:0}
@media (max-width:900px){
  .plz-footer__top{grid-template-columns:1fr 1fr;gap:var(--step-3)}
}
@media (max-width:560px){
  .plz-footer__top{grid-template-columns:1fr}
}

.plz-footer__brand{
  display:flex;
  flex-direction:column;
  gap:var(--step-2);
  align-items:flex-start;
}
.plz-footer__brand > *{margin:0}
.plz-footer__tag{color:var(--text-on-dark-muted);max-width:44ch}

.plz-footer__col h3{
  font-family:var(--font-ui);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#5FE3B0;
  margin:0 0 var(--step-2);
}
.plz-footer__col ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.15rem;
}
.plz-footer__col li{margin:0;min-width:0}
/* ~24px tall links with a 10px gap are unusable with a thumb — pad them out */
.plz-footer__col a{
  display:inline-block;
  padding-block:.45em;
  color:var(--text-on-dark);
  text-decoration:none;
  font-family:var(--font-ui);
  font-size:.9rem;
  border-bottom:1px solid transparent;
}
.plz-footer__col a:hover{color:#FFF;border-bottom-color:var(--accent)}

.plz-footer__note{
  color:var(--text-on-dark-muted);
  font-size:.86rem;
  line-height:1.6;
  margin:0;
}
.plz-footer__age{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-family:var(--font-ui);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.1em;
  padding:.4em .7em;
  border:2px solid var(--accent-2);
  border-radius:var(--radius);
  color:#FF9AA6;
}

.plz-footer__disclaimer{
  border-top:1px solid var(--border-on-dark);
  padding-block:var(--step-3);
  display:flex;
  flex-direction:column;
  gap:var(--step-2);
}
.plz-footer__disclaimer > *{margin:0}
.plz-footer__disclaimer p{
  color:var(--text-on-dark-muted);
  font-size:.84rem;
  line-height:1.62;
  max-width:none;
}
.plz-footer__disclaimer a{color:#9EE9C8}
.plz-footer__disclaimer a:hover{color:#C9FFE6}

.plz-footer__bottom{
  border-top:1px solid var(--border-on-dark);
  padding-block:var(--step-3);
  display:flex;
  flex-wrap:wrap;
  gap:var(--step-2);
  align-items:center;
  justify-content:space-between;
}
.plz-footer__bottom p{
  margin:0;
  font-family:var(--font-ui);
  font-size:.8rem;
  letter-spacing:.03em;
  color:var(--text-on-dark-muted);
}

/* ============================================================
   MOTION / A11Y
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}

@media (max-width:600px){
  :root{--section-y:60px;--step-4:32px;--gutter:18px}
  body{font-size:16px}
}
/* ============================================================
   RHYTHM / NAV STATE / ANCHOR OFFSET  (audit fixes)
   ============================================================ */

/* grids and flex lists carry margin:0, so whatever follows them sat flush
   against the last card, tile or step. sa-rhythm only covered ul/ol/table. */
:where(main) :where(
  .plz-cards,.plz-features,.plz-rtp,.plz-steps,.plz-faq,
  .plz-two,.plz-proscons,.plz-payments,.plz-stats,.plz-cats
) + *{margin-block-start:var(--step-3)}

/* two light sections in a row (e.g. /sport) merged into one undivided block */
.plz-section:not(.plz-section--alt):not(.plz-cta) + .plz-section:not(.plz-section--alt):not(.plz-cta){
  border-top:1px solid var(--border);
}

/* hash links land under the sticky header without this */
:where(main) [id],main[id]{scroll-margin-top:88px}

/* the active page had no visual state at all (JS sets aria-current) */
.plz-nav a[aria-current="page"]:not(.plz-btn){
  color:#FFF;
  border-bottom-color:var(--accent);
}
.plz-footer__col a[aria-current="page"]{color:#FFF;border-bottom-color:var(--accent)}

/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.plz-footer .plz-logo__img{filter:none;background:transparent;padding:0}
.plz-footer .plz-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.plz-logo__img{object-fit:contain}
/* sa-ph-media */
.plz-page-header:has(.plz-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.plz-page-header:has(.plz-hero__img) .plz-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.plz-page-header:has(.plz-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.plz-page-header:has(.plz-hero__img)>:not(.plz-hero__img)){position:relative}
.plz-page-header:has(.plz-hero__img)>:not(.plz-hero__img){z-index:2}
.plz-page-header:has(.plz-hero__img),.plz-page-header:has(.plz-hero__img) h1,.plz-page-header:has(.plz-hero__img) a,.plz-page-header:has(.plz-hero__img) p,.plz-page-header:has(.plz-hero__img) li,.plz-page-header:has(.plz-hero__img) span{color:#fff}
/* sa-hero-media */
.plz-hero:has(>.plz-hero__img){position:relative;isolation:isolate}
.plz-hero:has(>.plz-hero__img)>.plz-hero__img{z-index:0}
.plz-hero:has(>.plz-hero__img)::after{z-index:1}
:where(.plz-hero:has(>.plz-hero__img)>:not(.plz-hero__img)){position:relative}
.plz-hero:has(>.plz-hero__img)>:not(.plz-hero__img){z-index:2}
/* sa-rhythm */
:where(.plz-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.plz-table-wrap)+p{margin-block-start:1rem}
/* sa-slot-link */
.plz-rtp-item,.plz-rtp-item:hover,.plz-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
/* sa-rtp-touch */
.plz-rtp-item__thumb{display:block}
@media (hover:none){.plz-rtp-item__thumb{aspect-ratio:auto;overflow:visible}.plz-rtp-item__thumb img{height:auto}.plz-rtp-tooltip{position:static;opacity:1;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text-muted);border-top:0;padding:.4rem .7rem 0;font-size:.74rem;line-height:1.35}.plz-rtp-item__name{padding-top:.35rem}}
/* sa-icon-on-fill */
.plz-cat--on .plz-icon{color:inherit}
/* sa-sticky-pad */