/* style/blog-slot-strategy.css */\n\n:root {\n    --primary-color: #FF8C1A;\n    --secondary-color: #FFA53A;\n    --card-bg: #17191F;\n    --background-dark: #0D0E12;\n    --text-main: #FFF3E6;\n    --border-color: #A84F0C;\n    --glow-color: #FFB04D;\n    --deep-orange: #D96800;\n}\n\n.page-blog-slot-strategy {\n    font-family: Arial, sans-serif;\n    color: var(--text-main); /* Default text color for dark body background */\n    background-color: var(--background-dark); /* Ensure consistency with body background */\n}\n\n.page-blog-slot-strategy__hero-section {\n    position: relative;\n    width: 100%;\n    padding-top: 10px; /* Small top padding for hero section */\n    padding-bottom: 0;\n    background-color: var(--background-dark);\n    overflow: hidden;\n}\n\n.page-blog-slot-strategy__hero-image {\n    width: 100%;\n    height: 675px;\n    object-fit: cover;\n    display: block;\n    filter: brightness(0.6); /* Slightly darken image for text readability */\n}\n\n.page-blog-slot-strategy__hero-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n    max-width: 900px;\n    width: 90%;\n    z-index: 10;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.page-blog-slot-strategy__main-title {\n    font-size: 3.5em;\n    font-weight: bold;\n    color: var(--text-main);\n    margin-bottom: 15px;\n    line-height: 1.2;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);\n}\n\n.page-blog-slot-strategy__hero-description {\n    font-size: 1.3em;\n    color: var(--text-main);\n    margin-bottom: 30px;\n    line-height: 1.5;\n    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);\n}\n\n.page-blog-slot-strategy__cta-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n    width: 100%;\n    max-width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n}\n\n.page-blog-slot-strategy__btn-primary,\n.page-blog-slot-strategy__btn-secondary {\n    display: inline-block;\n    padding: 15px 30px;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 1.1em;\n    transition: all 0.3s ease;\n    max-width: 100%;\n    box-sizing: border-box;\n    white-space: normal;\n    word-wrap: break-word;\n    text-align: center;\n}\n\n.page-blog-slot-strategy__btn-primary {\n    background: linear-gradient(180deg, var(--secondary-color) 0%, var(--deep-orange) 100%);\n    color: #ffffff;\n    border: 2px solid transparent;\n    box-shadow: 0 4px 15px rgba(255, 140, 26, 0.4);\n}\n\n.page-blog-slot-strategy__btn-primary:hover {\n    background: linear-gradient(180deg, var(--glow-color) 0%, var(--primary-color) 100%);\n    box-shadow: 0 6px 20px rgba(255, 140, 26, 0.6);\n    transform: translateY(-2px);\n}\n\n.page-blog-slot-strategy__btn-secondary {\n    background: transparent;\n    color: var(--secondary-color);\n    border: 2px solid var(--secondary-color);\n    box-shadow: 0 4px 10px rgba(255, 165, 58, 0.2);\n}\n\n.page-blog-slot-strategy__btn-secondary:hover {\n    background-color: var(--secondary-color);\n    color: var(--background-dark);\n    box-shadow: 0 6px 15px rgba(255, 165, 58, 0.4);\n    transform: translateY(-2px);\n}\n\n.page-blog-slot-strategy__content-section {\n    padding: 60px 0;\n    background-color: var(--background-dark);\n    color: var(--text-main);\n}\n\n.page-blog-slot-strategy__dark-bg {\n    background-color: var(--card-bg);\n}\n\n.page-blog-slot-strategy__container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n    box-sizing: border-box;\n}\n\n.page-blog-slot-strategy__section-title {\n    font-size: 2.8em;\n    color: var(--secondary-color);\n    text-align: center;\n    margin-bottom: 40px;\n    font-weight: bold;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\n}\n\n.page-blog-slot-strategy__sub-title {\n    font-size: 2em;\n    color: var(--primary-color);\n    margin-top: 30px;\n    margin-bottom: 20px;\n    font-weight: bold;\n}\n\n.page-blog-slot-strategy__text-block {\n    font-size: 1.1em;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    color: var(--text-main);\n}\n\n.page-blog-slot-strategy__image-content {\n    width: 100%;\n    height: auto;\n    display: block;\n    margin: 30px auto;\n    border-radius: 10px;\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);\n    object-fit: cover;\n}\n\n.page-blog-slot-strategy__list {\n    list-style: none;\n    padding: 0;\n    margin-top: 20px;\n}\n\n.page-blog-slot-strategy__list-item {\n    font-size: 1.1em;\n    line-height: 1.8;\n    margin-bottom: 10px;\n    padding-left: 30px;\n    position: relative;\n    color: var(--text-main);\n}\n\n.page-blog-slot-strategy__list-item::before {\n    content: '•';\n    color: var(--primary-color);\n    font-weight: bold;\n    display: inline-block;\n    width: 1em;\n    margin-left: -1em;\n    position: absolute;\n    left: 0;\n}\n\n.page-blog-slot-strategy__faq-section {\n    padding: 60px 0;\n    background-color: var(--card-bg);\n    color: var(--text-main);\n}\n\n.page-blog-slot-strategy__faq-list {\n    margin-top: 40px;\n}\n\n.page-blog-slot-strategy__faq-item {\n    background-color: var(--background-dark);\n    border: 1px solid var(--border-color);\n    border-radius: 8px;\n    margin-bottom: 15px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.page-blog-slot-strategy__faq-question {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 25px;\n    font-size: 1.2em;\n    font-weight: bold;\n    color: var(--secondary-color);\n    cursor: pointer;\n    position: relative;\n    list-style: none;\n}\n\n.page-blog-slot-strategy__faq-question::-webkit-details-marker {\n    display: none;\n}\n\n.page-blog-slot-strategy__faq-question::marker {\n    display: none;\n}\n\n.page-blog-slot-strategy__faq-qtext {\n    flex-grow: 1;\n}\n\n.page-blog-slot-strategy__faq-toggle {\n    font-size: 1.5em;\n    line-height: 1;\n    margin-left: 15px;\n    color: var(--primary-color);\n    transition: transform 0.3s ease;\n}\n\n.page-blog-slot-strategy__faq-item[open] .page-blog-slot-strategy__faq-toggle {\n    transform: rotate(45deg);\n}\n\n.page-blog-slot-strategy__faq-answer {\n    padding: 0 25px 20px;\n    font-size: 1.05em;\n    line-height: 1.7;\n    color: var(--text-main);\n    border-top: 1px solid var(--border-color);\n    margin-top: -1px;\n}\n\n.page-blog-slot-strategy__faq-answer p {\n    margin-top: 15px;\n    margin-bottom: 0;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n    .page-blog-slot-strategy__main-title {\n        font-size: 3em;\n    }\n\n    .page-blog-slot-strategy__hero-description {\n        font-size: 1.2em;\n    }\n\n    .page-blog-slot-strategy__section-title {\n        font-size: 2.5em;\n    }\n\n    .page-blog-slot-strategy__sub-title {\n        font-size: 1.8em;\n    }\n\n    .page-blog-slot-strategy__text-block,\n    .page-blog-slot-strategy__list-item,\n    .page-blog-slot-strategy__faq-question,\n    .page-blog-slot-strategy__faq-answer {\n        font-size: 1em;\n    }\n}\n\n@media (max-width: 768px) {\n    .page-blog-slot-strategy__hero-section {\n        padding-top: 10px !important;\n        height: auto;\n    }\n\n    .page-blog-slot-strategy__hero-image {\n        height: 400px;\n    }\n\n    .page-blog-slot-strategy__hero-content {\n        position: static;\n        transform: none;\n        padding: 20px 15px;\n        text-align: center;\n        max-width: 100%;\n        width: 100%;\n        margin-top: -200px; /* Pull content up over image */\n        background: linear-gradient(0deg, var(--background-dark) 50%, transparent 100%); /* Gradient for smooth transition */\n    }\n\n    .page-blog-slot-strategy__main-title {\n        font-size: 2em !important;\n        margin-bottom: 10px;\n    }\n\n    .page-blog-slot-strategy__hero-description {\n        font-size: 1em !important;\n        margin-bottom: 20px;\n    }\n\n    .page-blog-slot-strategy__cta-buttons {\n        flex-direction: column !important;\n        gap: 15px;\n        padding: 0 15px;\n    }\n\n    .page-blog-slot-strategy__btn-primary,\n    .page-blog-slot-strategy__btn-secondary {\n        padding: 12px 20px;\n        font-size: 1em !important;\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-blog-slot-strategy__content-section {\n        padding: 40px 0;\n    }\n\n    .page-blog-slot-strategy__container {\n        padding: 0 15px;\n        max-width: 100% !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n    }\n\n    .page-blog-slot-strategy__section-title {\n        font-size: 2em !important;\n        margin-bottom: 30px;\n    }\n\n    .page-blog-slot-strategy__sub-title {\n        font-size: 1.5em !important;\n    }\n\n    .page-blog-slot-strategy__text-block,\n    .page-blog-slot-strategy__list-item {\n        font-size: 0.95em !important;\n        line-height: 1.6;\n    }\n\n    .page-blog-slot-strategy__image-content {\n        max-width: 100% !important;\n        width: 100% !important;\n        height: auto !important;\n        margin: 20px auto;\n    }\n\n    .page-blog-slot-strategy__faq-question {\n        font-size: 1em !important;\n        padding: 15px 20px;\n    }\n\n    .page-blog-slot-strategy__faq-answer {\n        font-size: 0.95em !important;\n        padding: 0 20px 15px;\n    }\n\n    .page-blog-slot-strategy img {\n        max-width: 100% !important;\n        height: auto !important;\n        display: block !important;\n    }\n\n    .page-blog-slot-strategy__section,\n    .page-blog-slot-strategy__card,\n    .page-blog-slot-strategy__container {\n        max-width: 100% !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n        padding-left: 15px;\n        padding-right: 15px;\n    }\}