/* Lemon Casino PL — satellite styles (brand palette) */
:root{
  --bg-main:#17302f;
  --bg-section:#1b2827;
  --bg-card:#1b4b48;
  --bg-header:#1b2827;
  --bg-table-odd:#1b2827;
  --bg-table-head:#17302f;
  --border:#2f615d;
  --border-soft:#1b4b48;
  --yellow:#ffd36c;
  --yellow-light:#ffe5aa;
  --yellow-link:#ffda85;
  --orange:#ff9533;
  --text:#ffffff;
  --text-muted:#dadada;
  --text-secondary:#ffe5aa;
  --btn-text:#1b2827;
  --btn-hover-bg:#ffe5aa;
  --hover-yellow-fade:#ffd36c33;
  --shadow:0 4px 18px rgba(0,0,0,.35);
  --shadow-glow:0 0 28px rgba(255,211,108,.18);
  --radius:10px;
  --radius-sm:6px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--bg-main);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--yellow-link);text-decoration:none;transition:color .15s ease}
a:hover{color:var(--yellow)}
ul,ol{padding-left:1.4em}
li{margin:.4em 0}
h1,h2,h3,h4{line-height:1.25;font-weight:700;color:var(--text)}
h1{font-size:2rem;margin:0 0 .6em}
h2{font-size:1.55rem;margin:1.8em 0 .7em;color:var(--yellow);position:relative;padding-left:14px}
h2::before{content:"";position:absolute;left:0;top:.25em;bottom:.25em;width:4px;background:linear-gradient(180deg,var(--yellow),var(--orange));border-radius:2px}
h3{font-size:1.2rem;margin:1.4em 0 .5em;color:var(--yellow-light)}
p{margin:.7em 0;color:var(--text-muted)}
strong{color:var(--text)}
.container{max-width:1200px;margin:0 auto;padding:0 18px}

/* HEADER */
.header{background:var(--bg-header);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:100}
.header__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}
.header__logo{flex-shrink:0}
.header__nav{display:none}
.header__nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:0}
.header__nav a{color:var(--text);font-size:.92rem;font-weight:500}
.header__nav a:hover{color:var(--yellow)}
.btn{display:inline-block;background:var(--yellow);color:var(--btn-text);font-weight:700;padding:11px 22px;border-radius:var(--radius-sm);font-size:.95rem;transition:background .15s,transform .15s,box-shadow .15s;border:none;cursor:pointer;text-align:center;font-family:inherit;text-transform:uppercase;letter-spacing:.02em}
.btn:hover{background:var(--btn-hover-bg);color:var(--btn-text);transform:translateY(-1px);box-shadow:var(--shadow-glow)}
.btn--lg{padding:15px 32px;font-size:1.05rem}
.btn--orange{background:var(--orange);color:#fff}
.btn--orange:hover{background:#ffac5c;color:#fff}
.menu-toggle{background:none;border:1px solid var(--border);color:var(--yellow);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem}

/* HERO */
.hero{background:linear-gradient(135deg,var(--bg-main) 0%,var(--bg-section) 50%,var(--bg-card) 100%);padding:50px 0 40px;border-bottom:1px solid var(--border-soft);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 25%,var(--yellow) 0%,transparent 60%);opacity:.07;pointer-events:none}
.hero__inner{display:grid;gap:24px;position:relative;z-index:1}
.hero h1{font-size:2rem;background:linear-gradient(90deg,var(--yellow),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero__lead{font-size:1.1rem;color:var(--text);max-width:760px}
.hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
.hero__stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;transition:transform .15s,box-shadow .15s}
.hero__stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.hero__stat-val{font-size:1.45rem;font-weight:800;color:var(--yellow);display:block}
.hero__stat-lbl{font-size:.85rem;color:var(--text-muted);margin-top:4px;display:block}
.hero__cta{margin-top:10px}
.hero__media{position:relative;margin:18px 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-soft)}
.hero__media img{width:100%;height:auto;display:block}
.hero__media-cta{position:absolute;left:18px;bottom:18px;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.4)}
@media(max-width:767px){
  .hero{padding:24px 0 28px}
  .hero__inner{gap:12px}
  .crumbs{margin:4px 0}
  .hero h1{margin-bottom:.3em}
  .hero__stats{margin:10px 0;gap:10px}
  .hero__stat{padding:12px}
  .hero__media{margin:8px 0 14px}
  .hero__media-cta{position:static;display:block;width:calc(100% - 36px);margin:14px 18px 18px;text-align:center}
}
@media(min-width:768px){
  .hero__media-cta{left:32px;bottom:32px}
}

