{"id":1803,"date":"2025-04-30T09:20:29","date_gmt":"2025-04-30T09:20:29","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=1803"},"modified":"2025-11-18T04:48:59","modified_gmt":"2025-11-18T04:48:59","slug":"the-endocannabinoid-system","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/nl\/the-endocannabinoid-system\/","title":{"rendered":"Het Endocannabino\u00efde Systeem Uitgelegd \ud83e\udde0"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1803\" class=\"elementor elementor-1803\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6aea9f4 e-flex e-con-boxed e-con e-parent\" data-id=\"6aea9f4\" 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-26d8720 elementor-widget elementor-widget-html\" data-id=\"26d8720\" 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    \n    <!-- Primary Meta Tags -->\n    <title>Het Endocannabino\u00efde Systeem Uitgelegd: Het Natuurlijke Cannabis-Achtige Netwerk van Je Lichaam | Two Birds One Stoned<\/title>\n    <meta name=\"title\" content=\"The Endocannabinoid System Explained: Your Body's Natural Cannabis-Like Network | Two Birds One Stoned\">\n    <meta name=\"description\" content=\"Leer over het endocannabino\u00efde systeem (ECS) - het natuurlijke communicatienetwerk van je lichaam dat pijn, stemming, slaap en immuniteit reguleert. Wetenschappelijk onderbouwde cannabis-educatie.\">\n    <meta name=\"keywords\" content=\"endocannabinoid system, ECS, cannabis science, anandamide, CB1 CB2 receptors, cannabis education, neuroscience, homeostasis, cannabis research, medical cannabis\">\n    <meta name=\"author\" content=\"Two Birds One Stoned\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"language\" content=\"English\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/the-endocannabinoid-system\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/the-endocannabinoid-system\/\">\n    <meta property=\"og:title\" content=\"Het Endocannabino\u00efde Systeem: Het Natuurlijke Cannabis-Achtige Netwerk van Je Lichaam\">\n    <meta property=\"og:description\" content=\"Ontdek hoe je lichaam van nature cannabis-achtige verbindingen produceert. Leer over het ECS - het biologische systeem dat pijn, stemming, slaap en immuniteit reguleert.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-ECS-image.png\">\n    <meta property=\"og:image:width\" content=\"1200\">\n    <meta property=\"og:image:height\" content=\"630\">\n    <meta property=\"og:image:alt\" content=\"Endocannabinoid System diagram showing receptors and cannabinoids\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    <meta property=\"article:author\" content=\"James Gallagher\">\n    <meta property=\"article:section\" content=\"Cannabis Onderwijs\">\n    <meta property=\"article:tag\" content=\"Endocannabinoid System\">\n    <meta property=\"article:tag\" content=\"Cannabiswetenschap\">\n    <meta property=\"article:tag\" content=\"Neuroscience\">\n    <meta property=\"article:tag\" content=\"Medical Cannabis\">\n    \n    <!-- Twitter -->\n    <meta property=\"twitter:card\" content=\"summary_large_image\">\n    <meta property=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/the-endocannabinoid-system\/\">\n    <meta property=\"twitter:title\" content=\"The Endocannabinoid System: Your Body's Natural Cannabis-Like Network\">\n    <meta property=\"twitter:description\" content=\"Discover how your body naturally produces cannabis-like compounds. Learn about the ECS - the biological system that regulates pain, mood, sleep and immunity.\">\n    <meta property=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-ECS-image.png\">\n    <meta property=\"twitter:image:alt\" content=\"Endocannabinoid System educational diagram\">\n    <meta property=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n    <meta property=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags -->\n    <meta name=\"theme-color\" content=\"#F4C542\">\n    <meta name=\"msapplication-TileColor\" content=\"#F4C542\">\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    \n    <!-- Structured Data - Article -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Article\",\n    \"headline\": \"The Endocannabinoid System: Your Body's Natural Cannabis-Like Network\",\n    \"description\": \"Learn about the endocannabinoid system (ECS) - your body's natural communication network that regulates pain, mood, sleep & immunity. Science-based cannabis education.\",\n    \"image\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Opening-ECS-image.png\",\n    \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n        },\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n        \"sameAs\": [\n            \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n            \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n        ]\n    },\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/the-endocannabinoid-system\\\/\"\n    },\n    \"datePublished\": \"2025-01-01\",\n    \"dateModified\": \"2025-01-01\",\n    \"articleSection\": \"Cannabis Education\",\n    \"keywords\": \"endocannabinoid system, ECS, cannabis science, anandamide, CB1 CB2 receptors, neuroscience\",\n    \"about\": [\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Endocannabinoid System\",\n            \"description\": \"The biological system that produces endogenous cannabinoids and regulates various physiological processes\"\n        },\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis Science\",\n            \"description\": \"Scientific research and education about cannabis and its effects on human biology\"\n        }\n    ],\n    \"educationalLevel\": \"General audience\",\n    \"learningResourceType\": \"Article\"\n}<\/script>\n    \n    <!-- Structured Data - Organization -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Two Birds One Stoned\",\n    \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n    \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n    \"description\": \"Cannabis education platform delivering evidence-based content about cannabis science, culture, and research without social media noise.\",\n    \"foundingDate\": \"2024\",\n    \"sameAs\": [\n        \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n        \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n    ],\n    \"contactPoint\": {\n        \"@type\": \"ContactPoint\",\n        \"contactType\": \"customer service\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n    }\n}<\/script>\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Additional SEO Meta Tags -->\n    <meta name=\"referrer\" content=\"no-referrer-when-downgrade\">\n    <meta name=\"format-detection\" content=\"telephone=no\">\n    <meta name=\"format-detection\" content=\"address=no\">\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        \/* Two image layout *\/\n        .double-images {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n            flex: 0 0 320px;\n            width: 320px;\n        }\n\n        .double-images img {\n            width: 100%;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            object-fit: contain;\n            max-height: 200px;\n        }\n\n        \/* Evenly spaced double images for better visual balance *\/\n        .double-images-spaced {\n            display: flex;\n            flex-direction: column;\n            gap: 3rem;\n            flex: 0 0 340px;\n            width: 340px;\n            justify-content: space-evenly;\n            align-items: center;\n            height: 100%;\n            min-height: 600px;\n        }\n\n        .double-images-spaced img {\n            width: 100%;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            flex: 0 0 auto;\n            max-height: 280px;\n            object-fit: cover;\n        }\n\n        \/* Single centered image *\/\n        .centered-image {\n            text-align: center;\n            margin: 3rem 0;\n        }\n\n        .centered-image img {\n            max-width: 100%;\n            width: auto;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\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        \/* Image captions *\/\n        .image-caption {\n            text-align: center;\n            font-size: 0.9rem;\n            color: #E3E3DC;\n            font-style: italic;\n            margin-top: 0.5rem;\n            margin-bottom: 2rem;\n            opacity: 0.8;\n        }\n\n        .image-caption a {\n            color: #4CAF50;\n            text-decoration: underline;\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        \/* Video link styling *\/\n        .video-link {\n            color: #007bff;\n            text-decoration: underline;\n            cursor: pointer;\n            transition: color 0.3s ease;\n        }\n\n        .video-link:hover {\n            color: #0056b3;\n        }\n\n        \/* Modal styles *\/\n        .video-modal {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8);\n            z-index: 1000;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .video-container {\n            position: relative;\n            background: #000;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n        }\n\n        .close-button {\n            position: absolute;\n            top: -40px;\n            right: 0;\n            background: #fff;\n            border: none;\n            padding: 8px 12px;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 14px;\n            font-weight: bold;\n            transition: background-color 0.3s ease;\n        }\n\n        .close-button:hover {\n            background: #f0f0f0;\n        }\n\n        \/* Responsive design for mobile *\/\n        @media (max-width: 480px) {\n            .video-container iframe {\n                width: 280px !important;\n                height: 500px !important;\n            }\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        \/* 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            .double-images,\n            .double-images-spaced {\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            .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 class=\"dark-theme\">\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    <!-- Video Modal -->\n    <div id=\"videoModal\" class=\"video-modal\">\n        <div class=\"video-container\">\n            <button class=\"close-button\" onclick=\"closeVideoModal()\">\u2715 Close<\/button>\n            <iframe \n                width=\"315\" \n                height=\"560\" \n                src=\"\" \n                id=\"videoFrame\" \n                title=\"YouTube-videospeler\" \n                frameborder=\"0\" \n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n                allowfullscreen>\n            <\/iframe>\n        <\/div>\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\">Het endocannabino\u00efdesysteem \ud83e\udde0<\/h1>\n                <p class=\"article-subtitle\">Het natuurlijke cannabisachtige communicatienetwerk van je lichaam<\/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 -->\n            <div class=\"media-card animate-in\" id=\"video-content\">\n                    <h3>\ud83c\udfac Bekijk de volledige analyse<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Krijg de volledige visuele uitleg van het verborgen systeem van je lichaam<\/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\/4OyeLfUe0s0\" \n        data-en=\"4OyeLfUe0s0\"\n        data-ga=\"38GhIKUdUWg\"\n        data-es=\"0YoIVWoLmuU\"\n        data-de=\"yO1iLcGgjvI\"\n        data-pt=\"P8qWnRPc50I\"\n        data-fr=\"wWbYByOHSfc\"\n        data-it=\"IMK7PKf0yHs\"\n        data-pl=\"eK2OZCc3vFw\"\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 -->\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\/2nmouKg2RQWFBphRhLwQZp?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            <\/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 -->\n            <div class=\"content-section\" id=\"written-content\">\n                <h2 class=\"content-section-title\"> Het endocannabino\u00efdesysteem uitgelegd \ud83e\udde0<\/h2>\n\n                <!-- Introduction -->\n                <div class=\"content-card\">\n                    <h3>Het geheime berichtensysteem van je lichaam<\/h3>\n                    \n                    <!-- Jo Cameron Hook Section -->\n                    <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">Maak kennis met Jo Cameron.<\/strong> Ze is een onderwijzeres uit Schotland die nooit angstig is geweest, geen pijn voelde tijdens de bevalling en niet wist dat haar huid verbrandde totdat ze haar eigen vlees rook. Ze vertoont geen meetbare angstreactie. Dit is geen fictie, dit is echt.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Het grootste deel van haar leven realiseerde ze zich niet dat ze anders was, totdat artsen iets vreemds opmerkten. Na een grote operatie had ze nul pijnstillers nodig. Scans toonden ernstige gewrichtsschade die ze nooit had opgemerkt. Het blijkt dat Jo een zeldzame genetische mutatie heeft die een belangrijk enzym in haar <strong style=\"font-weight: 700 !important\">endocannabino\u00efdesysteem<\/strong> uitschakelt, degene die normaal gesproken de \"voel je goed\" verbindingen afbreekt waar we het zo over gaan hebben.<\/p>\n                    \n                    <p class=\"content-text\">Dus in plaats van dat haar lichaam ze opruimt, laat haar systeem ze ophopen. Wat deed dat? Het maakte haar eigenlijk onaantastbaar voor stress en immuun voor pijn.<\/p>\n                    \n                    <p class=\"content-text\">Gek h\u00e8?<\/p>\n                    \n                    <p class=\"content-text translation-block\">Stel je dit voor: als het <em>verwijderen<\/em> van \u00e9\u00e9n enzym uit het endocannabino\u00efdesysteem dit allemaal kan doen\u2026 hoe belangrijk denk je dat de rest van het systeem is?<\/p>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-ECS-image.png\" alt=\"Endocannabinoid System Introduction\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Dat is ons endocannabino\u00efdesysteem (ECS) kortweg, een geheim berichtensysteem in je lichaam dat leren, geheugen, slaap, temperatuurcontrole, emotionele verwerking, pijncontrole, ontstekings- en immuunreacties reguleert. Klinkt alsof het belangrijk zou kunnen zijn?<\/p>\n                            <p class=\"content-text\">Nog nooit van gehoord? Maak je geen zorgen, je bent niet de enige.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\"><strong>\"Nog minder mensen hebben gehoord van het meer recentelijk ontdekte endocannabino\u00efdesysteem (ECS), wat verbazingwekkend is als je bedenkt dat het ECS cruciaal is voor bijna elk aspect van ons functioneren van moment tot moment\"<\/strong><\/p>\n                        <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">\"Het endocannabino\u00efdesysteem (ECS) reguleert en controleert veel van onze meest kritieke lichaamsfuncties zoals leren, geheugen, emotionele verwerking, slaap, temperatuurcontrole, pijncontrole, ontstekings- en immuunreacties en eten. Het ECS staat momenteel centraal in hernieuwd internationaal onderzoek en geneesmiddelenontwikkeling.\"<\/strong> - <a href=\"https:\/\/www.health.harvard.edu\/blog\/the-endocannabinoid-system-essential-and-mysterious-202108112569\" target=\"_blank\" rel=\"noopener noreferrer\">Harvard Medical School website<\/a><\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Het is gek om te bedenken dat we een van de belangrijkste systemen van het lichaam hebben ontdekt, allemaal omdat wetenschappers mochten beginnen met het bestuderen van cannabis.<\/p>\n                    <p class=\"content-text\">Ondanks de enorme impact op de menselijke gezondheid is het ECS een van de best bewaarde geheimen in de biologie gebleven.<\/p>\n                    <p class=\"content-text\">Laten we dat oplossen.<\/p>\n                <\/div>\n\n                <!-- Discovery Section -->\n                <div class=\"content-card\">\n                    <h3>Hoe het ECS Ontdekt Werd<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Discoverin-ECS.png\" alt=\"Discovery of ECS\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Het endocannabino\u00efdesysteem (ECS) werd pas 36 jaar geleden, in 1988, ontdekt. Je bent misschien ouder dan de ontdekking zelf.<\/p>\n                            <p class=\"content-text\">Wetenschappers waren er niet echt naar op zoek toen ze het vonden. Ze bestudeerden THC, de primaire psychoactieve verbinding in cannabis, om te zien hoe het op chemisch niveau interacteert met dieren. Ze stond een verrassing te wachten.<\/p>\n                            <p class=\"content-text\">Ze begonnen met een simpele vraag: wanneer dieren cannabis consumeren, specifiek THC, waar gaat het heen en wat doet het eigenlijk?<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">Wat ze ontdekten was dat THC niet zomaar doelloos rondzweefde. Het koppelde zich aan specifieke plaatsen in het lichaam, membraanreceptoren.<\/p>\n\n                    <p class=\"content-text\">Maar hier werd het interessant.<\/p>\n\n                    <p class=\"content-text\">Terwijl ze de effecten van THC volgden, merkten wetenschappers iets onverwachts op. Er waren deze andere verbindingen die ze nog nooit eerder hadden gezien, die aan diezelfde receptoren bonden. Alleen kwamen deze verbindingen niet van de cannabisplant.<\/p>\n\n                    <p class=\"content-text\">Dus wat waren ze en waar kwamen ze vandaan?<\/p>\n\n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Endo-x-exo-cannabinoids.png\" alt=\"Endogenous vs Exogenous Cannabinoids\">\n                    <\/div>\n\n                 <p class=\"content-text\">Kort antwoord. Ze komen van ons. Niet iets dat we consumeren, maar iets dat we in onszelf cre\u00ebren.<\/p>\n                 <p class=\"content-text translation-block\">Wat wetenschappers ontdekten waren <strong style=\"font-weight: 700 !important\">endogene<\/strong> cannabino\u00efden, oftewel chemische verbindingen die in het menselijk lichaam worden aangetroffen en al van nature in ons worden geproduceerd.<\/p>\n                    <p class=\"content-text translation-block\">THC &amp; CBD zijn <strong style=\"font-weight: 700 !important\">exogene<\/strong> cannabino\u00efden, oftewel chemische verbindingen die buiten het menselijk lichaam worden aangetroffen, van een ander levend organisme, die we consumeren.<\/p>\n                    <p class=\"content-text translation-block\">Ons eigen lichaam heeft THC- en CBD-achtige chemische verbindingen, die al in ons worden gemaakt. Het blijkt dat <strong style=\"font-weight: 700 !important\">onze lichamen van nature hun eigen cannabisachtige verbindingen produceren<\/strong> en we hadden er geen flauw idee van.<\/p>\n\n                    <p class=\"content-text\">Dus om het helder te maken<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">Exogene cannabino\u00efden<\/strong> = Verbindingen van buiten het lichaam (zoals THC of CBD die van de cannabisplant komen).<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">Endogene cannabino\u00efden<\/strong> = Verbindingen die al in je lichaam zitten, van nature door jou geproduceerd.<\/li>\n                    <\/ul>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Het sloeg allemaal ergens op. Mensen hadden al duizenden jaren interactie met cannabis, en nu wisten we waarom. We introduceerden niets vreemds in ons lichaam, we activeerden een systeem dat al in ons bestond.<\/p>\n                    <\/div>\n                        <p class=\"content-text\">Het bleek dat de 'poortdr\u043e\u0433' eigenlijk een poort was naar het begrijpen van menselijke biologie.<\/p> \n                    <p class=\"content-text\">Dit was de ontdekking van een heel signaalsysteem in ons dat bestond uit cannabino\u00efdreceptoren, endocannabino\u00efden en enzymen. Het ECS zoals we het nu kennen. Een natuurlijk communicatiesysteem dat werkt aan het reguleren van leren, geheugen, emotionele verwerking, slaap enz., onontdekt tot 36 jaar geleden. Het is een van de belangrijkste fysiologische systemen die betrokken zijn bij het vestigen en in stand houden van de menselijke gezondheid. Best wel een coole recente ontdekking.<\/p>\n               <p class=\"content-text translation-block\">Dus namens degenen die jaren hebben besteed aan het pleiten voor deze plant, hebben geholpen het stigma te doorbreken en hebben laten zien dat deze plant misschien niet zo erg is als ooit gedacht, <a href=\"https:\/\/pbs.twimg.com\/media\/DLWpWjtWsAAt9UL.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">deze is voor de 'duivelsdrug'-menigte.<\/a><\/p>\n <\/div>\n\n                <!-- ECS Explanation -->\n                <div class=\"content-card\">\n                    <h3>Hoe het Endocannabino\u00efdesysteem Werkt<\/h3>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-28-2025-02_26_16-PM.png\" alt=\"How the ECS Works\">\n                    <\/div>\n\n                    <p class=\"content-text\">Het endocannabino\u00efdesysteem (ECS) is als de postdienst van jouw land. Er zijn twee teams, de postbodes en de brievenbussen. De postbodes bezorgen het bericht en de brievenbussen ontvangen het bericht. Ze communiceren in jou. Het is een chemisch communicatiesysteem.<\/p>\n                    <p class=\"content-text translation-block\">De postbodes zijn wat we <strong style=\"font-weight: 700 !important\">endocannabino\u00efden<\/strong> noemen. Endocannabino\u00efden zijn de postbodes die door je lichaam gaan, praten met je hersenen, immuunsysteem en organen. Ze hebben een bericht te bezorgen.<\/p>\n                    <p class=\"content-text\">The post boxes are what we call our <strong>receptors<\/strong>. Your brain, immune system and organs are filled with these receptors. These receptors are even in your skin, mad to think. The postmen deliver their message to these post boxes and a chemical reaction occurs inside us.<\/p>\n\n                    <p class=\"content-text\">Hun taak is om alles in balans te houden en soepel te laten werken. Is er iets aan de hand? De endocannabino\u00efden zijn echte berichten die naar je receptoren in je hersenen en lichaam worden gestuurd om te repareren wat er aan de hand is.<\/p>\n                    <p class=\"content-text\">Ze vertellen je lichaam wanneer het moet eten, wanneer het moet slapen, wanneer het moet ontspannen, en zelfs wanneer het zich gelukkig of minder zorgen moet voelen. Het helpt je lichaam te weten wanneer dingen ok\u00e9 zijn of wanneer iets mogelijk aandacht nodig heeft.<\/p>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Grazing-knee-pain.png\" alt=\"Knee Pain Example\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Als je bijvoorbeeld een bult of schaafwond krijgt, stuurt het endocannabino\u00efdesysteem berichten om je lichaam te helpen minder pijn te voelen of zwelling\/ontsteking te verminderen. Of als je je angstig of nerveus voelt, kan het endocannabino\u00efdesysteem berichten sturen om je te helpen kalmeren en meer ontspannen te voelen. Zoals wanneer je een diepe ademhaling neemt om je beter te voelen. Het is als een behulpzaam team in je dat ervoor zorgt dat <strong style=\"font-weight: 700 !important\">alles werkt<\/strong> zoals het hoort. En onthoud dat dit allemaal natuurlijke verbindingen zijn die al in ons bestaan. Geen cannabis betrokken hier.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text translation-block\">Zijn primaire rol is om de <strong style=\"font-weight: 700 !important\">homeostase<\/strong> voor ons te handhaven. Homeostase is het proces waarmee levende organismen een stabiele interne omgeving handhaven ondanks veranderingen in externe omstandigheden. Deze balans is cruciaal voor overleving en goed functioneren.<\/p>\n                    <p class=\"content-text\">Dus het endocannabino\u00efdesysteem is eigenlijk het eigen speciale team van je lichaam dat berichten rondom je stuurt, wat je helpt je goed te voelen en elke dag gezond te blijven! Kom op endocannabino\u00efden! Leuke kleine kerels. Goed gedaan.<\/p>\n                    <p class=\"content-text\">Het lijkt erop dat het een echt interessante en belangrijke ontdekking zou kunnen zijn die hopelijk een positieve impact kan hebben op ons mensen. In de jaren 1720 was onze levensverwachting 28. In 1900 was het 32. Gek.<\/p>\n                    <p class=\"content-text\">Het ECS is aanwezig in mensen, dieren, bomen, planten maar niet in insecten.<\/p>\n                    <p class=\"content-text\">Dus laten we hier wat dieper op ingaan en een beetje technisch worden.<\/p>\n                <\/div>\n\n                <!-- Three Components -->\n                <div class=\"content-card\">\n                    <h3>Het ECS heeft 3 Hoofdcomponenten<\/h3>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Timeline-of-ECS.png\" alt=\"ECS Discovery Timeline\">\n                        <p class=\"image-caption translation-block\">Tijdlijn van de ontdekking van het ECS | Bron: <a href=\"https:\/\/projectcbd.org\/science\/endocannabinoid-research-timeline\/\" target=\"_blank\" rel=\"noopener noreferrer\">Project CBD<\/a><\/p>\n                    <\/div>\n\n                    <p class=\"content-text\"><strong>1. Membraanreceptoren<\/strong><\/p>\n                    <ul>\n                        <li>CB1<\/li>\n                        <li>CB2<\/li>\n                    <\/ul>\n                    <p class=\"content-text\"><strong>2. Endocannabino\u00efden<\/strong><\/p>\n                    <ul>\n                        <li>AEA (anandamide)<\/li>\n                        <li>2-AG (2-arachidonoylglycerol)<\/li>\n                    <\/ul>\n                    <p class=\"content-text\"><strong>3. Enzymen<\/strong><\/p>\n                    <ul>\n                        <li>Vetzuuramidehydrolase (FAAH)<\/li>\n                        <li>Monoacylglycerollipase (MAGL)<\/li>\n                    <\/ul>\n\n                    <div class=\"split-content\">\n                        <div class=\"double-images\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Key-Lock.png\" alt=\"Key and Lock\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Key-Lock-analogy.png\" alt=\"Key Lock Analogy\">\n                        <\/div>\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">De receptoren en endocannabino\u00efden werken volgens een <strong style=\"font-weight: 700 !important\">sleutel- en slotmodel<\/strong> in ons. Wat dit betekent is dat alleen bepaalde sleutels bepaalde sloten kunnen openen. Alleen bepaalde endocannabino\u00efden kunnen bepaalde receptoren ontgrendelen. Als de postbode de post bij de verkeerde brievenbus aflevert, gebeurt er helemaal niets.<\/p>\n                            <p class=\"content-text\">Denk er zo over:<\/p>\n                            <ul>\n                                <li><strong>Endocannabino\u00efden zijn de sleutels.<\/strong><\/li>\n                                <li><strong>Receptoren zijn de sloten.<\/strong><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">Ik weet dat het weer een analogie is, maar de postbode\/brievenbus analogie helpt meer met het concept van een chemisch communicatieberichtensysteem en de sleutel en slot analogie gaat wat dieper en legt uit hoe gericht de interactie is, binnen het chemische berichtensysteem.<\/p>\n                    <p class=\"content-text\">De sleutel moet in het slot passen om het gewenste resultaat te bereiken. Dus de endocannabino\u00efde moet bij de receptor passen om het gewenste resultaat te bereiken.<\/p>\n                <\/div>\n\n                <!-- Endocannabinoids Section -->\n                <div class=\"content-card\">\n                    <h3>1: Endocannabino\u00efden (Sleutels \/ Postbodes)<\/h3>\n                    \n                    <p class=\"content-text translation-block\">Dit zijn de <strong style=\"font-weight: 700 !important\">\"van nature voorkomende cannabisachtige verbindingen\"<\/strong> die elke dag door onze cellen worden gemaakt.<\/p>\n                    <p class=\"content-text\">Zoals hierboven besproken, kwamen wetenschappers bij het onderzoeken van THC cannabino\u00efden tegen die al van nature in ons werden geproduceerd. Deze endocannabino\u00efden (sleutels) zijn de postbodes die door ons lichaam rennen met belangrijke informatie om te bezorgen. Zodra ze hun bericht aan de juiste receptor bezorgen, vindt er een chemische reactie plaats.<\/p>\n                    \n                    <p class=\"content-text\">De twee belangrijkste gevestigde en bestudeerde endocannabino\u00efden in ons zijn<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">AEA (Anandamide)<\/strong> - Ook bekend als het \"geluksmolecuul.\" Verantwoordelijk voor die euforie na het hardlopen, ook wel \"runner's high\" genoemd<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">2-AG (2-Arachidonoylglycerol)<\/strong> - Helpt het algehele evenwicht in het lichaam te behouden (homeostase).<\/li>\n                    <\/ul>\n\n                    <h4>Anandamide (AEA)<\/h4>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Runners-high-anandamide.png\" alt=\"Runner's High and Anandamide\">\n                    <\/div>\n\n                    <p class=\"content-text\">Stel je dit voor.<\/p>\n                    <p class=\"content-text translation-block\">Je wordt wakker, stikt je favoriete hardloopschoenen en stapt naar buiten in de frisse ochtendlucht. Je voeten raken het plaveisel, stap voor stap, en voor je het weet, zit je in de zone. Die golf van euforie spoelt over je heen, een stroom van vreugde, helderheid en kalmte. Dit gevoel, vaak een <strong style=\"font-weight: 700 !important\">\"runner's high\"<\/strong> genoemd, is meer dan alleen een motiverende buzz. Het is je natuurlijke endocannabino\u00efdesysteem aan het werk, dat een speciaal molecuul vrijgeeft genaamd <strong style=\"font-weight: 700 !important\">anandamide (of kortweg AEA)<\/strong>.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Als je begint met hardlopen, produceert je lichaam meer AEA. Dit molecuul zweeft rond totdat het een receptor vindt om in te vergrendelen, specifiek de <strong style=\"font-weight: 700 !important\">CB1-receptor<\/strong>, onderdeel van je endocannabino\u00efdesysteem. Denk eraan als een <strong style=\"font-weight: 700 !important\">sleutel die perfect in een slot past<\/strong>. Zodra AEA verbinding maakt met CB1, activeert het een kettingreactie in je hersenen die dopamine vrijgeeft, de 'voel-je-goed' chemische stof.<\/p>\n                    \n                    <p class=\"content-text\">Je hebt waarschijnlijk wel eens van dopamine gehoord, het is die 'voel-je-goed' chemische stof die je helpt je gelukkig, gemotiveerd en soms zelfs een beetje euforisch te voelen. Wanneer THC, het actieve bestanddeel in cannabis, zich hecht aan CB1-receptoren in je hersenen, kan het dopamineniveaus behoorlijk sterk verhogen, wat een groot deel is van waarom cannabis je die intense \"high\" geeft. Aan de andere kant, maakt het natuurlijke molecuul van je eigen lichaam, anandamide (AEA), ook verbinding met diezelfde CB1-receptoren maar op een veel zachtere manier. De stijging van AEA tijdens een goede hardloopsessie geeft je een zachtere, meer natuurlijke \"ja, dat is geweldig\"-soort high, genoeg om je geweldig te laten voelen zonder je hersenen te overweldigen.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Dus in zekere zin geeft je lichaam je een natuurlijke high, geen drugs nodig! Het is je eigen <strong style=\"font-weight: 700 !important\">ingebouwde voel-je-goed systeem<\/strong>, dat je beloont voor het bewegen van je lichaam en je gemotiveerd houdt om het opnieuw te doen. Wie heeft er drugs nodig als we gewoon kunnen hardlopen, h\u00e8?<\/p>\n\n                    <h4>2-AG (2-Arachidonoylglycerol)<\/h4>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Grazing-knee-pain.png\" alt=\"2-AG Pain Management\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Maar het leven draait niet altijd om zalige hardloopsessies en dopamine-kicks. Soms struikel je of bezeer je je nek. Je schaaft je knie. Je voelt pijn. Dat is waar een andere endocannabino\u00efde superheld in het spel komt: <strong style=\"font-weight: 700 !important\">2-AG<\/strong>.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Terwijl AEA meer over stemming en euforie gaat, neemt 2-AG een andere missie op zich. Het vergrendelt in de <strong style=\"font-weight: 700 !important\">CB2-receptoren<\/strong>, die zich in je hele immuunsysteem bevinden. Denk aan 2-AG als de <strong style=\"font-weight: 700 !important\">natuurlijke EHBO-kit<\/strong> van je lichaam. Als je gewond raakt, springt 2-AG in actie en stuurt berichten om ontsteking te verminderen en pijn te beheersen.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"content-text translation-block\">Stel je voor: Je hebt net je knie gestoten tegen de rand van de salontafel. Je lichaam blijft niet gewoon zitten en laat je lijden. In plaats daarvan komt het in actie. 2-AG-moleculen nemen toe in productie, vinden de CB2-receptoren en beginnen te werken om de zwelling te kalmeren en de pijn te verlichten. Het is als je lichaam's <strong style=\"font-weight: 700 !important\">persoonlijke pijnbeheersysteem<\/strong>, dat ervoor zorgt dat je heelt en je op natuurlijke wijze beter voelt.<\/p>\n                    \n                    <p class=\"content-text\">Het begrijpen van deze natuurlijke processen laat je beseffen hoe ongelooflijk je lichaam echt is. Je hebt niet altijd externe stoffen nodig om je goed te voelen of pijn te beheersen. Je lichaam heeft een geavanceerd systeem dat precies daarvoor is ontworpen.<\/p>\n                    \n                    <p class=\"content-text\">Dus de volgende keer dat je gaat hardlopen en die post-oefening buzz voelt, onthoud dat het niet alleen in je hoofd zit, het is je lichaam dat zijn eigen versie van geluk vrijgeeft via anandamide. En als je je knie stoot of je pijnlijk voelt, weet dan dat 2-AG stilletjes achter de schermen werkt om je te helpen genezen.<\/p>\n                <\/div>\n\n                <!-- Receptors Section -->\n                <div class=\"content-card\">\n                    <h3>2: Receptoren (De Sloten \/ De Brievenbussen)<\/h3>\n                    \n                    <p class=\"content-text\">Dus we hebben het over de sleutels gehad. Laten we het nu over de sloten hebben. Onze receptoren.<\/p>\n                    <p class=\"content-text\">Er zijn twee hoofdtypen receptoren in het ECS:<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">CB1-receptoren<\/strong> \u2014 Voornamelijk aanwezig in de hersenen en het centrale zenuwstelsel.<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">CB2-receptoren<\/strong> \u2014 Voornamelijk aanwezig in het immuunsysteem en perifere organen.<\/li>\n                    <\/ul>\n                    <p class=\"content-text\">Ze ontvangen de berichten van onze cannabino\u00efden.<\/p>\n\n                    <h4>CB1 Receptors<\/h4>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/CB1-receptors.png\" alt=\"CB1 Receptors\">\n                    <\/div>\n\n                    <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">CB1-receptoren<\/strong> bevinden zich voornamelijk in het centrale zenuwstelsel, met hoge concentraties in hersengebieden zoals de amygdala, hippocampus, cerebellum, basale ganglia, frontale cortex en hersenstam. Ze zijn ook aanwezig in perifere weefsels zoals de lever, longen, nieren en perifere zenuwen.<\/p>\n                    \n                    <p class=\"content-text\">CB1-receptoren spelen een cruciale rol bij het reguleren van de afgifte van neurotransmitters, wat processen be\u00efnvloedt waaronder geheugen, eetlust, pijnsensatie, stemming, motorische controle en cognitie. Activering van CB1-receptoren door endocannabino\u00efden of verbindingen zoals THC (het psychoactieve bestanddeel van cannabis) produceert de karakteristieke psychoactieve effecten en helpt pijn en eetlust te moduleren.<\/p>\n                    \n                    <p class=\"content-text\">CB1-receptoren zijn cruciaal voor hersenfuncties en psychoactieve effecten.<\/p>\n\n                    <h4>Hoe cannabis interageert met CB1-receptoren.<\/h4>\n                    \n                    <p class=\"content-text\">CB1-receptoren zijn het primaire doelwit van THC. THC gaat op zoek naar CB1-receptoren. Zodra THC bindt met CB1, vindt er een chemische reactie plaats.<\/p>\n                    \n                    <p class=\"content-text\">Laten we eens kijken naar het euforische gevoel dat hierdoor ontstaat. THC komt ons systeem binnen, bindt aan CB1-receptoren in onze hersenen, wat dopamine in ons systeem vrijgeeft.<\/p>\n                    \n                    <p class=\"content-text\">Dopamine staat erom bekend dat het je gevoelens van plezier, tevredenheid en motivatie geeft. Dus wanneer cannabis door mensen wordt ingenomen, worden overmatige niveaus van dopamine door ons hele lichaam gestuurd waardoor we al deze goede dingen voelen. We worden verdomd high. Geweldig! Toch? Ja, maar niet helemaal.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Dit is waar het potentieel ligt voor misbruik van de drug. Sommige mensen daarbuiten zeggen dat cannabis niet verslavend is. Ik ben het daar niet mee eens. Ik zou zeggen dat het <strong style=\"font-weight: 700 !important\">1000% zeker verslavend kan zijn<\/strong>. Als het dopamine op een hoger niveau dan normaal vrijgeeft, dan is het potentieel aanwezig om herhaaldelijk misbruikt te worden. Dit is waar we ons bewust moeten zijn van wat er gebeurt en weloverwogen beslissingen moeten nemen bij het omgaan met dergelijke levenssituaties.<\/p>\n                    \n                    <p class=\"content-text\">Ook misschien als je denkt \"zie je wel, cannabis is verslavend dus het moet verboden worden\", nee. Verbied cafe\u00efne, alcohol, mobiele telefoons, gokken en suiker terwijl we toch bezig zijn. Vergelijken is ook niet de juiste manier om dit te doen. Maar is er niet gewoon een glimp van gezond verstand dat zijn hoofd om de hoek steekt? Misschien is cannabis in het grote geheel van wereldoperaties wel ok\u00e9?<\/p>\n                    \n                    <p class=\"content-text\">Het is een heel ander gespreksonderwerp dat ik voor een andere dag bewaar. Persoonlijk geloof ik dat alle drugs verslavend kunnen zijn. Ze nemen ons weg van de constante staat van realiteit en mensen jagen erop. Met wiet zal het je leven overnemen en het hoofdfocuspunt van elke dag worden, wat niet het geval zou moeten zijn met welke drug dan ook. Er is meer in het leven dan wachten tot de hele dag voorbij is en dan een joint roken.<\/p>\n                    \n                    <p class=\"content-text translation-block\">We moeten dit accepteren en begrijpen en er niet voor terugdeinzen. Accepteer het en handel dienovereenkomstig. Dieren, inclusief mensen, hebben bewust drugs geconsumeerd door de geschiedenis heen tot op de dag van vandaag. <strong style=\"font-weight: 700 !important\">Mensen zullen mensen zijn<\/strong>.<\/p>\n\n                    <h4>CB2-Receptoren<\/h4>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/CB2-receptors.png\" alt=\"CB2-Receptoren\">\n                    <\/div>\n\n                    <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">CB2-receptoren<\/strong> bevinden zich voornamelijk buiten de hersenen, overwegend op immuuncellen zoals T-cellen, B-cellen, macrofagen en microglia in het centrale zenuwstelsel. Ze worden ook tot expressie gebracht in perifere weefsels, waaronder de milt, lever en bepaalde neuronen. CB2-receptoren zijn voornamelijk betrokken bij het reguleren van immuunreacties, ontsteking en pijnverlichting <strong style=\"font-weight: 700 !important\">zonder psychoactieve effecten te produceren<\/strong>. Hun activering helpt ontsteking en immuuncel functie te moduleren, waardoor ze een veelbelovend doelwit zijn voor ontstekingsremmende en neuroprotectieve therapie\u00ebn.<\/p>\n                    \n                    <p class=\"content-text\">CB2-receptoren reguleren voornamelijk de activiteit van het immuunsysteem en ontsteking.<\/p>\n                    \n                    <p class=\"content-text\">Onderzoek naar CB2-receptoren blijft hun potenti\u00eble therapeutische toepassingen onthullen, met name op het gebied van immunologie, neurologie en ontstekingsziekten. Er lijkt groot potentieel te zijn met deze receptoren in de medische wereld.<\/p>\n                    \n                    <p class=\"content-text\">Dit is het voorbeeld van vallen en je knie schaven dat we hierboven bespraken. Zodra je valt en je knie schaaft, stuurt je lichaam endocannabino\u00efden naar je CB2-receptoren om zwelling en ontsteking te verminderen.<\/p>\n\n                    <h4>Hoe cannabis interageert met CB2-receptoren.<\/h4>\n                    \n                    <p class=\"content-text\">Laten we ons voorstellen dat je een vriend hebt met reumato\u00efde artritis. Hun immuunsysteem veroorzaakt ontsteking in hun gewrichten. Wanneer ze cannabis consumeren, vergrendelen cannabino\u00efden uit de plant op CB2-receptoren en sturen een bericht om het immuunsysteem te kalmeren, waardoor pijn en zwelling worden verminderd. Wanneer de cannabino\u00efden in deze CB2-receptoren vergrendelen, vertellen ze de immuuncellen om te kalmeren. Ze helpen de ontsteking te verminderen en zorgen ervoor dat de gewrichten minder pijnlijk en gezwollen aanvoelen.<\/p>\n                    \n                    <p class=\"content-text\">Dus, simpel gezegd, kunnen de cannabino\u00efden uit cannabis de pijnlijke gewrichten van je vriend helpen zich beter te voelen door de reactie van hun immuunsysteem te kalmeren.<\/p>\n                <\/div>\n\n                <!-- Enzymes Section -->\n                <div class=\"content-card\">\n                    <h3>3: Enzymen \u2014 De Schoonmaakploeg<\/h3>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Enzyemes-cleaning-up.png\" alt=\"Enzymes Cleaning Up\">\n                    <\/div>\n\n                    <p class=\"content-text\">Ten slotte hebben we enzymen.<\/p>\n\n<p class=\"content-text\">Deze jongens verschijnen nadat de magie is gebeurd, nadat anandamide zich in CB1 heeft vergrendeld en een beetje dopamine heeft vrijgegeven. Endocannabino\u00efden stoppen niet vanzelf. Ze moeten gestopt worden. Dat is waar enzymen binnenkomen: om op te ruimen, af te breken en het signaal uit te schakelen. Ze vergemakkelijken de afbraak en het metabolisme van endocannabino\u00efden. Ze breken ze af. Ze vernietigen ze.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Enzymen zijn de <strong style=\"font-weight: 700 !important\">schoonmaakploeg<\/strong>, de uitsmijters, de vuilnismannen, de resetknop. Zonder hen zou je systeem 24\/7 zoemen zonder uitschakelaar.<\/p>\n                    \n                    <p class=\"content-text\">De twee enzymen die onze endocannabino\u00efden afbreken zijn:<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">FAAH (Vetzuuramide-Hydrolase)<\/strong> \u2014 Breekt anandamide af.<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">MAGL (Monoacylglycerol-Lipase)<\/strong> \u2014 Breekt 2-AG af.<\/li>\n                    <\/ul>\n\n                    <p class=\"content-text\">Dus eigenlijk ruimen de enzymen de endocannabino\u00efden op die niet vanzelf kunnen stoppen.<\/p>\n                    \n                    <!-- Jo Cameron Enzymes Section -->\n                    <p class=\"content-text translation-block\">En als je wilt zien wat er gebeurt wanneer die schoonmaakploeg <em>niet<\/em> komt opdagen? Kijk niet verder dan Jo Cameron. Haar FAAH-enzym werkt niet goed, dus haar anandamide-niveaus blijven torenhoog. Dat betekent dat haar lichaam constant overspoeld wordt met natuurlijke pijnstillers en stemmingsstabilisatoren. Het is alsof haar systeem permanent is ingesteld op \"chill-modus\". Geen angst. Geen pijn. Geen zorgen. Ze realiseerde zich letterlijk pas dat er iets mis was toen ze ruim in de zestig was. Denk eens na over hoe dat het hele gesprek over pijn, geestelijke gezondheid en cannabisonderzoek op zijn kop zet.<\/p>\n                    \n                    <p class=\"content-text\"><strong>MAAR, wanneer we cannabis consumeren, gaat het iets anders.<\/strong><\/p>\n                    \n                    <p class=\"content-text\">Het consumeren van cannabis verandert het spel met hoe onze enzymen werken. Verbindingen zoals THC en CBD interageren met deze enzymen en kunnen hun activiteit remmen. Simpel gezegd, voorkomen ze dat de schoonmaakploeg zijn werk doet. Dit betekent dat endocannabino\u00efden zoals anandamide en 2-AG niet worden afgebroken zoals ze normaal zouden worden.<\/p>\n                    \n                    <p class=\"content-text\"><strong>Dit is het meest relevant wanneer we het over CBD hebben. Luister hier eens naar.<\/strong><\/p>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/CBD-enhancing-ECS-1.png\" alt=\"CBD versterkt ECS\">\n                    <\/div>\n\n                    <p class=\"content-text\">Een van de belangrijkste acties van CBD is het remmen van de enzymen zoals besproken. Door deze enzymen te vertragen, stelt CBD meer van de natuurlijke endocannabino\u00efden van ons lichaam in staat langer actief te blijven. Dit versterkt de effecten van onze endocannabino\u00efden, helpt bij het ondersteunen van stemmingsregulatie, het verminderen van ontsteking en het bevorderen van balans in verschillende systemen.<\/p>\n                    \n                    <p class=\"content-text\"><strong>Met andere woorden, CBD vervangt niet wat je lichaam doet, het helpt je lichaam te doen wat het al doet, alleen een beetje beter.<\/strong><\/p>\n                    \n                    <p class=\"content-text\">Overigens, die enzym-kerel hierboven, hij ziet er behoorlijk ge\u00efrriteerd uit. Zeker Italiaans. Heeft waarschijnlijk net gehoord dat zijn dienst is geannuleerd. Hij redt zich wel.<\/p>\n                    \n                    <p class=\"content-text\">Hoewel cannabisverbindingen voordelen bieden zoals het verminderen van ontsteking en het verbeteren van de stemming, benadrukken ze ook de delicate balans die enzymen in ons systeem handhaven. Enzymen zorgen ervoor dat natuurlijk voorkomende cannabino\u00efden effici\u00ebnt worden verwerkt en verwijderd, maar ze hebben moeite met het beheren van de exogene verbindingen die door cannabis worden ge\u00efntroduceerd.<\/p>\n                    \n                    <p class=\"content-text\">Dus dat is het. Op een basaal niveau, hoe het ECS werkt zonder te duiken in elektrische impulsen, presynaptische zenuwen, calciuminstroom, zuur, batterijzuur, salsa, bam en het vuil is weg, wat kruiden en specerijen, allemaal gewikkeld in een tortilla.<\/p>\n                    \n                    <p class=\"content-text\">Gluck.<\/p>\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>Crocq, M.A., 2020. History of cannabis and the endocannabinoid system. Dialogues in clinical neuroscience, 22(3), pp.223-228.<\/p>\n                        \n                        <p>Cristino, L., Bisogno, T. and Di Marzo, V., 2020. Cannabinoids and the expanded endocannabinoid system in neurological disorders. Nature Reviews Neurology, 16(1), pp.9-29.<\/p>\n                        \n                        <p>Deutsch, D.G., 2016. A personal retrospective: Elevating anandamide (AEA) by targeting fatty acid amide hydrolase (FAAH) and the fatty acid binding proteins (FABPs). Frontiers in pharmacology, 7, p.370.<\/p>\n                        \n                        <p>Di Marzo, V., 2018. New approaches and challenges to targeting the endocannabinoid system. Nature Reviews Drug Discovery, 17(9), pp.623-639.<\/p>\n                        \n                        <p>Drugs.ie, n.d. Legal drugs responsible for most overdoses. [online] Available at: <a href=\"https:\/\/www.drugs.ie\/news\/article\/legal_drugs_responsible_for_most_overdoses\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.drugs.ie\/news\/article\/legal_drugs_responsible_for_most_overdoses<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Fern\u00e1ndez-Ruiz, J., Romero, J. and Ramos, J.A., 2015. Endocannabinoids and neurodegenerative disorders: Parkinson's disease, Huntington's chorea, Alzheimer's disease, and others. Handbook of experimental pharmacology, 231, pp.233-259.<\/p>\n                        \n                        <p>Fowler, C.J., 2013. Transport of endocannabinoids across the plasma membrane and within the cell. The FEBS journal, 280(9), pp.1895-1904.<\/p>\n                        \n                        <p>Gale, n.d. Academic OneFile. [online] Available at: <a href=\"https:\/\/go.gale.com\/ps\/i.do?p=AONE&u=googlescholar&id=GALE%7CA473692804&v=2.1&it=r&sid=googleScholar&asid=93d89c79\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/go.gale.com\/ps\/i.do?p=AONE&u=googlescholar&id=GALE%7CA473692804&v=2.1&it=r&sid=googleScholar&asid=93d89c79<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Grinspoon, P., 2021. The endocannabinoid system: Essential and mysterious. Harvard Health Publishing. [online] Available at: <a href=\"https:\/\/www.health.harvard.edu\/blog\/the-endocannabinoid-system-essential-and-mysterious-2021081112569\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.health.harvard.edu\/blog\/the-endocannabinoid-system-essential-and-mysterious-2021081112569<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Health Resources & Services Administration, n.d. Opioid Crisis. [online] Available at: <a href=\"https:\/\/www.hrsa.gov\/opioids#:~:text=More%20than%20130%20people%20a,critical%20to%20fighting%20this%20epidemic\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.hrsa.gov\/opioids<\/a>. [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Hillard, C.J., 2018. Circulating endocannabinoids: From whence do they come and where are they going?. Neuropsychopharmacology, 43(1), pp.155-172.<\/p>\n                        \n                        <p>Learn Genetics, n.d. How Drugs Kill. [online] Available at: <a href=\"https:\/\/learn.genetics.utah.edu\/content\/addiction\/drugskill\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/learn.genetics.utah.edu\/content\/addiction\/drugskill\/<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Lupica, C.R., Hu, Y., Devinsky, O. and Hoffman, A.F., 2017. Cannabinoids as hippocampal network administrators. Neuropharmacology, 124, pp.25-37.<\/p>\n                        \n                        <p>Morena, M., Patel, S., Bains, J.S. and Hill, M.N., 2016. Neurobiological interactions between stress and the endocannabinoid system. Neuropsychopharmacology, 41(1), pp.80-102.<\/p>\n                        \n                        <p>Pacher, P. and Kunos, G., 2013. Modulating the endocannabinoid system in human health and disease\u2013successes and failures. The FEBS journal, 280(9), pp.1918-1943.<\/p>\n                        \n                        <p>Pacher, P., Steffens, S., Hask\u00f3, G., Schindler, T.H. and Kunos, G., 2018. Cardiovascular effects of marijuana and synthetic cannabinoids: the good, the bad, and the ugly. Nature Reviews Cardiology, 15(3), pp.151-166.<\/p>\n                        \n                        <p>Raichlen, D.A., Foster, A.D., Gerdeman, G.L., Seillier, A. and Giuffrida, A., 2012. Wired to run: exercise-induced endocannabinoid signaling in humans and cursorial mammals with implications for the 'runner's high'. Journal of Experimental Biology, 215(8), pp.1331-1336.<\/p>\n                        \n                        <p>Roser, M., Ortiz-Ospina, E. and Ritchie, H., n.d. Life Expectancy. Our World in Data. [online] Available at: <a href=\"https:\/\/ourworldindata.org\/life-expectancy\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/ourworldindata.org\/life-expectancy<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Zou, S. and Kumar, U., 2018. Cannabinoid receptors and the endocannabinoid system: signaling and function in the central nervous system. International journal of molecular sciences, 19(3), p.833<\/p>\n                        \n                        <p>Phyto v endo - <a href=\"https:\/\/library.neura.edu.au\/schizophrenia\/physical-features\/functional-changes\/biochemical-changes\/endocannabinoids\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/library.neura.edu.au\/schizophrenia\/physical-features\/functional-changes\/biochemical-changes\/endocannabinoids\/index.html<\/a> .<\/p>\n                        \n                        <p>ECS discovery timeline <a href=\"https:\/\/projectcbd.org\/science\/endocannabinoid-research-timeline\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/projectcbd.org\/science\/endocannabinoid-research-timeline\/<\/a><\/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                        \ud83e\udde0 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');\nconst currentEmoji = button.textContent.trim();\n\nif (currentEmoji === '\ud83c\udf19') {\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        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        function openVideoModal() {\n            \/\/ Set the video source with autoplay\n            document.getElementById('videoFrame').src = 'https:\/\/www.youtube.com\/embed\/JBNHQzSl3GM?autoplay=1&mute=1';\n            \n            \/\/ Show the modal with flex display for centering\n            const modal = document.getElementById('videoModal');\n            modal.style.display = 'flex';\n            \n            \/\/ Prevent body scrolling when modal is open\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeVideoModal() {\n            \/\/ Hide the modal\n            document.getElementById('videoModal').style.display = 'none';\n            \n            \/\/ Stop the video by removing the src\n            document.getElementById('videoFrame').src = '';\n            \n            \/\/ Restore body scrolling\n            document.body.style.overflow = 'auto';\n        }\n\n        \/\/ Close modal when clicking outside the video\n        document.getElementById('videoModal').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeVideoModal();\n            }\n        });\n\n        \/\/ Close modal with Escape key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeVideoModal();\n            }\n        });\n\n        \/\/ Complete theme toggle function - UPDATED WITH MISSING HEADER AND FOOTER SELECTORS\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 - ADDED FOR FIX\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 - ADDED FOR FIX\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 - ADDED FOR FIX\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 FOR 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 - ADDED FOR FIX\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');\n                    highlights.forEach(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-left', '4px solid #B8860B', 'important');\n                        highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\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 - ADDED FOR FIX\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 FOR 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 - ADDED FOR FIX\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');\n                    highlights.forEach(highlight => {\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                    \/\/ 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            \/\/ 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>The Endocannabinoid System Explained: Your Body&#8217;s Natural Cannabis-Like Network | Two Birds One Stoned \u2715 Close The Endocannabinoid System \ud83e\udde0 Your body&#8217;s natural cannabis like communication network \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual explanation of your body&#8217;s hidden system \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-1803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/pages\/1803","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=1803"}],"version-history":[{"count":66,"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/pages\/1803\/revisions"}],"predecessor-version":[{"id":8042,"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/pages\/1803\/revisions\/8042"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/nl\/wp-json\/wp\/v2\/media?parent=1803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}