:root {
  --mmwin88-orange-primary: #FF8C1A;
  --mmwin88-orange-secondary: #FFA53A;
  --mmwin88-bg-dark: #0D0E12;
  --mmwin88-card-bg: #17191F;
  --mmwin88-text-main: #FFF3E6;
  --mmwin88-border: #A84F0C;
  --mmwin88-glow: #FFB04D;
  --mmwin88-deep-orange: #D96800;
}

/* Base styles for the entire FAQ page content */
.page-faq {
  color: var(--mmwin88-text-main); /* Light text for dark body background */
  background: var(--mmwin88-bg-dark); /* Explicitly setting for context, though body is set by shared */
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

.page-faq__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.page-faq__section-spacing {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* Hero Section */
.page-faq__hero-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 10px; /* Minimal top padding, body handles header offset */
  background: var(--mmwin88-card-bg); /* Darker background for hero */
  position: relative;
  overflow: hidden;
}