{"id":1860,"date":"2025-05-01T08:13:40","date_gmt":"2025-05-01T08:13:40","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=1860"},"modified":"2025-11-18T04:50:25","modified_gmt":"2025-11-18T04:50:25","slug":"medical-uses-of-cannabis","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/nl\/medical-uses-of-cannabis\/","title":{"rendered":"Medisch gebruik van Cannabis \ud83c\udfe5"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1860\" class=\"elementor elementor-1860\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-989e529 e-flex e-con-boxed e-con e-parent\" data-id=\"989e529\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57891dc elementor-widget elementor-widget-html\" data-id=\"57891dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned<\/title>\n    \n    <!-- SEO Meta Tags -->\n    <meta name=\"description\" content=\"Wetenschappelijk onderbouwde gids voor medicinale cannabis bij epilepsie, chronische pijn, bijwerkingen van chemotherapie en palliatieve zorg. Bewijs zonder hype.\">\n    <meta name=\"keywords\" content=\"medical cannabis, CBD epilepsy, chronic pain relief, chemotherapy nausea, palliative care, cannabis medicine, evidence-based\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"author\" content=\"James Gallagher, Two Birds One Stoned\">\n    \n    <!-- Open Graph for Social Media -->\n    <meta property=\"og:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n    <meta property=\"og:description\" content=\"Wetenschappelijk onderbouwde gids voor medicinale cannabis bij epilepsie, chronische pijn, bijwerkingen van chemotherapie en palliatieve zorg. Bewijs zonder hype.\">\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:url\" content=\"[YOUR-PAGE-URL]\">\n    <meta property=\"og:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    \n    <!-- Twitter Cards -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n    <meta name=\"twitter:description\" content=\"Science-backed guide to medical cannabis for epilepsy, chronic pain, chemotherapy side effects, and palliative care.\">\n    <meta name=\"twitter:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"[YOUR-PAGE-URL]\">\n    \n    <!-- Preload critical font -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* Reset and base styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            color: #fff;\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n        }\n\n        \/* ARTICLE PAGE SECTION *\/\n        .article-page {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 100px;\n            padding-bottom: 6rem;\n        }\n\n        \/* Container *\/\n        .tbos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            width: 100%;\n        }\n\n        \/* Content Cards *\/\n        .content-card {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 3rem;\n            border-radius: 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            margin: 4rem auto;\n            max-width: 950px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        \/* Cards animate in when visible *\/\n        .content-card.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Content Card Hover *\/\n        .content-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n        \/* Title Section *\/\n.article-page .tbos-container .title-section {\n    text-align: center !important;\n    margin-bottom: 60px !important;  \/* CHANGED: was 30px *\/\n    margin-top: 60px !important;     \/* CHANGED: was 40px *\/\n    padding-bottom: 3rem !important;  \/* CHANGED: was 2rem *\/\n    opacity: 0;\n    transform: translateY(-20px);\n    transition: all 0.8s ease;\n    max-width: 1000px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    position: relative !important;\n    z-index: 10 !important;\n    display: block !important;\n    overflow: visible !important;\n    min-height: auto;  \/* ADDED: new line *\/\n}\n\n        .article-page .tbos-container .title-section .article-title {\n            font-size: clamp(2rem, 6vw, 4rem) !important;\n            font-weight: 700 !important;\n            margin-bottom: 2.5rem !important;\n            color: #F4C542 !important;\n            text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n            line-height: 1.3 !important;\n            letter-spacing: -0.02em !important;\n            max-width: 100% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            text-align: center !important;\n            padding: 0 2rem !important;\n            font-family: 'Montserrat', sans-serif !important;\n            display: block !important;\n            position: relative !important;\n            overflow: visible !important;\n            white-space: normal !important;\n        }\n\n        .article-page .tbos-container .title-section .article-subtitle {\n            font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n            color: #E3E3DC !important;\n            font-weight: 400 !important;\n            margin-bottom: 4rem !important;\n            opacity: 0.9 !important;\n            line-height: 1.5 !important;\n            max-width: 90% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            word-wrap: break-word !important;\n        }\n\n        \/* Media Section Spacing *\/\n        .media-section {\n            margin: 8rem auto;\n            max-width: 950px;\n            position: relative;\n            z-index: 5;\n        }\n\n        .media-section-title {\n            text-align: center;\n            font-size: 2.5rem;\n            color: #F4C542;\n            margin-bottom: 3rem;\n            font-weight: 600;\n        }\n\n        \/* Media Cards *\/\n        .media-card {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 4rem auto;\n            max-width: 950px;\n            text-align: center;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .media-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n        .media-card h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 2rem;\n            font-weight: 600;\n        }\n\n        .media-card iframe {\n            width: 100%;\n            border-radius: 16px;\n            margin-top: 1.5rem;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n        }\n\n        \/* Content Break *\/\n        .content-break {\n            height: 3rem;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .content-break::before {\n            content: '';\n            width: 200px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            border-radius: 1px;\n        }\n\n        \/* Navigation hint *\/\n        .nav-hint {\n            text-align: center;\n            color: #F4C542;\n            font-style: italic;\n            font-size: 1.2rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            padding: 2rem;\n            background: rgba(244, 197, 66, 0.05);\n            border-radius: 1rem;\n            border: 1px solid rgba(244, 197, 66, 0.2);\n        }\n\n        \/* Content Section Headers *\/\n        .content-section {\n            margin: 8rem auto;\n            max-width: 950px;\n        }\n\n        .content-section .content-section-title {\n    text-align: center !important;\n    font-size: 3rem !important;\n    color: #F4C542 !important;\n    margin-bottom: 5rem !important;  \/* CHANGED: was 4rem *\/\n    margin-top: 3rem !important;     \/* CHANGED: was 2rem *\/\n    font-weight: 600 !important;\n    text-shadow: none !important;\n    padding-top: 3rem !important;    \/* CHANGED: was 2rem *\/\n    line-height: 1.4 !important;     \/* ADDED: new line *\/\n}\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            color: #F4C542;\n            margin-bottom: 2rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        .content-card h4 {\n            font-size: clamp(1.4rem, 3vw, 1.8rem);\n            color: #F4C542;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #E3E3DC;\n            margin-bottom: 2rem;\n        }\n\n        .content-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Split content layout *\/\n        .split-content {\n            display: flex;\n            gap: 3rem;\n            align-items: center;\n            margin: 3rem 0;\n        }\n\n        .split-content img {\n            flex: 0 0 280px;\n            width: 280px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        .split-content .text-content {\n            flex: 1;\n        }\n\n        \/* Center images - better desktop integration *\/\n        .center-image {\n            text-align: center;\n            margin: 2rem 0;\n        }\n\n        .center-image img {\n            max-width: 70%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        }\n\n        \/* Section Image - more integrated on desktop *\/\n        .section-image {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            margin: 0 auto 3rem auto;\n            display: block;\n        }\n\n        \/* Lists *\/\n        .content-card ul {\n            list-style-type: disc;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card ol {\n            list-style-type: decimal;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            line-height: 1.7;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* Links *\/\n        .content-card a {\n            color: #4CAF50;\n            text-decoration: underline;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .content-card a:hover {\n            color: #45a049;\n        }\n\n        \/* Highlight box *\/\n        .highlight-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n            border-left: 5px solid #F4C542;\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 0 16px 16px 0;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Quote box styling *\/\n        .quote-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n            border: 2px solid rgba(244,197,66,0.3);\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 16px;\n            font-style: italic;\n            text-align: center;\n            font-size: 1.2rem;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Statistics box *\/\n        .stats-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n            border: 2px solid rgba(244,197,66,0.3);\n            padding: 3rem;\n            margin: 3rem auto;\n            border-radius: 16px;\n            text-align: center;\n            max-width: 700px;\n            position: relative;\n            overflow: visible;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        .stats-box h4 {\n            font-size: 2rem;\n            color: #F4C542;\n            margin-bottom: 2rem;\n            text-align: center;\n            font-weight: 600;\n        }\n\n        .stats-number {\n            font-size: 3.5rem;\n            color: #F4C542;\n            font-weight: 700;\n            margin: 1.5rem 0;\n            display: block;\n            line-height: 1.2;\n        }\n\n        .stats-description {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            margin: 1rem 0;\n            display: block;\n            line-height: 1.5;\n        }\n\n        \/* Charlotte's Web highlight *\/\n        .charlotte-highlight {\n            background: linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08));\n            border: 2px solid rgba(76,175,80,0.3);\n            padding: 3rem;\n            margin: 3rem auto;\n            border-radius: 16px;\n            text-align: center;\n            max-width: 800px;\n            position: relative;\n            overflow: visible;\n            box-shadow: 0 4px 12px rgba(76,175,80,0.1);\n        }\n\n        .charlotte-highlight h4 {\n            font-size: 2rem;\n            color: #4CAF50;\n            margin-bottom: 2rem;\n            text-align: center;\n            font-weight: 600;\n        }\n\n        .charlotte-highlight .reduction-text {\n            font-size: 2.8rem;\n            color: #4CAF50;\n            font-weight: 700;\n            margin: 3rem 0 2rem 0;\n            clear: both;\n            display: block;\n            width: 100%;\n            text-align: center;\n        }\n\n        .charlotte-highlight .before-after {\n            display: flex;\n            justify-content: space-around;\n            align-items: center;\n            margin: 3rem 0;\n            flex-wrap: wrap;\n            gap: 2rem;\n        }\n\n        .before-after-item {\n            text-align: center;\n            margin: 1rem;\n            flex: 1;\n            min-width: 150px;\n            max-width: 200px;\n        }\n\n        .before-after-number {\n            font-size: 4rem;\n            font-weight: 700;\n            margin: 1rem 0;\n            display: block;\n            line-height: 1;\n        }\n\n        .before-number {\n            color: #ff6b6b;\n        }\n\n        .after-number {\n            color: #4CAF50;\n        }\n\n        .before-after-label {\n            font-size: 1rem;\n            color: #E3E3DC;\n            font-weight: 600;\n            margin-top: 1rem;\n            display: block;\n            line-height: 1.3;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Divider *\/\n        .section-divider {\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            margin: 4rem 0;\n            border-radius: 2px;\n        }\n\n        \/* Theme Toggle Styles *\/\n        .theme-toggle {\n            text-align: center;\n            margin: 1.5rem 0 0.5rem 0;\n            padding-top: 0.5rem;\n        }\n\n        .theme-toggle button {\n            background: rgba(0,0,0,0.8);\n            border: 2px solid #4CAF50;\n            color: #4CAF50;\n            padding: clamp(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 2.5vw, 20px);\n            font-weight: 600;\n            font-family: 'Montserrat', sans-serif;\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n        }\n\n        \/* Scroll progress indicator *\/\n        .progress-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, #F4C542, #4CAF50);\n            z-index: 1000;\n            transition: width 0.3s ease;\n        }\n\n        .section-break {\n            margin: 6rem auto;\n            position: relative;\n            height: 3px;\n            max-width: 500px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(156,175,136,0.1) 10%, \n                rgba(156,175,136,0.3) 25%, \n                rgba(156,175,136,0.6) 40%, \n                rgba(156,175,136,0.8) 50%, \n                rgba(156,175,136,0.6) 60%, \n                rgba(156,175,136,0.3) 75%, \n                rgba(156,175,136,0.1) 90%, \n                transparent 100%);\n            border-radius: 3px;\n        }\n\n        .section-break::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(244,197,66,0.2) 20%, \n                rgba(244,197,66,0.4) 40%, \n                rgba(244,197,66,0.6) 50%, \n                rgba(244,197,66,0.4) 60%, \n                rgba(244,197,66,0.2) 80%, \n                transparent 100%);\n        }\n\n        \/* ============================================================================ *\/\n        \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n        \/* ============================================================================ *\/\n        .keep-learning-section {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            margin: 6rem auto 3rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n            overflow: hidden;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\n        .signup-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .signup-text h3 {\n            color: #F4C542;\n            font-size: clamp(18px, 4vw, 24px);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-text p {\n            color: #E3E3DC;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-form-container {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .signup-form-container input {\n            width: 100%;\n            padding: 1rem 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n\n        .signup-form-container input:focus {\n            outline: none;\n            border-color: #4CAF50;\n        }\n\n        .signup-form-container input::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n        body.light-theme .signup-form-container input::placeholder,\n        html.light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n\n        .signup-form-container button {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .signup-form-container button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n\n        .signup-form-container button:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .form-note {\n            color: #E3E3DC;\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin: 1.5rem 0 0 0;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n\n        \/* Benefits List Styling *\/\n        .benefits-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 1.5rem 0;\n            padding-left: 0 !important;\n        }\n\n        .benefits-list li {\n            color: #E3E3DC;\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            padding-left: 0 !important;\n            list-style: none !important;\n            position: relative;\n            transition: color 0.3s ease;\n        }\n\n        .benefits-list li:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefits-list li::before {\n            content: none !important;\n        }\n\n        \/* ============================================================================ *\/\n        \/* SECURE COMMENT SYSTEM STYLES *\/\n        \/* ============================================================================ *\/\n        .engagement-container {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: background-color 0.3s ease, border-color 0.3s ease;\n        }\n        .engagement-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: flex-start;\n        }\n        .engagement-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-height: 400px;\n            position: relative;\n            top: 1rem;\n        }\n        .engagement-content h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            transition: color 0.3s ease;\n        }\n        .engagement-content p {\n            color: #E3E3DC;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .engagement-features li {\n            color: #E3E3DC;\n            margin-bottom: 1.2rem;\n            font-size: 1.05rem;\n            line-height: 1.6;\n            padding-left: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features li:last-child {\n            margin-bottom: 0;\n        }\n        .engagement-interaction {\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            padding: 0;\n        }\n        .comment-form-v1 h4 {\n            color: #F4C542;\n            font-size: 1.6rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 p {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            padding-left: 1.5rem;\n            counter-reset: step-counter;\n        }\n        .comment-form-v1 ol li {\n            margin-bottom: 0.8rem;\n            list-style: none;\n            position: relative;\n            padding-left: 4rem;\n            color: #fff;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol li span {\n            position: absolute;\n            left: 0;\n            color: #F4C542;\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n        body.light-theme .comment-form-v1 ol li span,\n        html.light-theme .comment-form-v1 ol li span {\n            color: #B8860B !important;\n            font-weight: 600 !important;\n        }\n\n        .form-group-v1 {\n            margin-bottom: 2rem;\n        }\n        .form-group-v1 input,\n        .form-group-v1 textarea {\n            width: 100%;\n            padding: 1rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        .form-group-v1 input:focus,\n        .form-group-v1 textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        .form-group-v1 input::placeholder,\n        .form-group-v1 textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Main comment form placeholder styling for light theme *\/\n        body.light-theme .form-group-v1 input::placeholder,\n        html.light-theme .form-group-v1 input::placeholder,\n        body.light-theme .form-group-v1 textarea::placeholder,\n        html.light-theme .form-group-v1 textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Main comment form input text color in light theme *\/\n        body.light-theme .form-group-v1 input,\n        html.light-theme .form-group-v1 input,\n        body.light-theme .form-group-v1 textarea,\n        html.light-theme .form-group-v1 textarea {\n            color: #333333 !important;\n            background: rgba(255, 255, 255, 0.9) !important;\n            border: 1px solid rgba(184, 134, 11, 0.5) !important;\n        }\n        \n        .form-group-v1 textarea {\n            height: 100px;\n            resize: vertical;\n        }\n\n        \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n        .username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n        }\n\n        .username-display {\n            flex: 1;\n            width: auto;\n            padding: 1rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n        }\n        \n        .username-display.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        .username-display.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 1rem;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 50px;\n            height: auto;\n        }\n\n        .username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .username-refresh-btn:active {\n            transform: rotate(180deg) scale(0.95);\n        }\n\n        .username-refresh-btn:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .username-refresh-btn.spinning {\n            animation: spin 0.5s ease-in-out;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Inline reply form styles *\/\n        .inline-username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n            margin-bottom: 0.8rem;\n        }\n\n        .inline-reply-username {\n            flex: 1;\n            width: auto;\n            padding: 0.8rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 6px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n\n        .inline-reply-username.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        \n        .inline-reply-username.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .inline-username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 0.8rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 40px;\n        }\n\n        .inline-username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .submit-btn-v1 {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            padding: 1.2rem 1.5rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            margin-top: 1rem;\n        }\n        .submit-btn-v1:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n        .submit-btn-v1:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .status-message {\n            text-align: center;\n            padding: 1rem;\n            border-radius: 8px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .status-message.show {\n            opacity: 1;\n        }\n        .status-message.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        .status-message.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n        .comments-display {\n            margin-top: 2rem !important;\n            border-top: none !important;\n            padding-top: 2.5rem !important;\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .sort-container {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 0.5rem !important;\n            margin-bottom: 2rem !important;\n            padding: 0 !important;\n        }\n        .sort-label {\n            color: #E3E3DC;\n            font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n            font-weight: 400 !important;\n            transition: color 0.3s ease;\n        }\n        .sort-dropdown {\n            background: rgba(0, 0, 0, 0.6);\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            color: #E3E3DC;\n            padding: 0.4rem 0.6rem !important;\n            border-radius: 4px !important;\n            font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n            font-family: 'Montserrat', sans-serif;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            outline: none;\n        }\n        .sort-dropdown:hover {\n            border-color: #4CAF50;\n            background: rgba(0, 0, 0, 0.8);\n        }\n        .sort-dropdown:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n        }\n        .comments-header {\n            color: #4CAF50;\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            margin-bottom: 2rem !important;\n            font-weight: 600;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n            transition: color 0.3s ease;\n        }\n.comment-item {\n    background: rgba(0,0,0,0.4);\n    border-radius: 8px;\n    padding: 1.2rem;\n    margin-bottom: 1.5rem !important;\n    border-left: 3px solid #4CAF50;\n    width: auto;\n    max-width: 100%;\n    box-sizing: border-box;\n    transition: background-color 0.3s ease, border-color 0.3s ease;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    position: relative; \n        }\n        \n        .comment-container {\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        .comment-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n            flex-wrap: wrap;\n            gap: 1rem;\n            min-height: 2rem;\n        }\n        .comment-author {\n            color: #F4C542;\n            font-weight: 600;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n            transition: color 0.3s ease;\n        }\n        .comment-date {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            transition: color 0.3s ease;\n        }\n        .comment-text {\n            color: #E3E3DC;\n            line-height: 1.5;\n            font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            margin-bottom: 1rem;\n            transition: color 0.3s ease;\n        }\n        .comment-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 1rem;\n            padding-top: 0.8rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            transition: border-color 0.3s ease;\n        }\n        .comment-actions {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        .comment-like-btn,\n        .comment-dislike-btn,\n        .comment-reply-btn {\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.5);\n            color: #4CAF50;\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n            min-width: 50px;\n            justify-content: center;\n            white-space: nowrap;\n            height: 32px;\n            box-sizing: border-box;\n        }\n        .comment-like-btn:hover,\n        .comment-reply-btn:hover {\n            background: rgba(76, 175, 80, 0.1);\n            border-color: #4CAF50;\n            transform: translateY(-1px);\n        }\n        .comment-like-btn.liked {\n            background: rgba(76, 175, 80, 0.2);\n            border-color: #4CAF50;\n            color: #4CAF50;\n        }\n        .comment-dislike-btn {\n            border-color: rgba(255, 107, 107, 0.5);\n            color: #ff6b6b;\n            margin-left: 0.2rem;\n        }\n        .comment-dislike-btn:hover {\n            background: rgba(255, 107, 107, 0.1);\n            border-color: #ff6b6b;\n            transform: translateY(-1px);\n        }\n        .comment-dislike-btn.disliked {\n            background: rgba(255, 107, 107, 0.2);\n            border-color: #ff6b6b;\n            color: #ff6b6b;\n        }\n        .comment-like-count {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        .like-count, .dislike-count {\n            font-weight: 600;\n            margin-left: 0.2rem;\n        }\n        \n        \/* Reply indicator styles *\/\n        .reply-indicator {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n            background: rgba(76, 175, 80, 0.08);\n            border: 1px solid rgba(76, 175, 80, 0.2);\n            border-radius: 12px;\n            font-size: 0.85rem;\n            color: #4CAF50;\n            transition: all 0.3s ease;\n        }\n        \n        .reply-icon {\n            font-size: 1rem;\n            font-weight: bold;\n            color: #4CAF50;\n            opacity: 0.8;\n        }\n        \n        .reply-text {\n            color: #E3E3DC;\n            font-size: 0.8rem;\n            opacity: 0.9;\n        }\n        \n        .reply-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n        \n        \/* Read More Button Styles *\/\n        .read-more-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.5);\n            color: #F4C542;\n            padding: 0.3rem 0.8rem;\n            border-radius: 15px;\n            cursor: pointer;\n            font-size: 0.8rem;\n            font-weight: 500;\n            margin-top: 0.5rem;\n            margin-bottom: 0.5rem;\n            transition: all 0.3s ease;\n            display: inline-block;\n        }\n        \n        .read-more-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: translateY(-1px);\n        }\n        \n        .read-more-btn.expanded {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n        }\n        \n        \/* Thread connection line for visual hierarchy *\/\n        .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n            content: '';\n            position: absolute;\n            left: -6px;\n            top: -8px;\n            bottom: 50%;\n            width: 2px;\n            background: linear-gradient(to bottom, \n                rgba(76, 175, 80, 0.4) 0%, \n                rgba(76, 175, 80, 0.2) 50%, \n                transparent 100%);\n            border-radius: 1px;\n        }\n        #cancelReplyBtn {\n            background: transparent !important;\n            border: 1px solid #ff6b6b !important;\n            color: #ff6b6b !important;\n            padding: 0.6rem 1rem !important;\n            border-radius: 6px !important;\n            cursor: pointer !important;\n            font-size: 0.9rem !important;\n            margin-left: 1rem !important;\n            transition: all 0.3s ease !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n        #cancelReplyBtn:hover {\n            background: rgba(255, 107, 107, 0.1) !important;\n            transform: translateY(-1px) !important;\n        }\n        .no-comments-message {\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.7;\n            padding: 2rem;\n            font-style: italic;\n            transition: all 0.3s ease;\n        }\n\n        \/* Inline reply system styles *\/\n        .inline-reply-form {\n            background: rgba(76, 175, 80, 0.05);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin-top: 1rem;\n            margin-bottom: 1rem;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-form.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .inline-reply-form h5 {\n            color: #F4C542;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .inline-reply-email {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 0.8rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-email:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-email::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Inline reply form placeholder styling for light theme *\/\n        body.light-theme .inline-reply-email::placeholder,\n        html.light-theme .inline-reply-email::placeholder,\n        body.light-theme .inline-reply-textarea::placeholder,\n        html.light-theme .inline-reply-textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Username display text visibility in light theme *\/\n        body.light-theme .username-display:not(.authenticated),\n        html.light-theme .username-display:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .username-display.authenticated,\n        html.light-theme .username-display.authenticated {\n            color: #B8860B !important;\n        }\n        \n        \/* FIXED: Inline reply username display visibility in light theme *\/\n        body.light-theme .inline-reply-username:not(.authenticated),\n        html.light-theme .inline-reply-username:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .inline-reply-username.authenticated,\n        html.light-theme .inline-reply-username.authenticated {\n            color: #B8860B !important;\n        }\n        \n        .inline-reply-textarea {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            height: 80px;\n            resize: vertical;\n            margin-bottom: 1rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        .inline-reply-actions {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n        \n        .inline-reply-submit {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 6px;\n            padding: 0.8rem 1.2rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 0.9rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            flex: 1;\n            min-width: 100px;\n        }\n        \n        .inline-reply-submit:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n        }\n        \n        .inline-reply-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .inline-reply-cancel {\n            background: transparent;\n            border: 1px solid #ff6b6b;\n            color: #ff6b6b;\n            padding: 0.8rem 1.2rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            flex: 0 0 auto;\n        }\n        \n        .inline-reply-cancel:hover {\n            background: rgba(255, 107, 107, 0.1);\n            transform: translateY(-1px);\n        }\n        \n        .inline-reply-status {\n            width: 100%;\n            text-align: center;\n            padding: 0.8rem;\n            border-radius: 6px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .inline-reply-status.show {\n            opacity: 1;\n        }\n        \n        .inline-reply-status.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        \n        .inline-reply-status.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n\n        \/* ============================================================================ *\/\n        \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n        \/* ============================================================================ *\/\n        \n        \/* Light theme styles for dynamically created comments *\/\n        body.light-theme .comment-item,\n        html.light-theme .comment-item {\n            background: rgba(0,0,0,0.05) !important;\n            border-left: 3px solid #B8860B !important;\n        }\n\n        body.light-theme .comment-text,\n        html.light-theme .comment-text {\n            color: #333333 !important;\n        }\n\n        body.light-theme .comment-author,\n        html.light-theme .comment-author {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-date,\n        html.light-theme .comment-date {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comment-footer,\n        html.light-theme .comment-footer {\n            border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n        }\n\n        body.light-theme .comment-like-count,\n        html.light-theme .comment-like-count {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comments-header,\n        html.light-theme .comments-header {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .no-comments-message,\n        html.light-theme .no-comments-message {\n            color: #666666 !important;\n        }\n\n        \/* Light theme styles for reply indicators in dynamically created comments *\/\n        body.light-theme .reply-text,\n        html.light-theme .reply-text {\n            color: #666666 !important;\n        }\n\n        body.light-theme .reply-text strong,\n        html.light-theme .reply-text strong {\n            color: #B8860B !important;\n        }\n\n        \/* Light theme styles for comment action buttons *\/\n        body.light-theme .comment-like-btn,\n        html.light-theme .comment-like-btn,\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn,\n        body.light-theme .comment-reply-btn,\n        html.light-theme .comment-reply-btn {\n            border-color: rgba(184, 134, 11, 0.5) !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn:hover,\n        html.light-theme .comment-like-btn:hover,\n        body.light-theme .comment-reply-btn:hover,\n        html.light-theme .comment-reply-btn:hover {\n            background: rgba(184, 134, 11, 0.1) !important;\n            border-color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn.liked,\n        html.light-theme .comment-like-btn.liked {\n            background: rgba(184, 134, 11, 0.2) !important;\n            border-color: #B8860B !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn {\n            border-color: rgba(204, 85, 85, 0.5) !important;\n            color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn:hover,\n        html.light-theme .comment-dislike-btn:hover {\n            background: rgba(204, 85, 85, 0.1) !important;\n            border-color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn.disliked,\n        html.light-theme .comment-dislike-btn.disliked {\n            background: rgba(204, 85, 85, 0.2) !important;\n            border-color: #cc5555 !important;\n            color: #cc5555 !important;\n        }\n\n        \/* CTA Button Styles *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #F4C542, #E6B82E);\n            color: #000;\n            padding: 1rem 3rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n            background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n        }\n\n        \/* CTA Section Styles *\/\n        .cta-section {\n            text-align: center;\n            margin: 4rem auto;\n            max-width: 950px;\n            padding: 2rem;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Better desktop image sizing for large screens *\/\n        @media (min-width: 1200px) {\n            .center-image img {\n                max-width: 60%;\n            }\n            \n            .section-image {\n                max-width: 400px;\n            }\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .content-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .media-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .keep-learning-section {\n                padding: 1.5rem;\n                margin: 2rem auto;\n                position: relative;\n                z-index: 1;\n            }\n\n            .signup-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n\n            .signup-text h3,\n            .signup-text p {\n                text-align: center;\n            }\n\n            .signup-form-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .signup-form-container input {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n            }\n\n            .signup-form-container button {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n                margin-bottom: 0.5rem;\n            }\n\n            .form-note {\n                margin-top: 1rem;\n                position: relative;\n                z-index: 4;\n                clear: both;\n                display: block;\n                width: 100%;\n                padding-top: 0.5rem;\n            }\n\n            #formMessage {\n                position: relative;\n                z-index: 5;\n                clear: both;\n                margin-top: 1.5rem;\n                display: block;\n                width: 100%;\n                box-sizing: border-box;\n                padding: 1rem;\n                text-align: center;\n                font-weight: 600;\n            }\n\n            .engagement-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            \n            .engagement-container {\n                padding: 2rem 1.5rem;\n            }\n            .engagement-content {\n                text-align: center;\n                min-height: auto;\n                position: static;\n                margin-bottom: 1rem;\n            }\n\n            .split-content {\n                flex-direction: column;\n                gap: 2rem;\n            }\n\n            .split-content img {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            .content-break {\n                height: 4rem;\n            }\n\n            .media-section {\n                margin: 6rem auto 4rem auto;\n            }\n\n            .content-section {\n                margin: 4rem auto;\n            }\n\n            .title-section {\n                margin-bottom: 6rem;\n                padding-bottom: 3rem;\n                min-height: auto;\n            }\n\n            .nav-hint {\n                margin: 3rem auto;\n                padding: 1.5rem;\n                font-size: 1rem;\n                line-height: 1.4;\n            }\n\n            .theme-toggle {\n                margin: 3rem 0 1rem 0;\n                padding-top: 1rem;\n            }\n\n            .charlotte-highlight {\n                padding: 2rem 1.5rem !important;\n                margin: 3rem auto !important;\n            }\n\n            .charlotte-highlight .before-after {\n                flex-direction: column !important;\n                gap: 2rem !important;\n                margin: 2rem 0 !important;\n            }\n\n            .charlotte-highlight .before-after-item {\n                margin: 0.5rem auto !important;\n                min-width: 120px !important;\n                max-width: 180px !important;\n            }\n\n            .charlotte-highlight .before-after-number {\n                font-size: 2.5rem !important;\n                margin: 0.5rem 0 !important;\n            }\n\n            .charlotte-highlight .reduction-text {\n                font-size: 1.8rem !important;\n                margin: 2rem 0 1.5rem 0 !important;\n                line-height: 1.3 !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                overflow: visible !important;\n                white-space: normal !important;\n                word-wrap: break-word !important;\n            }\n\n            .before-after-number {\n                font-size: 3rem;\n            }\n\n            .stats-number {\n                font-size: 2.8rem;\n            }\n\n            .center-image img {\n                max-width: 100% !important;\n            }\n\n            .section-image {\n                max-width: 100% !important;\n            }\n\n            .center-image {\n                margin: 2rem 0 !important;\n                text-align: center !important;\n                clear: both !important;\n                width: 100% !important;\n                overflow: visible !important;\n            }\n\n            .center-image p {\n                margin-top: 1rem !important;\n                font-size: 0.9rem !important;\n                line-height: 1.4 !important;\n                padding: 0 1rem !important;\n                word-wrap: break-word !important;\n                overflow-wrap: break-word !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n            }\n\n            .article-page .tbos-container .title-section .article-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 2rem !important;\n            }\n\n            .article-page .tbos-container .title-section .article-subtitle {\n                font-size: clamp(1rem, 4vw, 1.3rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 3rem !important;\n            }\n\n            .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .content-section .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                max-width: 100% !important;\n                margin: 0 auto 4rem auto !important;\n            }\n\n            .media-section-title {\n                font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .media-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n                margin-bottom: 1.5rem !important;\n            }\n\n            .media-card p {\n                font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 1.5rem !important;\n                word-break: break-word !important;\n                overflow-wrap: break-word !important;\n            }\n\n            .content-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card h4 {\n                font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card a {\n                word-break: break-all;\n                overflow-wrap: break-word;\n                hyphens: auto;\n                line-height: 1.6;\n            }\n\n            .content-card .content-text {\n                font-size: 0.9rem !important;\n                line-height: 1.5 !important;\n                word-break: break-word;\n                overflow-wrap: break-word;\n            }\n\n            .cta-button {\n                padding: 0.8rem 2rem !important;\n                font-size: 1rem !important;\n                border-radius: 40px !important;\n            }\n\n            .keep-learning-section h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 1.5rem !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n                white-space: normal !important;\n                word-wrap: break-word !important;\n            }\n\n            .keep-learning-section p {\n                font-size: 1rem !important;\n            }\n\n            .comment-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .comment-footer {\n                flex-direction: column;\n                gap: 0.8rem;\n                align-items: flex-start;\n            }\n            .comment-actions {\n                align-self: flex-start;\n            }\n            .sort-container {\n                justify-content: center !important;\n                gap: 0.5rem;\n                margin-bottom: 1.5rem !important;\n            }\n            .sort-dropdown {\n                padding: 0.4rem 0.6rem;\n                font-size: 0.8rem;\n            }\n            \n            .comment-item {\n                padding: 1.2rem 1rem;\n                margin-bottom: 1.2rem !important;\n            }\n            \n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.5;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.5rem 0.7rem;\n                font-size: 0.8rem;\n                min-width: 45px;\n            }\n            \n            .inline-reply-actions {\n                flex-direction: column;\n                gap: 0.8rem;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                width: 100%;\n                text-align: center;\n            }\n            \n            .inline-reply-form {\n                padding: 1.2rem 1rem;\n                margin: 1rem 0;\n            }\n            \n            .reply-indicator {\n                padding: 0.35rem 0.7rem;\n                margin-bottom: 0.7rem;\n                font-size: 0.8rem;\n            }\n            \n            .reply-icon {\n                font-size: 0.95rem;\n            }\n            \n            .reply-text {\n                font-size: 0.75rem;\n            }\n\n            .username-container {\n                gap: 0.3rem;\n            }\n            \n            .username-refresh-btn {\n                min-width: 45px;\n                padding: 0.8rem;\n                font-size: 1.1rem;\n            }\n        }\n\n        @media (min-width: 769px) and (max-width: 1024px) {\n            .comment-item {\n                padding: 1.3rem 1.2rem;\n            }\n            \n            .comment-text {\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.6rem 0.9rem;\n                font-size: 0.85rem;\n            }\n            \n            .inline-reply-form {\n                padding: 1.3rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .keep-learning-section {\n                margin: 3rem auto;\n                padding: 2rem 1rem;\n            }\n\n            .form-note {\n                margin-top: 1.5rem !important;\n                padding-top: 0.75rem !important;\n            }\n\n            #formMessage {\n                margin-top: 2rem !important;\n                padding: 1rem !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                box-sizing: border-box !important;\n            }\n\n            .engagement-container {\n                padding: 2rem 1rem;\n                margin: 3rem auto;\n            }\n            .comment-item {\n                margin-bottom: 2rem !important;\n                padding: 1.5rem 1rem;\n                font-size: 0.9rem;\n            }\n            .comment-author {\n                font-size: 1rem;\n                margin-bottom: 0.3rem;\n                font-weight: 600;\n            }\n            .comment-date {\n                font-size: 0.8rem;\n                margin-bottom: 1rem;\n                opacity: 0.8;\n            }\n            .comment-header {\n                margin-bottom: 1.5rem;\n                gap: 0.8rem;\n            }\n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.6;\n                margin-bottom: 1.2rem;\n                margin-top: 0.5rem;\n                padding-top: 0.5rem;\n            }\n            .comment-footer {\n                margin-top: 1.2rem;\n                gap: 1rem;\n            }\n            .comment-actions {\n                gap: 0.6rem;\n            }\n            .comment-like-btn,\n            .comment-reply-btn,\n            .comment-dislike-btn {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n                min-width: 40px;\n            }\n            .sort-container {\n                margin-bottom: 2rem !important;\n                padding: 0 1rem;\n                gap: 0.8rem;\n            }\n            .sort-label {\n                font-size: 0.85rem;\n            }\n            .sort-dropdown {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.85rem;\n            }\n            .comments-header {\n                margin-bottom: 2rem !important;\n                font-size: 1.2rem;\n                padding: 0 1rem;\n                line-height: 1.3;\n            }\n            \n            .comment-item[style*=\"paddingLeft\"] {\n                padding-left: 0.5rem !important;\n                margin-left: 0 !important;\n            }\n            \n            .reply-indicator {\n                padding: 0.3rem 0.6rem !important;\n                margin-bottom: 0.6rem !important;\n                font-size: 0.75rem !important;\n                border-radius: 8px !important;\n            }\n            \n            .reply-icon {\n                font-size: 0.9rem !important;\n            }\n            \n            .reply-text {\n                font-size: 0.7rem !important;\n            }\n            \n            .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n                left: -1px !important;\n                width: 1px !important;\n            }\n            \n            .inline-reply-form {\n                padding: 1rem 0.8rem;\n                margin: 0.8rem 0;\n            }\n            \n            .inline-reply-form h5 {\n                font-size: 0.85rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-email,\n            .inline-reply-textarea {\n                padding: 0.6rem;\n                font-size: 0.8rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-textarea {\n                height: 60px;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n            }\n\n            .username-refresh-btn {\n                min-width: 40px;\n                padding: 0.8rem 0.6rem;\n                font-size: 1rem;\n            }\n\n            .inline-username-refresh-btn {\n                min-width: 35px;\n                padding: 0.6rem;\n                font-size: 0.9rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Progress bar -->\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n    <!-- Audio Elements (Hidden) -->\n    <div style=\"display: none;\">\n        <audio id=\"nightTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n        \n        <audio id=\"dayTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n    <\/div>\n\n    <section class=\"article-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-section\">\n                <h1 class=\"article-title\">Medisch Gebruik van Cannabis \ud83c\udfe5<\/h1>\n                <p class=\"article-subtitle\">Van aanvalsreductie tot pijnverlichting, het verkennen van het therapeutisch potentieel van cannabismedicijn<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Media Section -->\n            <div class=\"media-section\">\n                <!-- Video Section with ID anchor -->\n                <div class=\"media-card animate-in\" id=\"video-content\">\n                    <h3>\ud83c\udfac Bekijk het Verhaal van Medische Cannabis<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Zie hoe cannabis de moderne geneeskunde transformeert<\/p>\n<!-- Responsive Video Container -->\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n    <iframe id=\"tbos-video\" \n        style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n        src=\"https:\/\/www.youtube.com\/embed\/u2_udA6uwrc\" \n        data-en=\"u2_udA6uwrc\"\n        data-ga=\"8LiKwCtEMk0\"\n        data-es=\"xAwHY72KmKA\"\n        data-de=\"Mn87Xy7bNXU\"\n        data-pt=\"TOHjIBkkivs\"\n        data-fr=\"gT_eCI8WCzs\"\n        data-it=\"i0eEU9YMC3g\"\n        data-pl=\"folAHtRW80A\"\n        title=\"YouTube-videospeler\" \n        frameborder=\"0\" \n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n        referrerpolicy=\"strict-origin-when-cross-origin\" \n        allowfullscreen>\n    <\/iframe>\n<\/div>\n\n<script>\n(function() {\n    const videoFrame = document.getElementById('tbos-video');\n    if (!videoFrame) return;\n    \n    const currentLang = document.documentElement.lang || 'en';\n    \n    let langCode = 'en';\n    if (currentLang.includes('ga')) langCode = 'ga';\n    else if (currentLang.includes('es')) langCode = 'es';\n    else if (currentLang.includes('de')) langCode = 'de';\n    else if (currentLang.includes('pt')) langCode = 'pt';\n    else if (currentLang.includes('fr')) langCode = 'fr';\n    else if (currentLang.includes('it')) langCode = 'it';\n    else if (currentLang.includes('pl')) langCode = 'pl';\n    \n    const videoId = videoFrame.dataset[langCode];\n    if (videoId) {\n        videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n    }\n})();\n<\/script>\n                <\/div>\n\n                <!-- Content Break -->\n                <div class=\"content-break\"><\/div>\n\n<!-- Audio Section with ID anchor -->\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n    <h3>\ud83c\udfa7 Luister onderweg<\/h3>\n    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfect voor je woon-werkverkeer of training, alleen audio-versie<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2VY8CunM4JCxNiezG60nPj?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n<\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Navigation Hint -->\n            <div class=\"nav-hint\">\n                \u2193 Liever lezen? Duik in de volledige geschreven analyse hieronder \u2193\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Written Content Section with ID anchor -->\n            <div class=\"content-section\" id=\"written-content\">\n                <h2 class=\"content-section-title\">Medisch Gebruik van Cannabis \ud83c\udfe5<\/h2>\n\n                <!-- Opening Section -->\n                <div class=\"content-card\">\n                    <h3>De Realiteitscheck<\/h3>\n                    <p class=\"content-text translation-block\">Vanaf 2015 was in Australi\u00eb <strong style=\"font-weight: 700 !important\">80% van de sterfgevallen door overdosis gekoppeld aan legaal voorgeschreven farmaceutische medicijnen<\/strong>, zoals opio\u00efden. 80. Ja 80%. Dat is een feit, geen verzonnen getal. Tachtig.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Als cannabis de aanvallen van een kind kan verminderen van 50 per dag naar slechts 2 of 3 per maand...een <strong style=\"font-weight: 700 !important\">500-voudige daling<\/strong>...is dat dan niet op zijn minst een nadere blik waard?<\/p>\n                    \n                    <p class=\"content-text translation-block\">Kijk gewoon hoe cannabis kan <a href=\"https:\/\/www.youtube.com\/watch?v=zNT8Zo_sfwo\" target=\"_blank\">helpen met de tremoren en motorische vaardigheden veroorzaakt door de ziekte van Parkinson<\/a>. Het is een video van een gepensioneerde politiekapitein die cannabis voor het eerst probeert.<\/p>\n                    \n                    <p class=\"content-text\">In tegenstelling tot stoffen zoals alcohol of opio\u00efden, heeft cannabis een laag toxiciteitsprofiel en is niet geassocieerd met fatale overdosis, zoals ondersteund door gegevens van het National Institute on Drug Abuse (NIDA).<\/p>\n                    \n                    <div class=\"quote-box\">\n                        <p class=\"content-text\">Waarom wordt een plant die geen dodelijke overdosis kan veroorzaken dan nog steeds als gevaarlijker beschouwd dan legale drugs die dagelijks mensen doden?<\/p>\n                    <\/div>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Common-sense-man-on-tree.jpg\" alt=\"Common sense illustration\">\n                    <\/div>\n                    \n                    <p class=\"content-text\" style=\"text-align: center;\">Om dit artikel te beginnen heb ik een publieke dienstmededeling.<\/p>\n                <\/div>\n\n                <!-- PSA Section -->\n                <div class=\"content-card\">\n                    <h3>IK BEN GEEN ARTS, VERPLEEGKUNDIGE OF BEOEFENAAR, VAN WELKE AARD DAN OOK.<\/h3>\n                    \n                    <p class=\"content-text\">Neem geen, en ik herhaal neem geen medisch advies van mij aan of ik keer deze auto meteen om. Als je van plan bent een van je aandoeningen met cannabis te behandelen. Zoek medisch advies bij een opgeleide zorgverlener.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Hieronder staan enkele van de belangrijkste medische aandoeningen waarvoor mensen cannabis gebruiken om zichzelf te helpen behandelen. Ik probeer het gesprek te beginnen dat je kunt hebben met een medisch opgeleide beoefenaar. De onderstaande inhoud kan je <strong style=\"font-weight: 700 !important\">wat context geven<\/strong> bij het aangaan van dat gesprek, zodat je wat beter ge\u00efnformeerd bent.<\/p>\n                    \n<div class=\"center-image\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Charolette-FIgi.png\" alt=\"Charlotte Figi\">\n    <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Bron: <a href=\"https:\/\/realitysandwich.com\/charlotte-figi\/\" target=\"_blank\" style=\"color: #E3E3DC;\">https:\/\/realitysandwich.com\/charlotte-figi\/<\/a><\/p>\n<\/div>\n                    \n                    <p class=\"content-text translation-block\">Stel je voor: Je kind, net vijf jaar oud, heeft tot 50 aanvallen per dag. Je hebt alles geprobeerd, elk medicijn, elke procedure, en niets werkt. Dan, met \u00e9\u00e9n minuscuul druppeltje CBD-olie onder de tong van je dochter, stoppen de aanvallen. Niet helemaal, maar genoeg om haar een kans te geven op een leven dat niet gedomineerd wordt door stuipen. Dit was <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">het verhaal van Charlotte Figi<\/a>, en het veranderde de manier waarop de wereld naar cannabis keek.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Van het oude China tot 1961, toen de Verenigde Naties cannabis bestempelden als een substantie met <strong style=\"font-weight: 700 !important\">\"hoog misbruikpotentieel en beperkt medisch gebruik\"<\/strong>, heeft deze plant een stigma gedragen. En toch zijn we hier in 2025, en gebruiken we het om pijn te verlichten, misselijkheid te bestrijden, aanvallen te kalmeren en levens te verbeteren.<\/p>\n                    \n                    <p class=\"content-text\">Dus ja, als we het gesprek kunnen beginnen over hoe cannabis mensen kan helpen bij het verbeteren van hun levenskwaliteit, zou dat cool zijn.<\/p>\n                    \n                    <h4>De aandoeningen die ik ga bespreken waar cannabis kan helpen bij het verlichten van symptomen zijn:<\/h4>\n                    <ul>\n                        <li>Chemotherapie-ge\u00efnduceerde misselijkheid en braken<\/li>\n                        <li>Chronische pijn<\/li>\n                        <li>Epilepsie<\/li>\n                        <li>Palliatieve zorg<\/li>\n                    <\/ul>\n                    \n                    <p class=\"content-text\">Ik kan niet elke aandoening behandelen waarbij cannabis kan helpen bij de behandeling, omdat het te veel is om in \u00e9\u00e9n post te verwerken. Enkele van de aandoeningen die geholpen kunnen worden met cannabis die ik niet zal behandelen omvatten, maar zijn niet beperkt tot Endometriose, HIV\/AIDS, Multiple sclerose, PTSS, Angst, Slapeloosheid, Alzheimer en de ziekte van Crohn.<\/p>\n                    \n                    <p class=\"content-text\">Laten we beginnen.<\/p>\n                <\/div>\n\n                <!-- CINV Section -->\n                <div class=\"content-card\">\n                    <h3>Chemotherapie-ge\u00efnduceerde misselijkheid en braken - (CINV)<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Cancer-patient-smoking.png\" alt=\"Cancer patient smoking cannabis\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Kankerbehandeling is uitputtend, maar voor veel pati\u00ebnten gaat het niet alleen om de ziekte, maar om de bijwerkingen. Misselijkheid en braken slaan toe als een vloedgolf, mensen berooft van hun vermogen om te eten, te functioneren of zelfs te hopen. Door chemotherapie ge\u00efnduceerde M&amp;B is een van de meest voorkomende en verontrustende acute bijwerkingen van kankerbehandeling. Het komt voor bij maximaal <strong style=\"font-weight: 700 !important\">80% van de pati\u00ebnten<\/strong> en kan een aanzienlijke impact hebben op de levenskwaliteit van een pati\u00ebnt.<\/p>\n                            \n                            <p class=\"content-text\">Stel je de ergste voedselvergiftiging voor die je ooit hebt gehad, je ligt opgerold, zwetend, misselijk en smeekt je lichaam om er gewoon mee klaar te zijn. Stel je nu voor dat dat je elke dag treft, zonder waarschuwing en vaak zonder verlichting. Zo kunnen chemotherapie-ge\u00efnduceerde misselijkheid en braken (CINV) aanvoelen.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n                    \n                    <h4>Dus hoe helpt cannabis precies bij de effecten van chemotherapie?<\/h4>\n                    \n                    <p class=\"content-text translation-block\">THC en CBD interageren met je hersenen en darmen en blokkeren de signalen die je ziek maken. THC en CBD interageren met cannabino\u00efde receptoren in het lichaam, met name de CB1-receptoren die zich in de hersenen en het maagdarmkanaal bevinden. Het <strong style=\"font-weight: 700 !important\">maagdarmkanaal<\/strong> is hier belangrijk. Activering van deze receptoren kan de afgifte van neurotransmitters remmen die misselijkheid en braken veroorzaken. Het remt ook serotonine (5-HT3) receptoren, die betrokken zijn bij de braakreflex. Door deze receptoren te blokkeren, kan cannabis het gevoel van misselijkheid verminderen. Ze zeggen geen mens, geen braken nu alsjeblieft.<\/p>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/5050-movie.jpg\" alt=\"50\/50 movie scene\">\n                        <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">(50\/50 srs film. Kankerpati\u00ebnten roken samen cannabis om misselijkheid, pijn en angst te verlichten)<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text translation-block\">n gerandomiseerde placebo-gecontroleerde klinische onderzoeken verminderde een evenwichtige <strong style=\"font-weight: 700 !important\">THC:CBD-verhouding (1:1)<\/strong> de misselijkheidscores aanzienlijk bij kankerpati\u00ebnten die alle andere behandelingen hadden uitgeput. De resultaten gaven aan dat de groep die het cannabis-extract ontving een hoger percentage \"volledige respons\" had (geen braken en geen behoefte aan extra medicatie) vergeleken met de placebogroep. Ze ervoeren ook over het algemeen minder misselijkheid en gaven de voorkeur aan de cannabisbehandeling.<\/p>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/when-breath-becomes-air.jpg\" alt=\"When Breath Becomes Air book cover\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Zien hoe de levenskwaliteit van een geliefde voor je ogen achteruitgaat, moet een van de ergste dingen zijn die je in het leven kunt meemaken, denk ik. We zijn ons allemaal bewust van wat kanker en chemo met een persoon doen, zowel fysiek als mentaal. Ik heb eigenlijk net <strong style=\"font-weight: 700 !important\">Als de Adem Lucht Wordt<\/strong> uitgelezen. Het is een fantastische lezing en een scherpe herinnering aan hoe uitputtend en ontmenselijkend een ernstige ziekte kan zijn. Hoe behandelingen zoals chemotherapie niet alleen het lichaam uitslijten, maar ook je gevoel van identiteit, tijd en controle afbrokkelen. Het is de moeite waard om te lezen om je eraan te herinneren hoeveel we het eenvoudige geschenk van je jezelf voelen over het hoofd zien. Je gaat weg en denkt anders over tijd, gezondheid en wat echt belangrijk is.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                   <p class=\"content-text translation-block\">Als het opsteken van een joint hen ook maar een beetje verlichting geeft, wie zijn wij in godsnaam om ze tegen te houden? Veel mensen geven chemotherapie op vanwege de bijwerkingen. <strong style=\"font-weight: 700 !important\">Ze nemen letterlijk hun overlevingskans weg<\/strong> omdat het te veel pijn en gedoe is om door te gaan. Dat op zich is een gek concept. Als mijn vriend of familielid me vertelt dat ze verlichting krijgen van cannabis tijdens chemo, ben ik hun dealer. Absoluut geen vraag wat voor regels er ook gelden. Sorry x<\/p>\n                    \n                    <p class=\"content-text\">In verschillende onderzoeken hebben pati\u00ebnten een voorkeur uitgesproken voor cannabino\u00efde behandelingen boven traditionele anti-emetica, waarbij ze vaak betere symptoomverlichting en minder bijwerkingen aanhalen.<\/p>\n                    \n                \n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Al deze bevindingen suggereren dat cannabis een waardevolle optie kan zijn voor het beheren van CINV, met name voor pati\u00ebnten die niet goed reageren op standaard anti-emetische behandelingen.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Chronic Pain Section -->\n                <div class=\"content-card\">\n                    <h3>Chronische Pijn<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Chronic-pain.png\" alt=\"Man with chronic back pain\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Chronische pijn is meedogenloos. Het kan niet schelen of je werk hebt, kinderen om voor te zorgen of dromen na te jagen. Voor miljoenen wereldwijd is het een dagelijkse strijd die nooit eindigt.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Chronische pijn kan worden gedefinieerd als elke pijn die al meer dan <strong style=\"font-weight: 700 !important\">3 maanden<\/strong> constant aanwezig is en niet is verdwenen. Het kan het gevolg zijn van verschillende aandoeningen zoals verwondingen, operaties, musculoskeletale problemen, kanker of soms zonder duidelijke fysieke oorzaak. Het kan de levenskwaliteit van een persoon aanzienlijk be\u00efnvloeden en dagelijkse activiteiten, werk en sociale interacties verstoren.<\/p>\n                            \n                            <p class=\"content-text\">Het treft ongeveer 20% van de mensen wereldwijd. De meest voorkomende oorzaken van chronische pijn zijn artrose en rugpijn.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n                    \n                    <p class=\"content-text\">Cannabis interageert met het endocannabino\u00efde systeem van het lichaam (ECS), gericht op CB1- en CB2-receptoren om chronische pijn te verlichten. CB1-receptoren, voornamelijk in de hersenen en het zenuwstelsel, worden geactiveerd door THC, waardoor pijnsignalen worden verminderd en pijnperceptie wordt veranderd, vaak een gevoel van afstand tot de pijn cre\u00ebrend.<\/p>\n                    \n                    <p class=\"content-text translation-block\">CB2-receptoren, gevonden in het immuunsysteem, worden gestimuleerd door cannabino\u00efden om ontsteking te verminderen door pro-inflammatoire cytokines te verminderen. Dit ontstekingsremmende effect helpt de grondoorzaak van pijn aan te pakken bij aandoeningen zoals artritis. Bovendien <strong style=\"font-weight: 700 !important\">verandert cannabis hoe de hersenen pijn verwerken<\/strong>, waardoor het minder opdringerig en draaglijker wordt, wat de levenskwaliteit aanzienlijk verbetert.<\/p>\n                    \n                    <h4>Dus waarom cannabis gebruiken om chronische pijn te helpen behandelen?<\/h4>\n                    \n                    <p class=\"content-text translation-block\">Dit raakt aan wat ik besprak in het <a href=\"https:\/\/twobirdsonestoned.co\/nl\/the-endocannabinoid-system\/\" target=\"_blank\">artikel over het endocannabino\u00efde systeem<\/a>. Cannabis wordt momenteel gebruikt als tweedelijns- of eindelijnsbehandeling. Wat dat betekent is dat we niet meteen naar cannabis zoeken wanneer we enkele van de bovenstaande problemen ervaren.<\/p>\n                    \n                    <p class=\"content-text\">Daarbij is wat er historisch in het verleden is gebeurd met bepaalde andere medicijnen die worden voorgeschreven om chronische pijn te behandelen, bepaalde opio\u00efden om precies te zijn, dat ze op zijn zachtst gezegd enkele interessante statistieken hebben opgeleverd.<\/p>\n                    \n                    <h4>Laten we het over cijfers hebben:<\/h4>\n                    <ul>\n                        <li class=\"translation-block\">In de VS <strong style=\"font-weight: 700 !important\">sterven elke dag 130 mensen aan een opio\u00efdenoverdosis<\/strong>.<\/li>\n                        <li class=\"translation-block\">In Australi\u00eb <strong style=\"font-weight: 700 !important\">is 80% van de sterfgevallen door overdosis gekoppeld aan farmaceutische producten<\/strong> zoals opio\u00efden.<\/li>\n                    <\/ul>\n                    \n<div class=\"center-image\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opiod-death-chart.jpg\" alt=\"U.S. Overdose Deaths Involving Prescription Opioids Chart\">\n    <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Bron: <a href=\"https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates\" target=\"_blank\">https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates<\/a><\/p>\n<\/div>\n                    \n                    <p class=\"content-text\">Deze statistieken zijn hartverscheurend, vooral als je bedenkt hoeveel van die levens gered hadden kunnen worden met alternatieve behandelingen zoals cannabis. In tegenstelling tot opio\u00efden onderdrukt cannabis je ademhalingssysteem niet. Met andere woorden, het zal je niet laten stoppen met ademen.<\/p>\n                    \n                    <p class=\"content-text translation-block\"><a href=\"https:\/\/www.youtube.com\/watch?v=uQsagQwSLBY\" target=\"_blank\">\"Painkiller\"<\/a> geeft een verontrustende blik op hoe we hier zijn gekomen, maar cannabis biedt een uitweg, een pad om pijn te beheren <strong style=\"font-weight: 700 !important\">zonder levens te riskeren<\/strong>.<\/p>\n                <\/div>\n\n                <!-- Epilepsy Section -->\n                <div class=\"content-card\">\n                    <h3>Epilepsie<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Epilepsy.png\" alt=\"Person having seizure with help\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Charlotte Figi is niet alleen. Over de hele wereld leven 50 miljoen mensen met epilepsie, en voor velen werken standaardbehandelingen niet.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Er is momenteel <strong style=\"font-weight: 700 !important\">geen genezing voor epilepsie<\/strong>, alleen behandelingen die kunnen helpen bij de ernst en frequentie van de aanvallen.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Om te begrijpen hoe cannabis pati\u00ebnten met epilepsie helpt <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">bekijk deze video<\/a>. Het gaat over Charlotte Figi, een kind met een catastrofale vorm van epilepsie die de CBD-beweging inspireerde. Charlotte was een vijfjarig meisje dat 50 medicijnresistente epileptische aanvallen per dag had. Per dag\u2026.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n                    \n                    <p class=\"content-text\">Ze werd toen behandeld met een hoge CBD-formulering die nu bekend staat als Charlotte's Web. Wat gebeurde er toen ze begon met deze CBD-formulering?<\/p>\n                    \n                    <div class=\"charlotte-highlight\">\n                        <h4>Charlotte's Verhaal: Voor en Na CBD<\/h4>\n                        <div class=\"before-after\">\n                            <div class=\"before-after-item\">\n                                <div class=\"before-after-number before-number\">50<\/div>\n                                <div class=\"before-after-label\">AANVALLEN PER DAG<\/div>\n                            <\/div>\n                            <div style=\"font-size: 2rem; color: #F4C542; align-self: center;\">\u2192<\/div>\n                            <div class=\"before-after-item\">\n                                <div class=\"before-after-number after-number\">2-3<\/div>\n                                <div class=\"before-after-label\">AANVALLEN PER MAAND<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"reduction-text\">99,83% REDUCTIE<\/div>\n                        <p class=\"content-text\" style=\"margin-top: 1.5rem; clear: both;\">Toen niets anders werkte, kwam cannabis binnen en verminderde de aanvallen met 99,83%. Het blijkt dat het toch enig nut heeft.<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Merk op hoe ik CBD specifiek noem. Wanneer we bespreken hoe cannabis kan helpen bij epilepsie, hebben we het eigenlijk over de CBD-verbinding. Als we nadenken over de belangrijkste redenen waarom cannabis mag worden gebruikt als medische hulp voor mensen, zou dit verhaal een van de belangrijkste redenen zijn, zo niet de belangrijkste reden.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Het brak het stigma rond cannabis door te laten zien dat het niet deze slechte drug was die ervoor zorgde dat je <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\">je partner vermoordde en van daken van gebouwen sprong tot je dood<\/a>.<\/p>\n                    \n                    <h4>Dus hoe werkt het eigenlijk?<\/h4>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-26-2025-05_56_20-PM.png\" alt=\"CBD seizure mechanism diagram\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Nou, als je echt nerdy wilt worden, dit is wat er op wetenschappelijk niveau gebeurt. <strong style=\"font-weight: 700 !important\">CBD remt LPI<\/strong>, dat normaal gesproken zenuwsignalen versterkt en aanvallen kan bevorderen. Het werkt als een <strong style=\"font-weight: 700 !important\">functionele antagonist van GPR55<\/strong>, een receptor betrokken bij neuronale prikkelbaarheid en blokkeert niet alleen prikkelende signalen maar versterkt ook remmende signalen die aanvallen tegengaan. Hiermee verbreekt het de positieve feedbackloop door de cyclus te verstoren waarbij aanvallen de LPI naar GPR55 signalering verhogen, wat op zijn beurt meer aanvallen bevordert.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Ik vind het leuk om de technische aspecten van cannabis uit te leggen, me te verdiepen in de ingewikkelde manieren waarop het met ons lichaam interageert. Ik denk gewoon niet dat het voor iedereen verteerbare informatie is. Als het iets is waar mensen in ge\u00efnteresseerd zijn, laat het me weten en ik kan dit meer verkennen x<\/p>\n                    \n                    <p class=\"content-text\">Het is geen complete oplossing en het dekt niet alle epilepsie, maar we kunnen zien dat het een enorme hulp kan zijn voor mensen die hulp nodig hebben.<\/p>\n                <\/div>\n\n                <!-- Palliative Care Section -->\n                <div class=\"content-card\">\n                    <h3>Palliatieve Zorg<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Pallative-care.jpg\" alt=\"Palliative care scene with family\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Palliatieve zorg gaat over waardigheid, ervoor zorgen dat mensen die te maken hebben met levensbedreigende ziekten hun laatste dagen met zoveel mogelijk comfort en kwaliteit kunnen leven.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Ik vind het een cool concept dat we allemaal langzaam aan het sterven zijn met verschillende snelheden. Alsof er iets op ons afkomt, het gebeurt misschien pas over 2\/14\/41\/72 jaar en we weten niet wat ons gaat krijgen. Kanker, goederentrein, hartaanval, John Wick. Is er een tikkende tijdbom van binnen? Wie weet het verdomme. <strong style=\"font-weight: 700 !important\">Je sterft langzaam terwijl je dit leest<\/strong>, iets vreet aan ons leven op de achtergrond\u2026. Nomnomnomnom.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n                    \n                    <p class=\"content-text\">Hier is de harde realiteit: Ieder van ons sterft, alleen met verschillende snelheden. Voor degenen in palliatieve zorg is het einde dichterbij, maar dat betekent niet dat ze onnodig moeten lijden.<\/p>\n                    \n                    <p class=\"content-text\">Cannabis helpt hier ook. Het verlicht pijn, herstelt de eetlust en kalmeert de angst die vaak gepaard gaat met terminale diagnoses. Om helemaal hippie te worden, het be\u00efnvloedt echt hoe je je wereld waarneemt. Het kan je een grotere waardering voor het leven geven en in het reine komen met wat je situatie is.<\/p>\n                    \n                    <div class=\"stats-box\">\n                        <h4>Verbetering van de Levenskwaliteit<\/h4>\n                        <p class=\"stats-description\">Een onderzoek waarbij meer dan 3.000 kankerpati\u00ebnten betrokken waren, vond dat medicinale cannabis symptomen die veel voorkomen in palliatieve zorg aanzienlijk verbeterde, waaronder pijn, misselijkheid, angst en slaapstoornissen.<\/p>\n                        \n                        <div style=\"margin: 2rem 0;\">\n                            <div class=\"stats-number\">18.7%<\/div>\n                            <p class=\"stats-description\">Voor Behandeling<\/p>\n                            <div style=\"margin: 1rem 0; font-size: 2rem; color: #F4C542;\">\u2193<\/div>\n                            <div class=\"stats-number\">69.5%<\/div>\n                            <p class=\"stats-description\">Na zes maanden cannabisgebruik<\/p>\n                        <\/div>\n                        \n                        <p class=\"content-text\" style=\"margin-top: 1.5rem; font-weight: bold; color: #E3E3DC;\">Het percentage pati\u00ebnten dat een goede levenskwaliteit meldde, steeg dramatisch.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Summary Section -->\n                <div class=\"content-card\">\n                    <h3>Slotgedachten<\/h3>\n                    <p class=\"content-text\">De wiskunde klopt niet met waarom cannabis wereldwijd zo verboden is en hoe het door mensen wordt gezien met betrekking tot hoe veilig het is. De cijfers hierboven tonen dit aan.<\/p>\n                    \n                    <div class=\"quote-box\">\n                        <p class=\"content-text\">Hier is de vraag die ik je achterlaat: Als een enkele plant het lijden kan verlichten, levens kan verbeteren en hoop kan bieden waar die er niet was, waarom zouden we dan ooit aarzelen om het potentieel ervan te verkennen?<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Dit gesprek. Laten we het gaande houden<\/p>\n                    \n                    <div class=\"section-divider\"><\/div>\n                <\/div>\n\n                <!-- Keep Learning Section -->\n                <div class=\"keep-learning-section\">\n                    <div class=\"signup-split\">\n                        <div class=\"signup-text\">\n                            <h3>De Enige Manier om up-to-date te Blijven<\/h3>\n                            <p>Cannabis evolueert en wij behandelen de wetenschap, onderzoek en cultuur, allemaal gratis en rechtstreeks in je inbox. Geen sociale media. Alleen e-mail. Doe mee als je nieuwsgierig bent.<\/p>\n                            <ul class=\"benefits-list\">\n                                <li>\ud83c\udfac Interviews &amp; Documentaires<\/li>\n                                <li>\ud83d\udcda Educatieve video's &amp; audio's<\/li>\n                                <li>\ud83d\udd2c Wetenschappelijk onderbouwde informatie &amp; inzichten<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"signup-form\">\n                            <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n                                <input type=\"email\" name=\"entry.690743589\" placeholder=\"jouw@email.com\" required id=\"emailInput\">\n                                <button type=\"submit\" id=\"emailSubmitBtn\">Ontvang Updates<\/button>\n                                <p class=\"form-note\">\u27a1\ufe0f Blijf nieuwsgierig \u2b05\ufe0f<\/p>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"nl\"\/><\/form>\n                        <\/div>\n                    <\/div>\n                    <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n                <\/div>\n\n                <!-- Section Break before comments -->\n                <div class=\"section-break\"><\/div>\n                \n                <!-- SECURE ENGAGEMENT SYSTEM -->\n                <div class=\"engagement-container\">\n                    <div class=\"engagement-split\">\n                        <div class=\"engagement-content\">\n                            <h3>Wat vind jij?<\/h3>\n                            <p>Heb je iets te zeggen? Laat het hieronder achter. Jouw stem helpt vorm te geven aan wat er daarna komt.<\/p>\n                            <ul class=\"engagement-features\">\n                                <li>\ud83d\udcad Deel je ervaringen<\/li>\n                                <li>\ud83e\udd1d Praat erover met anderen<\/li>\n                                <li>\ud83d\udcda Help toekomstige content te verbeteren<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"engagement-interaction\">\n                            <div class=\"comment-form-v1\">\n                                <h4>Hoe dit werkt<\/h4>\n                                <ol>\n                                    <li class=\"translation-block\"><span>Stap 1:<\/span>Kies: Voer je email in OF reageer anoniem<\/li>\n                                    <li class=\"translation-block\"><span>Stap 2:<\/span>Krijg je unieke gebruikersnaam (die behoud je voor de hele site)<\/li>\n                                    <li class=\"translation-block\"><span>Stap 3:<\/span>Reageer, stem, antwoord en deel je gedachten: je bent onderdeel van het gesprek!<\/li>\n                                <\/ol>\n                                <form id=\"secureCommentForm\" action=\"\">\n                                    <!-- HONEYPOT FIELDS - INVISIBLE TO HUMANS -->\n                                    <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    \n                                    <!-- Anonymous toggle -->\n                                    <div class=\"form-group-v1\">\n                                        <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n                                            <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n                                            <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Reageer anoniem (geen e-mail vereist)<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"form-group-v1\" id=\"emailGroup\">\n                                        <input type=\"email\" id=\"commentEmail\" placeholder=\"jouw@email.com\" required>\n                                        <div class=\"username-container\">\n                                            <div class=\"username-display\" id=\"usernameDisplay\">Je gebruikersnaam verschijnt hier<\/div>\n                                            <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Kies een andere gebruikersnaam\">\n                                                \ud83d\udd04\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"form-group-v1\">\n                                        <textarea id=\"commentText\" placeholder=\"Wat vond je ervan? Vragen of ervaringen om te delen?\"><\/textarea>\n                                    <\/div>\n                                    <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                        <span id=\"submitText\">Plaats reactie<\/span>\n                                    <\/button>\n                                <input type=\"hidden\" name=\"trp-form-language\" value=\"nl\"\/><\/form>\n                            <\/div>\n                            <!-- STATUS MESSAGES -->\n                            <div class=\"status-message\" id=\"commentStatus\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Section Break before comments -->\n                    <div class=\"section-break\"><\/div>\n                    \n                    <!-- COMMENTS DISPLAY -->\n                    <div class=\"comments-display\">\n                        <!-- Sort Options -->\n                        <div class=\"sort-container\">\n                            <label for=\"commentSort\" class=\"sort-label\">Sorteren op:<\/label>\n                            <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                                <option value=\"recent\">Meest recent<\/option>\n                                <option value=\"liked\">Meest geliked<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"comments-header\" id=\"commentsHeader\">\n                            <span>\ud83d\udcad<\/span> Recente reacties (<span id=\"commentCount\">0<\/span>)\n                        <\/div>\n                        <div id=\"commentsList\">\n                            <!-- User comments will be dynamically inserted here -->\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Section Break -->\n                <div class=\"section-break\"><\/div>\n                \n                <!-- More Topics CTA -->\n        <div class=\"cta-section\">\n    <a href=\"https:\/\/twobirdsonestoned.co\/nl\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n        Meer Onderwerpen \u2192\n                    <\/a>\n                <\/div>\n\n                <!-- References Section -->\n                <div class=\"content-card\">\n                    <h3>Referenties<\/h3>\n                    <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n                        <p>Australian Institute of Health and Welfare, 2019. <em>Drug-related deaths in Australia 1997\u20132017<\/em>. Canberra: AIHW.<\/p>\n                        \n                        <p>Devinsky, O., Cross, J.H., Laux, L., Marsh, E., Miller, I., Nabbout, R., Scheffer, I.E., Thiele, E.A. and Wright, S., 2017. Trial of cannabidiol for drug-resistant seizures in the Dravet syndrome. <em>New England Journal of Medicine<\/em>, 376(21), pp.2011-2020.<\/p>\n                        \n                        <p>H\u00e4user, W., Petzke, F. and Fitzcharles, M.A., 2018. Efficacy, tolerability and safety of cannabis-based medicines for chronic pain management\u2013an overview of systematic reviews. <em>European Journal of Pain<\/em>, 22(3), pp.455-470.<\/p>\n                        \n                        <p>Inglet, S., Winter, B., Yost, S.E., Entringer, S., Lian, A., Biksacky, M. and Pitt, K.M., 2020. Clinical data for the use of cannabis-based treatments: a comprehensive review of the literature. <em>Annals of Pharmacotherapy<\/em>, 54(11), pp.1109-1143.<\/p>\n                        \n                        <p>Kleckner, A.S., Kleckner, I.R., Kamen, C.S., Tejani, M.A., Janelsins, M.C., Morrow, G.R. and Peppone, L.J., 2019. Opportunities for cannabis in supportive care in cancer. <em>Therapeutic Advances in Medical Oncology<\/em>, 11, p.1758835919866362.<\/p>\n                        \n                        <p>Laux, L.C., Bebin, E.M., Checketts, D., Chez, M., Flamini, R., Marsh, E.D., Miller, I., Nichol, K., Park, Y., Segal, E. and Seltzer, L.E., 2019. Long-term safety and efficacy of cannabidiol in children and adults with treatment resistant Lennox-Gastaut syndrome or Dravet syndrome: Expanded access program results. <em>Epilepsy Research<\/em>, 154, pp.13-20.<\/p>\n                        \n                        <p>MacCallum, C.A. and Russo, E.B., 2018. Practical considerations in medical cannabis administration and dosing. <em>European Journal of Internal Medicine<\/em>, 49, pp.12-19.<\/p>\n                        \n                        <p>National Academy of Sciences, Engineering, and Medicine, 2017. <em>The health effects of cannabis and cannabinoids: the current state of evidence and recommendations for research<\/em>. Washington, DC: The National Academies Press.<\/p>\n                        \n                        <p>Piper, B.J., DeKeuster, R.M., Beals, M.L., Cobb, C.M., Burchman, C.A., Perkinson, L., Lynn, S.T., Nichols, S.D. and Abess, A.T., 2017. Substitution of medical cannabis for pharmaceutical agents for pain, anxiety, and sleep. <em>Journal of Psychopharmacology<\/em>, 31(5), pp.569-575.<\/p>\n                        \n                        <p>Sallan, S.E., Zinberg, N.E. and Frei III, E., 1975. Antiemetic effect of delta-9-tetrahydrocannabinol in patients receiving cancer chemotherapy. <em>New England Journal of Medicine<\/em>, 293(16), pp.795-797.<\/p>\n                        \n                        <p>Schrot, R.J. and Hubbard, J.R., 2016. Cannabinoids: medical implications. <em>Annals of Medicine<\/em>, 48(3), pp.128-141.<\/p>\n                        \n                        <p>Whiting, P.F., Wolff, R.F., Deshpande, S., Di Nisio, M., Duffy, S., Hernandez, A.V., Keurentjes, J.C., Lang, S., Misso, K., Ryder, S. and Schmidlkofer, S., 2015. Cannabinoids for medical use: a systematic review and meta-analysis. <em>JAMA<\/em>, 313(24), pp.2456-2473.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>Als Je Het Tot Hier Hebt Gehaald...<\/h3>\n                    \n                    <div class=\"section-divider\"><\/div>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Dit staat aan het einde van elk stuk dat ik schrijf, dus als je hier eerder iets hebt gelezen, weet je hoe het werkt.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Als je het tot het einde van dit stuk hebt gehaald, <strong>bedankt<\/strong>. Echt waar. Je hebt de tijd genomen om je te verdiepen in een onderwerp dat generaties lang verborgen was onder lagen stigma. Dat alleen al betekent dat je deel uitmaakt van een broodnodige verandering.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Als iets hier je aan het denken heeft gezet of anders heeft laten denken, doe dit: <strong>praat erover<\/strong>. Breng het ter sprake bij iemand. Maakt niet uit wie, je vriend, je vader, je fysiotherapeut, je collega, wie dan ook. Deel wat je hebt geleerd, wat je verraste, of zelfs waar je nog onzeker over bent.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Deze gesprekken, of ze nu casual, diepgaand, willekeurig of ongemakkelijk zijn, hakken beetje bij beetje af aan het stigma. Niet door te preken, maar gewoon door <strong>eerlijk te zijn in het moment<\/strong>.<\/p>\n                        \n                        <p class=\"content-text\">Het gaat erom de cyclus van desinformatie en angst te doorbreken die ons veel te lang heeft tegengehouden.<\/p>\n                        \n                        <p class=\"content-text\">Elke keer dat we accurate, evenwichtige informatie doorgeven, zetten we een volgende stap richting het achterlaten van deze wereld een beetje beter dan we hem aantroffen, voor de volgende generatie.<\/p>\n                        \n                        <p class=\"content-text\">Ik wil ook niet dat de levens van mensen negatief worden be\u00efnvloed door de sociale regels die deze plant omringen.<\/p>\n                        \n                        <p class=\"content-text\">We zijn het hen verschuldigd om dit goed te doen. Openlijk te praten, zonder oordeel of schaamte. Verouderde mythen te vervangen door bewijs en begrip.<\/p>\n                        \n                        <p class=\"content-text\"><strong>Laten we dit gesprek gaande houden x<\/strong><\/p>\n                        \n                        <p class=\"content-text\">Daarmee laat ik je ermee achter. Je kunt dit. Als je iets nieuws hebt geleerd, ga het iemand vertellen haha<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Go Exploring CTA -->\n                <div class=\"cta-section\">\n                    <a href=\"https:\/\/twobirdsonestoned.co\/nl\" class=\"cta-button\">\n                        \ud83c\udf3f Ga Verkennen\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Firebase SDK (needs to be inline module for imports) -->\n    <script type=\"module\">\n      import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n      import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n      import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n      \/\/ Firebase configuration\n      const firebaseConfig = {\n        apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n        authDomain: \"tbos-site-comments.firebaseapp.com\",\n        projectId: \"tbos-site-comments\",\n        storageBucket: \"tbos-site-comments.firebasestorage.app\",\n        messagingSenderId: \"154628531943\",\n        appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n      };\n\n      \/\/ Initialize Firebase\n      const app = initializeApp(firebaseConfig);\n      const db = getFirestore(app);\n      const auth = getAuth(app);\n\n      \/\/ Make Firebase available globally\n      window.firebaseDB = {\n        db: db,\n        auth: auth,\n        collection: collection,\n        addDoc: addDoc,\n        getDocs: getDocs,\n        query: query,\n        orderBy: orderBy,\n        where: where,\n        doc: doc,\n        updateDoc: updateDoc,\n        deleteDoc: deleteDoc,\n        getDoc: getDoc,\n        setDoc: setDoc,\n        serverTimestamp: serverTimestamp,\n        onSnapshot: onSnapshot,\n        signInAnonymously: signInAnonymously\n      };\n\n      console.log('\ud83d\udd25 Firebase initialized successfully');\n    <\/script>\n\n    <!-- Your External JavaScript Files -->\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n\n        \/\/ Reading progress tracking\n        function updateProgressBar() {\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const scrolled = (winScroll \/ height) * 100;\n            document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n        }\n\n        window.addEventListener('scroll', updateProgressBar);\n\n        \/\/ Email signup functionality\n        function setupEmailSignup() {\n            const form = document.getElementById('emailForm');\n            const emailInput = document.getElementById('emailInput');\n            const submitBtn = document.getElementById('emailSubmitBtn');\n            const messageDiv = document.getElementById('formMessage');\n            \n            if (!form) return;\n            \n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const email = emailInput.value.trim();\n                if (!email) return;\n                \n                \/\/ Show loading state\n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                \/\/ Create form data\n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \n                \/\/ Submit to Google Forms\n                fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n                    method: 'POST',\n                    body: formData,\n                    mode: 'no-cors'\n                })\n                .then(() => {\n                    \/\/ Show success message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    \n                    \/\/ Clear form\n                    emailInput.value = '';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .catch(() => {\n                    \/\/ Show error message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    \/\/ Reset button\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        function toggleThemeAndText() {\n    const button = document.getElementById('theme-toggle');\n    const currentEmoji = button.textContent.trim();\n    \n    if (currentEmoji === '\ud83c\udf19' || button.textContent.trim() === 'Night Time') {\n        button.textContent = '\u2600\ufe0f';\n        playAudio('dayTimeAudio');\n        isDarkTheme = false;\n    } else {\n        button.textContent = '\ud83c\udf19';\n        playAudio('nightTimeAudio');\n        isDarkTheme = true;\n    }\n    \n    toggleTheme();\n}\n    \n    toggleTheme();\n}\n\n        function playAudio(audioId) {\n            const audio = document.getElementById(audioId);\n            \n            if (audio) {\n                audio.currentTime = 0;\n                const playPromise = audio.play();\n                \n                if (playPromise !== undefined) {\n                    playPromise.then(() => {\n                        console.log(`${audioId} played successfully`);\n                    }).catch(error => {\n                        console.log(`Audio play failed for ${audioId}:`, error);\n                        showVisualFeedback(audioId);\n                    });\n                }\n            }\n        }\n\n        function showVisualFeedback(audioId) {\n            const button = document.getElementById('theme-toggle');\n            const originalTransform = button.style.transform;\n            \n            button.style.transform = 'scale(1.1)';\n            button.style.transition = 'transform 0.1s ease';\n            \n            setTimeout(() => {\n                button.style.transform = originalTransform;\n                button.style.transition = 'all 0.3s ease';\n            }, 100);\n        }\n\n        \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n            const title = document.querySelector('.article-title');\n            const subtitle = document.querySelector('.article-subtitle');\n            const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n            const toggleButton = document.getElementById('theme-toggle');\n            const navHint = document.querySelector('.nav-hint');\n            \n            \/\/ Comment system selectors\n            const engagementContainer = document.querySelector('.engagement-container');\n            const commentForm = document.querySelectorAll('.comment-form-v1');\n            const commentItems = document.querySelectorAll('.comment-item');\n            const sortLabel = document.querySelector('.sort-label');\n            const sortDropdown = document.querySelector('.sort-dropdown');\n            const commentsHeader = document.querySelector('.comments-header');\n            const noCommentsMessage = document.querySelector ('.no-comments-message');\n            \n            \/\/ HEADER SELECTORS\n            const header = document.querySelector('.tbos-header');\n            const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n            const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n            const dropdownContent = document.querySelectorAll('.dropdown-content');\n            const hamburgerLines = document.querySelectorAll('.hamburger-line');\n            \n            \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \n            \/\/ FOOTER SELECTORS\n            const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n            const footerTitle = document.querySelector('.footer-card h4');\n            const footerText = document.querySelectorAll('.footer-card p');\n            const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n            const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n            \n            if (!isDarkTheme) {\n                \/\/ LIGHT THEME (Day Time)\n                console.log('Applying LIGHT theme');\n                \n                \/\/ Add light theme class to both html and body\n                html.classList.add('light-theme');\n                body.classList.add('light-theme');\n                \n                \/\/ Apply cream background\n                html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR LIGHT THEME\n                if (header) {\n                    header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    dropdown.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#2A2A2A', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FIX\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR LIGHT THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#333333', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Light cards\n                contentCards.forEach(card => {\n                    if (card.classList.contains('keep-learning-section')) {\n                        card.style.setProperty('background-color', '#ffffff', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    } else {\n                        card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    }\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    \/\/ Update headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#000000', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Update links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n                    highlights.forEach(highlight => {\n                        if (highlight.classList.contains('stats-box')) {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                            highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n                            const statsNumbers = highlight.querySelectorAll('.stats-number');\n                            statsNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n                        } else if (highlight.classList.contains('charlotte-highlight')) {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                            highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n                            const reductionText = highlight.querySelector('.reduction-text');\n                            if (reductionText) reductionText.style.setProperty('color', '#B8860B', 'important');\n                            const beforeNumbers = highlight.querySelectorAll('.before-number');\n                            const afterNumbers = highlight.querySelectorAll('.after-number');\n                            beforeNumbers.forEach(num => num.style.setProperty('color', '#cc5555', 'important'));\n                            afterNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n                        } else {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                            highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n                            highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n                        }\n                    });\n\n                    \/\/ Update keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                            input.style.setProperty('color', '#333333', 'important');\n                            input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Update title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n                \n                \/\/ Update nav hint to be black in light mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#000000', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Update comment system elements for light theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n                    engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    \/\/ Fix engagement content headings to be gold\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Fix engagement content text to be black\n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix engagement feature list items to be black\n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix username display placeholder text to be black\n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '#333333', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \/\/ FIXED: Update Step spans to be gold in light theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#B8860B', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n                    item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                    sortDropdown.style.setProperty('color', '#333333', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n                \n                \/\/ Update button style\n                toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                toggleButton.style.setProperty('color', '#B8860B', 'important');\n                \n            } else {\n                \/\/ DARK THEME (Night Time)\n                console.log('Applying DARK theme');\n                \n                \/\/ Remove light theme class from both html and body\n                html.classList.remove('light-theme');\n                body.classList.remove('light-theme');\n                \n                \/\/ Reset to dark gradient\n                html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR DARK THEME\n                if (header) {\n                    header.style.setProperty('background', '#1d1d1d', 'important');\n                    header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#1d1d1d', 'important');\n                    dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#f5ebd6', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FIX\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n                    mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR DARK THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n                    footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                \/\/ Reset cards\n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#1d1d1d', 'important');\n                    card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    card.style.setProperty('color', '#fff', 'important');\n                    \n                    \/\/ Reset headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    \/\/ Reset text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset strong text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#F4C542', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Reset links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                    \n                    \/\/ Reset highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n                    highlights.forEach(highlight => {\n                        if (highlight.classList.contains('stats-box')) {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08))', 'important');\n                            highlight.style.setProperty('border', '2px solid rgba(244,197,66,0.3)', 'important');\n                            const statsNumbers = highlight.querySelectorAll('.stats-number');\n                            statsNumbers.forEach(num => num.style.setProperty('color', '#F4C542', 'important'));\n                        } else if (highlight.classList.contains('charlotte-highlight')) {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08))', 'important');\n                            highlight.style.setProperty('border', '2px solid rgba(76,175,80,0.3)', 'important');\n                            const reductionText = highlight.querySelector('.reduction-text');\n                            if (reductionText) reductionText.style.setProperty('color', '#4CAF50', 'important');\n                            const beforeNumbers = highlight.querySelectorAll('.before-number');\n                            const afterNumbers = highlight.querySelectorAll('.after-number');\n                            beforeNumbers.forEach(num => num.style.setProperty('color', '#ff6b6b', 'important'));\n                            afterNumbers.forEach(num => num.style.setProperty('color', '#4CAF50', 'important'));\n                        } else {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n                            highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n                            highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n                        }\n                    });\n\n                    \/\/ Reset keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                            input.style.setProperty('color', '#fff', 'important');\n                            input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Reset title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                    title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n                \n                \/\/ Reset nav hint to original color in dark mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                });\n                \n                \/\/ Reset comment system elements for dark theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n                    engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    \/\/ Reset engagement content elements\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#fff', 'important');\n                    });\n                    \/\/ Reset Step spans to original color in dark theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#F4C542', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n                    item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n                    sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n                \n                \/\/ Reset button style\n                toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n                toggleButton.style.setProperty('color', '#4CAF50', 'important');\n            }\n        }\n\n         \/\/ Animate content cards on scroll\n        function animateOnScroll() {\n            const cards = document.querySelectorAll('.content-card, .media-card');\n            \n            cards.forEach(card => {\n                const cardTop = card.getBoundingClientRect().top;\n                const cardBottom = card.getBoundingClientRect().bottom;\n                \n                if (cardTop < window.innerHeight && cardBottom > 0) {\n                    card.classList.add('animate-in');\n                }\n            });\n        }\n\/\/ Smooth scroll to anchor on page load with offset\ndocument.addEventListener('DOMContentLoaded', function() {\n    if (window.location.hash) {\n        setTimeout(function() {\n            const element = document.querySelector(window.location.hash);\n            if (element) {\n                const yOffset = -150; \/\/ Negative value = scroll UP from element\n                const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n                \n                window.scrollTo({\n                    top: yPosition,\n                    behavior: 'smooth'\n                });\n            }\n        }, 100);\n    }\n});\n            \n            \/\/ Setup email signup\n            setupEmailSignup();\n            \n            \/\/ Setup scroll animations\n            animateOnScroll();\n            window.addEventListener('scroll', animateOnScroll);\n            \n            \/\/ Animate title section\n            setTimeout(() => {\n                const titleSection = document.querySelector('.title-section');\n                if (titleSection) {\n                    titleSection.style.opacity = '1';\n                    titleSection.style.transform = 'translateY(0)';\n                }\n            }, 100);\n            \n            \/\/ Initialize anonymous mode toggle\n            const anonymousCheckbox = document.getElementById('anonymousMode');\n            const emailGroup = document.getElementById('emailGroup');\n            \n            if (anonymousCheckbox && emailGroup) {\n                anonymousCheckbox.addEventListener('change', function() {\n                    if (this.checked) {\n                        emailGroup.style.display = 'none';\n                        document.getElementById('commentEmail').removeAttribute('required');\n                    } else {\n                        emailGroup.style.display = 'block';\n                        document.getElementById('commentEmail').setAttribute('required', '');\n                    }\n                });\n            }\n            \n            \/\/ Ensure progress bar starts at 0\n            updateProgressBar();\n            \n            console.log('\u2705 All components initialized successfully');\n        });\n\n        \/\/ Handle visibility change for audio\n        document.addEventListener('visibilitychange', function() {\n            if (document.hidden) {\n                \/\/ Pause any playing audio when tab is not visible\n                const nightAudio = document.getElementById('nightTimeAudio');\n                const dayAudio = document.getElementById('dayTimeAudio');\n                if (nightAudio) nightAudio.pause();\n                if (dayAudio) dayAudio.pause();\n            }\n        });\n\n        \/\/ Error handling for external scripts\n        window.addEventListener('error', function(e) {\n            if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n                console.warn('External script error detected, but core functionality preserved:', e.message);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned Medical Uses for Cannabis \ud83c\udfe5 From seizure reduction to pain relief, exploring the therapeutic potential of cannabis medicine \ud83c\udf19 \ud83c\udfac Watch the Medical Cannabis Story See how cannabis is transforming modern medicine \ud83c\udfa7 Listen on the Go Perfect for your commute or workout, audio [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1860","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/pages\/1860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/comments?post=1860"}],"version-history":[{"count":81,"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/pages\/1860\/revisions"}],"predecessor-version":[{"id":8051,"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/pages\/1860\/revisions\/8051"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/media?parent=1860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}