/* SECTIONS */
.section{padding:34px 0;border-bottom:1px solid var(--border-soft)}
.section:last-of-type{border-bottom:none}
.section--alt{background:var(--bg-section)}
.section--dark{background:#0e1f1e}

/* BANNER (full-width inside section) */
.banner{margin:18px 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-soft)}
.banner img{width:100%;height:auto;display:block}
.banner--full{margin-left:-18px;margin-right:-18px;border-radius:0;border-left:none;border-right:none}
.media-row{display:grid;grid-template-columns:1fr;gap:14px;margin:18px 0}
.media-row img{border-radius:var(--radius-sm);border:1px solid var(--border-soft)}
.icon-inline{width:36px;height:36px;display:inline-block;vertical-align:middle;margin-right:8px}

/* CARDS / GRIDS */
.cards{display:grid;gap:14px;grid-template-columns:1fr;margin:18px 0}
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.card h3{margin-top:0;color:var(--yellow)}
.card__num{color:var(--orange);font-weight:800;font-size:1.3rem;display:inline-block;margin-right:8px}
.card__img{margin:-18px -18px 14px;border-bottom:1px solid var(--border)}
.card__img img{width:100%;height:auto;display:block}

/* TABLES */
.table-wrap{overflow-x:auto;margin:18px 0;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card)}
table{width:100%;border-collapse:collapse;font-size:.94rem}
th,td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-soft);color:var(--text)}
th{background:var(--bg-table-head);color:var(--yellow);font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em}
tr:nth-child(odd) td{background:var(--bg-table-odd)}
tr:last-child td{border-bottom:none}
tr:hover td{background:var(--bg-card)}

/* QUICK NAV (anchor pills under hero) */
.quick-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.quick-nav a{display:inline-block;background:var(--bg-card);border:1px solid var(--border);color:var(--yellow-light);padding:8px 14px;border-radius:20px;font-size:.88rem;font-weight:500;transition:all .15s}
.quick-nav a:hover{background:var(--yellow);color:var(--btn-text);border-color:var(--yellow);transform:translateY(-1px)}

/* FACTS GRID (4 mini-cards) */
.facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0 24px}
.facts-grid__item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;align-items:center;gap:12px}
.facts-grid__icon{font-size:1.8rem;line-height:1;flex-shrink:0}
.facts-grid__txt{display:flex;flex-direction:column;gap:2px}
.facts-grid__lbl{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}
.facts-grid__val{font-size:.98rem;color:var(--yellow);font-weight:700;line-height:1.3}
@media(min-width:768px){.facts-grid{grid-template-columns:repeat(4,1fr)}}

/* STATUS CARD (split pros/cons) */
.status-card{display:grid;grid-template-columns:1fr;gap:0;margin:20px 0 24px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}
.status-card__col{padding:18px 20px;background:var(--bg-card)}
.status-card__col--neg{background:rgba(245,90,90,.08);border-left:4px solid #f55a5a}
.status-card__col--pos{background:rgba(106,222,150,.06);border-left:4px solid #6ade96}
.status-card__head{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text);margin-bottom:8px;font-size:1rem}
.status-card__head .ico{font-size:1.4rem;line-height:1}
.status-card__body{font-size:.92rem;color:var(--text-muted);line-height:1.55}
.status-card__body strong{color:var(--text)}
@media(min-width:768px){.status-card{grid-template-columns:1fr 1fr}}

/* TL;DR BOX (key takeaway) */
.tldr{background:linear-gradient(135deg,rgba(255,211,108,.1),rgba(255,149,51,.05));border:1px solid var(--yellow);border-radius:var(--radius);padding:16px 20px;margin:18px 0 22px;display:flex;gap:14px;align-items:flex-start}
.tldr__ico{font-size:1.6rem;line-height:1;flex-shrink:0}
.tldr__txt{font-size:.96rem;color:var(--text);line-height:1.55}
.tldr__txt strong{color:var(--yellow)}

/* CALLOUT */
.callout{background:linear-gradient(135deg,var(--bg-card),var(--bg-section));border-left:4px solid var(--yellow);padding:18px 20px;border-radius:var(--radius-sm);margin:20px 0;color:var(--text)}
.callout--orange{border-left-color:var(--orange)}
.callout strong{color:var(--yellow)}

/* CODE BADGE */
.code-badge{display:inline-block;background:var(--yellow);color:var(--btn-text);font-family:'Courier New',monospace;font-weight:800;padding:5px 12px;border-radius:4px;letter-spacing:.06em;font-size:.95em;box-shadow:0 0 0 1px var(--yellow-light) inset}

/* FAQ */
.faq{margin:22px 0}
.faq__item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden;transition:border-color .15s}
.faq__item:hover{border-color:var(--yellow)}
.faq__item[open]{border-color:var(--yellow)}
.faq__q{width:100%;background:none;border:none;color:var(--text);text-align:left;padding:16px 20px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:inherit;list-style:none}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{content:"+";color:var(--yellow);font-size:1.5rem;font-weight:400;line-height:1;flex-shrink:0;transition:transform .2s}
.faq__item[open] .faq__q::after{content:"−"}
.faq__a{padding:0 20px 18px;color:var(--text-muted);font-size:.96rem}

