/* =========================================================
   responsible-gaming.css — page-specific styles (loads after style.css)
   Reuses shared theme variables/components from style.css
   (intro-panel, icon-grid, table-wrap, faq-list, disclaimer-box).
   ========================================================= */

/* ---------- Warning signs list ---------- */
.warning-list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;
}
.warning-list li{
  position:relative;padding:14px 18px 14px 50px;
  background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-sm);
  color:var(--text-mute);font-size:14.5px;
}
.warning-list li::before{
  content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;border-radius:50%;
  background:rgba(255,180,0,.15);
  border:1.5px solid var(--gold-accent);
}
.warning-list li::after{
  content:"!";position:absolute;left:24px;top:50%;transform:translateY(-53%);
  color:var(--gold-accent);font-weight:800;font-size:13px;
}

/* ---------- Self-check tool ---------- */
.self-check-box{
  position:relative;overflow:hidden;border-radius:var(--radius-md);
  background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-section) 100%);
  border:1px solid var(--border-soft);padding:36px;
}
.self-check-box::before{
  content:"";position:absolute;top:-70px;right:-70px;width:240px;height:240px;
  background:radial-gradient(circle,rgba(0,209,255,.15),transparent 70%);pointer-events:none;
}
.self-check-box .eyebrow{
  display:inline-block;color:var(--cyan-accent);font-size:13px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;position:relative;z-index:1;
}
.self-check-box h3{position:relative;z-index:1;margin-bottom:8px;}
.self-check-box > p{position:relative;z-index:1;max-width:640px;}
.self-check-box .btn{position:relative;z-index:1;text-align:left;white-space:normal;line-height:1.4;}

.self-check-result{
  position:relative;z-index:1;max-height:0;overflow:hidden;opacity:0;
  transition:max-height .35s ease, opacity .35s ease, margin-top .35s ease;
  margin-top:0;
}
.self-check-result.open{
  max-height:220px;opacity:1;margin-top:18px;
}
.self-check-result p{
  margin:0;background:rgba(255,255,255,.06);border:1px solid var(--border-soft);
  border-radius:var(--radius-sm);padding:16px 18px;font-size:14px;color:var(--text-mute);
}

@media (max-width:640px){
  .self-check-box{padding:26px 22px;}
}