<style>
        /* ------------------------------------- */
        /* Custom Same-Page CSS for FAQ Styling */
        /* ------------------------------------- */
        
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
            padding: 20px;
        }

        .faq-wrap-layoutspecial {
            padding: 5px 0;
        }

        .container-special {
            max-width: 800px;
            margin: 0 auto; /* Center the content */
        }
        
        .item-title-special {
            text-align: center;
            margin-bottom: 30px;
            font-size: 2rem;
            color: #333;
        }

        /* Style for the main FAQ item wrapper (<details>) */
        .faq-item-special {
            border: 1px solid #ddd;
            border-radius: 6px;
            margin-bottom: 10px;
            background-color: #ffffff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        }

        /* Style for the question/summary line (<summary>) */
        .faq-question-special {
            display: list-item; /* Ensures the ::marker works correctly */
            padding: 15px;
            background-color: #eef; /* Light blue background for contrast */
            color: #333;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .faq-question-special:hover {
            background-color: #e0e0f0;
        }

        /* --- PLUS/MINUS ICON IMPLEMENTATION using ::marker --- */

        /* Default state: Icon is a Plus sign (+) */
        .faq-question-special::marker {
            content: '+ '; 
            font-size: 1.2em;
            margin-right: 10px;
            color: #007bff; 
            font-weight: bold;
        }

        /* Open state: When the <details> element has the 'open' attribute, change the icon to a Minus sign (-) */
        .faq-item-special[open] > .faq-question-special::marker {
            content: '– '; /* Using en dash for better appearance */
        }

        /* Style for the answer content */
        .faq-answer-special {
            padding: 0 15px 15px 15px; /* Adjust padding to keep content aligned */
            border-top: 1px solid #eee;
            background-color: #fff;
            color: #555;
            line-height: 1.6;
        }
        
        .faq-answer-special p {
            margin-bottom: 0; /* Remove default paragraph margin */
        }

    </style>