/* style/privacy-policy.css */\n:root {\n  --dd88-primary-color: #017439;\n  --dd88-secondary-color: #FFFFFF;\n  --dd88-register-color: #C30808;\n  --dd88-login-color: #C30808;\n  --dd88-background-color: #FFFFFF;\n  --dd88-register-login-font-color: #FFFF00;\n  --text-dark: #333333;\n  --text-light: #ffffff;\n}\n\n.page-privacy-policy {\n  font-family: Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--text-dark); /* Default for light body background */\n  background-color: var(--dd88-background-color); /* Explicitly set for clarity */\n}\n\n.page-privacy-policy__container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n}\n\n/* HERO Section */\n.page-privacy-policy__hero-section {\n  display: flex;\n  flex-direction: column; /* Default to column for mobile, will adjust for desktop */\n  align-items: center;\n  gap: 20px;\n  padding-top: 10px; /* Small top padding, assuming body has header offset */\n  padding-bottom: 40px;\n  background-color: var(--dd88-primary-color);\n  color: var(--text-light);\n  text-align: center;\n}\n\n.page-privacy-policy__hero-content {\n  max-width: 800px;\n  padding: 0 20px;\n}\n\n.page-privacy-policy__main-title {\n  font-size: clamp(2em, 4vw, 3.5em); /* Responsive font size for H1 */\n  font-weight: 700;\n  line-height: 1.2;\n  margin-bottom: 15px;\n  color: var(--text-light);\n}\n\n.page-privacy-policy__description {\n  font-size: 1.1em;\n  margin-bottom: 30px;\n  color: var(--dd88-secondary-color);\n}\n\n.page-privacy-policy__description a {\n  color: var(--dd88-register-login-font-color); /* Yellow for links in dark background */\n  text-decoration: underline;\n}\n\n.page-privacy-policy__hero-image-container {\n  width: 100%;\n  max-width: 1000px; /* Max width for image container */\n  overflow: hidden;\n  border-radius: 8px;\n}\n\n.page-privacy-policy__hero-image {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover; /* Default to cover for desktop */\n  border-radius: 8px;\n}\n\n/* CTA Buttons in Hero */\n.page-privacy-policy__cta-buttons {\n  display: flex;\n  gap: 15px;\n  justify-content: center;\n  flex-wrap: wrap; /* Allow wrapping on smaller screens */\n  width: 100%;\n  max-width: 500px;\n  margin-bottom: 20px;\n  padding: 0 15px; /* Ensure padding for small screens */\n  box-sizing: border-box;\n}\n\n.page-privacy-policy__btn-primary,\n.page-privacy-policy__btn-secondary {\n  display: inline-block;\n  padding: 12px 25px;\n  border-radius: 5px;\n  text-decoration: none;\n  font-weight: bold;\n  transition: background-color 0.3s ease, color 0.3s ease;\n  white-space: normal; /* Allow text wrapping */\n  word-wrap: break-word; /* Allow text wrapping */\n  text-align: center;\n  box-sizing: border-box;\n  max-width: 100%; /* Ensure buttons don't overflow */\n}\n\n.page-privacy-policy__btn-primary {\n  background-color: var(--dd88-register-color); /* Use custom register color */\n  color: var(--dd88-register-login-font-color); /* Use custom font color */\n  border: 2px solid var(--dd88-register-color);\n}\n\n.page-privacy-policy__btn-primary:hover {\n  background-color: #a30606; /* Slightly darker red */\n  color: var(--dd88-secondary-color);\n}\n\n.page-privacy-policy__btn-secondary {\n  background-color: transparent;\n  color: var(--dd88-secondary-color);\n  border: 2px solid var(--dd88-secondary-color);\n}\n\n.page-privacy-policy__btn-secondary:hover {\n  background-color: var(--dd88-secondary-color);\n  color: var(--dd88-primary-color);\n}\n\n/* Content Sections */\n.page-privacy-policy__content-section {\n  padding: 40px 0;\n}\n\n.page-privacy-policy__dark-section {\n  background-color: var(--dd88-primary-color);\n  color: var(--text-light);\n}\n\n.page-privacy-policy__dark-section .page-privacy-policy__section-title,\n.page-privacy-policy__dark-section .page-privacy-policy__sub-title {\n  color: var(--dd88-secondary-color);\n}\n\n.page-privacy-policy__dark-section .page-privacy-policy__list-item strong {\n  color: var(--dd88-register-login-font-color);\n}\n\n.page-privacy-policy__dark-section a {\n  color: var(--dd88-register-login-font-color);\n  text-decoration: underline;\n}\n\n.page-privacy-policy__section-title {\n  font-size: clamp(1.8em, 3.5vw, 2.5em);\n  font-weight: 700;\n  margin-bottom: 25px;\n  text-align: center;\n  color: var(--dd88-primary-color);\n}\n\n.page-privacy-policy__sub-title {\n  font-size: clamp(1.4em, 2.5vw, 1.8em);\n  font-weight: 600;\n  margin-top: 30px;\n  margin-bottom: 15px;\n  color: var(--dd88-primary-color);\n}\n