/* style/game-strategies-casino-winning-guide.css */\n\n:root {\n    --primary-color: #26A9E0;\n    --secondary-color: #FFFFFF;\n    --text-dark: #333333;\n    --text-light: #ffffff;\n    --bg-light: #ffffff;\n    --bg-dark-section: #26A9E0;\n    --btn-login: #EA7C07;\n}\n\n.page-game-strategies-casino-winning-guide {\n    font-family: 'Arial', sans-serif;\n    color: var(--text-dark);\n    background-color: var(--bg-light);\n    line-height: 1.6;\n}\n\n.page-game-strategies-casino-winning-guide__container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n    box-sizing: border-box;\n}\n\n/* Hero Section */\n.page-game-strategies-casino-winning-guide__hero-section {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 60px 20px;\n    padding-top: var(--header-offset, 120px); /* Ensures content is not hidden by fixed header */\n    background: linear-gradient(135deg, var(--primary-color) 0%, #a8e0f5 100%); /* 淡蓝色配色方案 */\n    color: var(--text-light);\n}\n\n.page-game-strategies-casino-winning-guide__hero-container {\n    position: relative;\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column; /* Stacks content and image vertically */\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n}\n\n.page-game-strategies-casino-winning-guide__hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    width: 100%;\n    margin-bottom: 40px;\n}\n\n.page-game-strategies-casino-winning-guide__hero-content h1 {\n    font-size: 3.2em;\n    margin-bottom: 20px;\n    color: var(--text-light);\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n}\n\n.page-game-strategies-casino-winning-guide__hero-description {\n    font-size: 1.3em;\n    margin-bottom: 30px;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    color: var(--text-light);\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.page-game-strategies-casino-winning-guide__cta-button {\n    display: inline-block;\n    padding: 15px 40px;\n    background: var(--btn-login); /* Using #EA7C07 for login/CTA */\n    color: var(--text-light);\n    text-decoration: none;\n    border-radius: 8px;\n    font-size: 1.1em;\n    font-weight: bold;\n    transition: all 0.3s ease;\n    border: none;\n    cursor: pointer;\n}\n\n.page-game-strategies-casino-winning-guide__cta-button:hover {\n    background: darken(var(--btn-login), 10%); /* Darker shade on hover */\n    transform: translateY(-2px);\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);\n}\n\n.page-game-strategies-casino-winning-guide__hero-image-wrapper {\n    width: 100%;\n    max-width: 1000px;\n    margin-top: 30px;\n    margin-bottom: 30px; /* Added as per prompt's example CSS for hero-image */\n}\n\n.page-game-strategies-casino-winning-guide__hero-image {\n    width: 100%;\n    height: auto;\n    max-width: 100%;\n    display: block;\n    border-radius: 12px;\n    object-fit: cover;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n}\n\n/* General Section Styles */\n.page-game-strategies-casino-winning-guide__section {\n    padding: 80px 0;\n    background-color: var(--bg-light);\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.page-game-strategies-casino-winning-guide__section:last-of-type {\n    border-bottom: none;\n}\n\n.page-game-strategies-casino-winning-guide__section-title {\n    font-size: 2.5em;\n    color: var(--primary-color);\n    text-align: center;\n    margin-bottom: 50px;\n    font-weight: 700;\n}\n\n.page-game-strategies-casino-winning-guide__sub-title {\n    font-size: 1.8em;\n    color: var(--text-dark);\n    margin-top: 40px;\n    margin-bottom: 25px;\n    font-weight: 600;\n    border-left: 5px solid var(--primary-color);\n    padding-left: 15px;\n}\n\n.page-game-strategies-casino-winning-guide__text-block {\n    font-size: 1.1em;\n    margin-bottom: 20px;\n    color: var(--text-dark);\n}\n\n.page-game-strategies-casino-winning-guide__list {\n    list-style-type: disc;\n    padding-left: 30px;\n    margin-bottom: 20px;\n}\n\n.page-game-strategies-casino-winning-guide__list-item {\n    font-size: 1.1em;\n    margin-bottom: 10px;\n    color: var(--text-dark);\n}\n\n.page-game-strategies-casino-winning-guide__list-item strong {\n    color: var(--primary-color);\n}\n\n.page-game-strategies-casino-winning-guide__image-and-text {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    margin-bottom: 40px;\n}\n\n.page-game-strategies-casino-winning-guide__image-and-text:nth-child(odd) {\n    flex-direction: row-reverse;\n}\n\n.page-game-strategies-casino-winning-guide__content-image {\n    width: 50%;\n    flex-shrink: 0;\n    border-radius: 10px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n    max-width: 100%; /* Ensure responsiveness */\n    height: auto; /* Ensure responsiveness */\n    display: block; /* Ensure responsiveness */\n}\n\n.page-game-strategies-casino-winning-guide__image-and-text p {\n    flex: 1;\n    font-size: 1.1em;\n}\n\n/* FAQ Section */\n.page-game-strategies-casino-winning-guide__faq-section {\n    background-color: #f9f9f9;\n}\n\n.page-game-strategies-casino-winning-guide__faq-item {\n  margin-bottom: 15px;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n}\n\n.page-game-strategies-casino-winning-guide__faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease;\n  padding: 0 20px;\n  opacity: 0;\n  background: #fefefe;\n  color: var(--text-dark);\n}\n\n.page-game-strategies-casino-winning-guide__faq-item.active .page-game-strategies-casino-winning-guide__faq-answer {\n  max-height: 2000px !important; /* 🚨 Using !important and large value */\n  padding: 20px !important;\n  opacity: 1;\n  border-top: 1px solid #e0e0e0;\n}\n\n.page-game-strategies-casino-winning-guide__faq-question {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 18px 20px;\n  background: var(--secondary-color);\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 0.3s ease, border-color 0.3s ease;\n  position: relative;\n  color: var(--text-dark);\n}\n\n.page-game-strategies-casino-winning-guide__faq-item.active .page-game-strategies-casino-winning-guide__faq-question {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-color: var(--primary-color);\n}\n\n.page-game-strategies-casino-winning-guide__faq-question:hover {\n  background: #f5f5f5;\n  border-color: #d0d0d0;\n}\n\n.page-game-strategies-casino-winning-guide__faq-question:active {\n  background: #eeeeee;\n}\n\n.page-game-strategies-casino-winning-guide__faq-question h3 {\n  margin: 0;\n  padding: 0;\n  flex: 1;\n  font-size: 1.1em;\n  font-weight: 600;\n  line-height: 1.5;\n  pointer-events: none; /* Prevent h3 from blocking click events */\n}\n\n.page-game-strategies-casino-winning-guide__faq-toggle {\n  font-size: 24px;\n  font-weight: bold;\n  line-height: 1;\n  color: var(--primary-color);\n  transition: transform 0.3s ease, color 0.3s ease;\n  flex-shrink: 0;\n  margin-left: 15px;\n  pointer-events: none; /* Prevent icon from blocking click events */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n\n.page-game-strategies-casino-winning-guide__faq-item.active .page-game-strategies-casino-winning-guide__faq-toggle {\n  color: var(--primary-color);\n  transform: rotate(45deg); /* Rotate to form 'X' or '-' */\n}\n\n/* Conclusion Section */\n.page-game-strategies-casino-winning-guide__conclusion-section {\n    text-align: center;\n    padding-bottom: 100px;\n    background-color: var(--bg-light);\n}\n\n.page-game-strategies-casino-winning-guide__cta-button--large {\n    font-size: 1.3em;\n    padding: 18px 50px;\n    margin-top: 40px;\n}\n\n/* Responsive Design */\n@media (max-width: 992px) {\n    .page-game-strategies-casino-winning-guide__hero-content h1 {\n        font-size: 2.5em;\n    }\n\n    .page-game-strategies-casino-winning-guide__hero-description {\n        font-size: 1.1em;\n    }\n\n    .page-game-strategies-casino-winning-guide__section-title {\n        font-size: 2em;\n    }\n\n    .page-game-strategies-casino-winning-guide__sub-title {\n        font-size: 1.5em;\n    }\n\n    .page-game-strategies-casino-winning-guide__text-block,\n    .page-game-strategies-casino-winning-guide__list-item {\n        font-size: 1em;\n    }\n\n    .page-game-strategies-casino-winning-guide__image-and-text {\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .page-game-strategies-casino-winning-guide__image-and-text:nth-child(odd) {\n        flex-direction: column;\n    }\n\n    .page-game-strategies-casino-winning-guide__content-image {\n        width: 80%;\n    }\n}\n\n@media (max-width: 768px) {\n    .page-game-strategies-casino-winning-guide__hero-section {\n        padding-top: var(--header-offset, 120px) !important; /* Mobile specific header offset */\n        padding-bottom: 40px;\n        padding-left: 15px;\n        padding-right: 15px;\n    }\n\n    .page-game-strategies-casino-winning-guide__hero-content h1 {\n        font-size: 2em;\n        margin-bottom: 15px;\n    }\n\n    .page-game-strategies-casino-winning-guide__hero-description {\n        font-size: 0.95em;\n        margin-bottom: 20px;\n    }\n\n    .page-game-strategies-casino-winning-guide__cta-button {\n        padding: 12px 30px;\n        font-size: 1em;\n        max-width: 100% !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n        white-space: normal !important;\n        word-wrap: break-word !important;\n    }\n\n    .page-game-strategies-casino-winning-guide__hero-image-wrapper {\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .page-game-strategies-casino-winning-guide__hero-image {\n        border-radius: 8px;\n    }\n\n    .page-game-strategies-casino-winning-guide__section {\n        padding: 40px 0;\n    }\n\n    .page-game-strategies-casino-winning-guide__section-title {\n        font-size: 1.8em;\n        margin-bottom: 30px;\n    }\n\n    .page-game-strategies-casino-winning-guide__sub-title {\n        font-size: 1.3em;\n        margin-top: 30px;\n        margin-bottom: 15px;\n    }\n\n    .page-game-strategies-casino-winning-guide__text-block,\n    .page-game-strategies-casino-winning-guide__list-item {\n        font-size: 0.95em;\n    }\n\n    .page-game-strategies-casino-winning-guide__content-image {\n        width: 100% !important; /* Ensure images are fully responsive */\n        height: auto !important;\n        max-width: 100% !important;\n    }\n\n    .page-game-strategies-casino-winning-guide__image-and-text {\n        gap: 15px;\n    }\n\n    /* FAQ Mobile Styles */\n    .page-game-strategies-casino-winning-guide__faq-question {\n        padding: 15px;\n        flex-wrap: wrap;\n    }\n    \n    .page-game-strategies-casino-winning-guide__faq-question h3 {\n        font-size: 1em;\n        margin-bottom: 0;\n        width: calc(100% - 40px);\n    }\n    \n    .page-game-strategies-casino-winning-guide__faq-toggle {\n        margin-left: 10px;\n        width: 24px;\n        height: 24px;\n        font-size: 20px;\n    }\n    \n    .page-game-strategies-casino-winning-guide__faq-answer {\n        padding: 0 15px;\n    }\n    \n    .page-game-strategies-casino-winning-guide__faq-item.active .page-game-strategies-casino-winning-guide__faq-answer {\n        padding: 15px !important;\n    }\n\n    .page-game-strategies-casino-winning-guide__cta-button--large {\n        padding: 15px 30px;\n        font-size: 1.1em;\n    }\n\n    /* Ensure all content containers are responsive on mobile */\n    .page-game-strategies-casino-winning-guide__section,\n    .page-game-strategies-casino-winning-guide__container,\n    .page-game-strategies-casino-winning-guide__intro-section,\n    .page-game-strategies-casino-winning-guide__strategy-basics,\n    .page-game-strategies-casino-winning-guide__advanced-strategies,\n    .page-game-strategies-casino-winning-guide__promotions-section,\n    .page-game-strategies-casino-winning-guide__responsible-gambling,\n    .page-game-strategies-casino-winning-guide__platform-trust,\n    .page-game-strategies-casino-winning-guide__faq-section,\n    .page-game-strategies-casino-winning-guide__conclusion-section {\n        max-width: 100% !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n        padding-left: 15px;\n        padding-right: 15px;\n    }\n}\n\n@media (max-width: 480px) {\n    .page-game-strategies-casino-winning-guide__hero-content h1 {\n        font-size: 1.8em;\n    }\n    .page-game-strategies-casino-winning-guide__hero-description {\n        font-size: 0.9em;\n    }\n    .page-game-strategies-casino-winning-guide__cta-button {\n        font-size: 0.9em;\n    }\n    .page-game-strategies-casino-winning-guide__section-title {\n        font-size: 1.5em;\n    }\n    .page-game-strategies-casino-winning-guide__sub-title {\n        font-size: 1.2em;\n    }\n}\n