:root {
  --phdc-primary-color: #FF8C1A;
  --phdc-secondary-color: #FFA53A;
  --phdc-card-bg-color: #17191F;
  --phdc-text-main-color: #FFF3E6;
  --phdc-border-color: #A84F0C;
  --phdc-glow-color: #FFB04D;
  --phdc-deep-orange-color: #D96800;
  --phdc-button-gradient: linear-gradient(180deg, var(--phdc-secondary-color) 0%, var(--phdc-deep-orange-color) 100%);
  --phdc-dark-bg-text-color: #ffffff; /* For dark backgrounds like buttons */
  --phdc-light-text-color: #FFF3E6; /* Main text color on dark background */
  --phdc-dark-text-color: #333333; /* For elements with light backgrounds */
}

.page-huong-dan-ca-cuoc {
  color: var(--phdc-light-text-color); /* Main text color for the page, on dark body background */
  font-family: Arial, sans-serif;
  line-height: 1.6;
  background-color: transparent; /* Inherit from body, which is --background-color: #0D0E12 */
}

.page-huong-dan-ca-cuoc__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Base styles for sections */
.page-huong-dan-ca-cuoc__hero-section,
.page-huong-dan-ca-cuoc__introduction-section,
.page-huong-dan-ca-cuoc__betting-types-section,
.page-huong-dan-ca-cuoc__strategy-section,
.page-huong-dan-ca-cuoc__cta-section,
.page-huong-dan-ca-cuoc__responsible-gambling-section,
.page-huong-dan-ca-cuoc__faq-section {
  padding: 40px 0;
  overflow: hidden; /* Ensure no overflow issues */
}

/* Hero Section */
.page-huong-dan-ca-cuoc__hero-section {
  padding-top: 10px; /* Small top padding, body handles header offset */
  display: flex;
  flex-direction: column; /* Image above text */
  align-items: center;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

.page-huong-dan-ca-cuoc__hero-image-wrapper {
  width: 100%;
  max-width: 1200px; /* Max width for the image */
  margin-bottom: 30px;
}

.page-huong-dan-ca-cuoc__hero-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.page-huong-dan-ca-cuoc__hero-content {
  max-width: 800px;
  margin: 0 auto 30px;
  padding: 0 20px;
}

.page-huong-dan-ca-cuoc__main-title {
  font-size: 3.2em; /* Use em/rem for relative sizing, avoid fixed large px */
  font-weight: bold;
  color: var(--phdc-primary-color);
  margin-bottom: 15px;
  line-height: 1.2;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}