/* AUTHOR BOX (E-E-A-T) */
.author-sec{padding:26px 0}
.author-box{display:flex;gap:18px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}
.author-box__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--yellow);flex-shrink:0}
.author-box__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.author-box__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}
.author-box__name{font-size:1.15rem;font-weight:700;color:var(--yellow)}
.author-box__role{font-size:.9rem;color:var(--text-secondary)}
.author-box__bio{margin:.5em 0;font-size:.94rem;color:var(--text-muted)}
.author-box__meta{font-size:.84rem;color:var(--text-muted);border-top:1px solid var(--border-soft);padding-top:10px;margin-top:4px}
@media(max-width:520px){.author-box{flex-direction:column;gap:12px}.author-box__avatar{width:54px;height:54px;font-size:1.15rem}}

/* BREADCRUMBS */
.crumbs{font-size:.85rem;color:var(--text-muted);margin:14px 0}
.crumbs a{color:var(--text-muted)}
.crumbs a:hover{color:var(--yellow)}
.crumbs span{color:var(--yellow-light)}

/* FOOTER */
.footer{background:#0e1f1e;padding:32px 0 22px;border-top:1px solid var(--border-soft);font-size:.9rem;color:var(--text-muted);margin-top:30px}
.footer__nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}
.footer__nav a{color:var(--text);font-size:.88rem}
.footer__nav a:hover{color:var(--yellow)}
.footer__bot{border-top:1px solid var(--border-soft);padding-top:18px;margin-top:20px;text-align:center;font-size:.82rem;color:#7a857a}
.footer__disclaimer{background:rgba(255,149,51,.08);border:1px solid var(--orange);color:var(--orange);padding:11px 16px;border-radius:var(--radius-sm);margin:14px 0;font-size:.9rem;text-align:center;font-weight:700}

/* RESPONSIVE */
@media(min-width:768px){
  h1{font-size:2.4rem}
  h2{font-size:1.8rem}
  .hero{padding:70px 0 60px}
  .hero h1{font-size:2.8rem}
  .hero__stats{grid-template-columns:repeat(4,1fr)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .section{padding:44px 0}
  .footer__nav{grid-template-columns:repeat(4,1fr)}
  .media-row{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1200px){
  .header__nav{display:block}
  .menu-toggle{display:none}
  h1{font-size:2.6rem}
  .hero h1{font-size:3.2rem}
  .cards--3{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1199px){
  .header__row{flex-wrap:wrap}
  .header__nav{display:none;width:100%;order:10;background:var(--bg-header);border-top:1px solid var(--border);margin-top:4px}
  .header__nav.open{display:block;max-height:calc(100vh - 66px);overflow-y:auto}
  body.menu-open{overflow:hidden}
  .header__nav ul{flex-direction:column;gap:0;padding:0}
  .header__nav li{margin:0;border-bottom:1px solid var(--border-soft)}
  .header__nav li:last-child{border-bottom:none}
  .header__nav a{display:block;padding:13px 0}
}