/* ============================
   PAGE WRAPPER
============================ */
.rules-wrapper {
  max-width: 900px;
  margin: 60px auto;
  padding: 20px;
  text-align: center;
}

/* ============================
   GOLD GLOW TITLE
============================ */
.rules-title {
  font-size: 3.2rem;
  color: #f5d67a;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
  margin-bottom: 10px;

  text-shadow:
    0 0 8px rgba(255, 210, 100, 0.9),
    0 0 18px rgba(255, 170, 70, 0.6),
    0 0 30px rgba(255, 140, 50, 0.5),
    0 0 45px rgba(255, 110, 30, 0.4);
}

/* ============================
   GOLD DIVIDER
============================ */
.rules-divider {
  width: 240px;
  height: 4px;
  margin: 0 auto 40px auto;
  background: linear-gradient(to right, transparent, #e6b450, transparent);
  border-radius: 3px;
}

/* ============================
   RULE BOX
============================ */
.rules-box {
  background: rgba(40, 25, 10, 0.85); /* DARK BROWN */
  padding: 35px;
  border-radius: 16px;
  border: 1px solid rgba(255, 200, 90, 0.25);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.55);
  text-align: left;
}

/* ============================
   RULES LIST
============================ */

/* GOLD NUMBERS */
.rules-list {
  list-style: decimal;
  padding-left: 25px;
  font-size: 1.12rem;
  line-height: 1.65;
  counter-reset: rulecount;
  color: #e8e0d0;
}

.rules-list li {
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 200, 90, 0.2);
  position: relative;
}

/* Number color */
.rules-list li::marker {
  color: #f5d67a; /* GOLD */
  font-weight: bold;
}

/* Highlight rule titles */
.rules-list li strong {
  color: #f8d98a;
}