{"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\/fr\/the-endocannabinoid-system\/","title":{"rendered":"Le Syst\u00e8me Endocannabino\u00efde Expliqu\u00e9 \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>Le Syst\u00e8me Endocannabino\u00efde Expliqu\u00e9 : Le R\u00e9seau Naturel Similaire au Cannabis de Ton Corps | 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=\"D\u00e9couvre le syst\u00e8me endocannabino\u00efde (ECS) - le r\u00e9seau de communication naturel de ton corps qui r\u00e9gule la douleur, l&#039;humeur, le sommeil et l&#039;immunit\u00e9. \u00c9ducation sur le cannabis bas\u00e9e sur la science.\">\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=\"Le Syst\u00e8me Endocannabino\u00efde : Le R\u00e9seau Naturel Similaire au Cannabis de Ton Corps\">\n    <meta property=\"og:description\" content=\"D\u00e9couvre comment ton corps produit naturellement des compos\u00e9s similaires au cannabis. D\u00e9couvre le ECS - le syst\u00e8me biologique qui r\u00e9gule la douleur, l&#039;humeur, le sommeil et l&#039;immunit\u00e9.\">\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=\"\u00c9ducation au cannabis\">\n    <meta property=\"article:tag\" content=\"Endocannabinoid System\">\n    <meta property=\"article:tag\" content=\"Science du cannabis\">\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=\"Lecteur vid\u00e9o YouTube\" \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\">Le syst\u00e8me endocannabino\u00efde \ud83e\udde0<\/h1>\n                <p class=\"article-subtitle\">Le r\u00e9seau de communication naturel de ton corps similaire au cannabis<\/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 Regarde l'analyse compl\u00e8te<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Obtiens l'explication visuelle compl\u00e8te du syst\u00e8me cach\u00e9 de ton corps<\/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=\"Lecteur vid\u00e9o YouTube\" \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 \u00c9coute en d\u00e9placement<\/h3>\n    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Parfait pour ton trajet ou ton entra\u00eenement, version audio uniquement<\/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 Tu pr\u00e9f\u00e8res lire ? Plonge dans l'analyse compl\u00e8te \u00e9crite ci-dessous \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\"> Le syst\u00e8me endocannabino\u00efde expliqu\u00e9 \ud83e\udde0<\/h2>\n\n                <!-- Introduction -->\n                <div class=\"content-card\">\n                    <h3>Le syst\u00e8me de messagerie secret de ton corps<\/h3>\n                    \n                    <!-- Jo Cameron Hook Section -->\n                    <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">Voici Jo Cameron.<\/strong> C'est une institutrice \u00e9cossaise qui n'a jamais ressenti d'anxi\u00e9t\u00e9, n'a pas eu mal en accouchant et ne s'est pas rendu compte que sa peau br\u00fblait jusqu'\u00e0 ce qu'elle sente l'odeur de sa propre chair. Elle n'affiche aucune r\u00e9action de peur mesurable. Ce n'est pas de la fiction, c'est r\u00e9el.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Pendant la plus grande partie de sa vie, elle ne s'est pas rendu compte qu'elle \u00e9tait diff\u00e9rente, jusqu'\u00e0 ce que des m\u00e9decins remarquent quelque chose d'\u00e9trange. Apr\u00e8s une op\u00e9ration majeure, elle n'a eu besoin d'aucun antidouleur. Les scanners ont r\u00e9v\u00e9l\u00e9 de graves l\u00e9sions articulaires qu'elle n'avait m\u00eame jamais remarqu\u00e9es. Il s'av\u00e8re que Jo a une mutation g\u00e9n\u00e9tique rare qui \u00e9limine une enzyme cl\u00e9 dans son <strong style=\"font-weight: 700 !important\">syst\u00e8me endocannabino\u00efde<\/strong>, celle qui d\u00e9compose normalement les compos\u00e9s du \"bien-\u00eatre\" dont nous allons parler.<\/p>\n                    \n                    <p class=\"content-text\">Donc au lieu que son corps les \u00e9limine, son syst\u00e8me les laisse s'accumuler. Qu'est-ce que \u00e7a a fait ? \u00c7a l'a rendue insensible au stress et immunis\u00e9e contre la douleur.<\/p>\n                    \n                    <p class=\"content-text\">Dingue, non ?<\/p>\n                    \n                    <p class=\"content-text translation-block\">Maintenant imagine \u00e7a : si <em>retirer<\/em> une seule enzyme du syst\u00e8me endocannabino\u00efde peut faire tout \u00e7a\u2026 \u00e0 quel point penses-tu que le reste du syst\u00e8me est important ?<\/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\">C'est notre syst\u00e8me endocannabino\u00efde (SEC\/ECS) en abr\u00e9g\u00e9, un syst\u00e8me de messagerie secret dans ton corps qui r\u00e9gule l'apprentissage, la m\u00e9moire, le sommeil, le contr\u00f4le de la temp\u00e9rature, le traitement \u00e9motionnel, le contr\u00f4le de la douleur, les r\u00e9ponses inflammatoires et immunitaires. On dirait que \u00e7a pourrait \u00eatre important ?<\/p>\n                            <p class=\"content-text\">Tu n'en as jamais entendu parler ? T'inqui\u00e8te pas, tu n'es pas seul.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\"><strong>\"Encore moins de gens ont entendu parler du syst\u00e8me endocannabino\u00efde (ECS) d\u00e9couvert plus r\u00e9cemment, ce qui est \u00e9tonnant quand on consid\u00e8re que le ECS est essentiel pour presque tous les aspects de notre fonctionnement au quotidien\"<\/strong><\/p>\n                        <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">\"Le syst\u00e8me endocannabino\u00efde (ECS) r\u00e9gule et contr\u00f4le bon nombre de nos fonctions corporelles les plus critiques telles que l'apprentissage, la m\u00e9moire, le traitement \u00e9motionnel, le sommeil, le contr\u00f4le de la temp\u00e9rature, le contr\u00f4le de la douleur, les r\u00e9ponses inflammatoires et immunitaires et l'alimentation. Le ECS est actuellement au centre d'une recherche internationale renouvel\u00e9e et du d\u00e9veloppement de m\u00e9dicaments.\"<\/strong> - <a href=\"https:\/\/www.health.harvard.edu\/blog\/the-endocannabinoid-system-essential-and-mysterious-202108112569\" target=\"_blank\" rel=\"noopener noreferrer\">Site web de la Harvard Medical School<\/a><\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">C'est dingue de penser qu'on a d\u00e9couvert l'un des syst\u00e8mes les plus importants du corps, tout \u00e7a parce que les scientifiques ont \u00e9t\u00e9 autoris\u00e9s \u00e0 commencer \u00e0 \u00e9tudier le cannabis.<\/p>\n                    <p class=\"content-text\">Malgr\u00e9 son impact massif sur la sant\u00e9 humaine, le ECS est rest\u00e9 l'un des secrets les mieux gard\u00e9s de la biologie.<\/p>\n                    <p class=\"content-text\">Changeons \u00e7a.<\/p>\n                <\/div>\n\n                <!-- Discovery Section -->\n                <div class=\"content-card\">\n                    <h3>Comment le ECS a \u00c9t\u00e9 D\u00e9couvert<\/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\">Le syst\u00e8me endocannabino\u00efde (ECS) a \u00e9t\u00e9 d\u00e9couvert il y a seulement 36 ans, en 1988. Tu es peut-\u00eatre plus vieux que la d\u00e9couverte elle-m\u00eame.<\/p>\n                            <p class=\"content-text\">Les scientifiques ne le cherchaient pas vraiment quand ils l'ont trouv\u00e9. Ils \u00e9tudiaient le THC, le principal compos\u00e9 psychoactif du cannabis, pour voir comment il interagit avec les animaux au niveau chimique. Ils allaient avoir une surprise.<\/p>\n                            <p class=\"content-text\">Ils ont commenc\u00e9 par poser une question simple : quand les animaux consomment du cannabis, en particulier du THC, o\u00f9 va-t-il et que fait-il r\u00e9ellement ?<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">Ce qu'ils ont d\u00e9couvert, c'est que le THC ne flottait pas simplement au hasard. Il se fixait sur des sites sp\u00e9cifiques dans le corps, des r\u00e9cepteurs membranaires.<\/p>\n\n                    <p class=\"content-text\">Mais c'est l\u00e0 que les choses sont devenues int\u00e9ressantes.<\/p>\n\n                    <p class=\"content-text\">En suivant les effets du THC, les scientifiques ont remarqu\u00e9 quelque chose d'inattendu. Il y avait ces autres compos\u00e9s qu'ils n'avaient jamais vus auparavant, qui se liaient \u00e0 ces m\u00eames r\u00e9cepteurs. Seulement, ces compos\u00e9s ne provenaient pas de la plante de cannabis.<\/p>\n\n                    <p class=\"content-text\">Alors, qu'est-ce que c'\u00e9tait et d'o\u00f9 venaient-ils ?<\/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\">R\u00e9ponse courte. Ils viennent de nous. Pas quelque chose qu'on consomme, mais quelque chose qu'on cr\u00e9e \u00e0 l'int\u00e9rieur de nous.<\/p>\n                 <p class=\"content-text translation-block\">Ce que les scientifiques ont d\u00e9couvert, ce sont des cannabino\u00efdes <strong style=\"font-weight: 700 !important\">endog\u00e8nes<\/strong>, c'est-\u00e0-dire des compos\u00e9s chimiques pr\u00e9sents dans le corps humain, d\u00e9j\u00e0 produits naturellement en nous.<\/p>\n                    <p class=\"content-text translation-block\">Le THC et le CBD sont des cannabino\u00efdes <strong style=\"font-weight: 700 !important\">exog\u00e8nes<\/strong>, c'est-\u00e0-dire des compos\u00e9s chimiques pr\u00e9sents en dehors du corps humain, provenant d'un autre organisme vivant, que nous consommons.<\/p>\n                    <p class=\"content-text translation-block\">Notre propre corps a des compos\u00e9s chimiques similaires au THC et au CBD, d\u00e9j\u00e0 produits en nous. Il s'av\u00e8re que <strong style=\"font-weight: 700 !important\">nos corps produisent naturellement leurs propres compos\u00e9s similaires au cannabis<\/strong> et nous n'en avions aucune id\u00e9e.<\/p>\n\n                    <p class=\"content-text\">Donc pour clarifier<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">Cannabino\u00efdes exog\u00e8nes<\/strong> = Compos\u00e9s provenant de l'ext\u00e9rieur du corps (comme le THC ou le CBD qui viennent de la plante de cannabis).<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">Cannabino\u00efdes endog\u00e8nes<\/strong> = Compos\u00e9s d\u00e9j\u00e0 pr\u00e9sents dans ton corps, produits naturellement par toi.<\/li>\n                    <\/ul>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Tout avait du sens. Les humains interagissaient avec le cannabis depuis des milliers d'ann\u00e9es, et maintenant nous savions pourquoi. Nous n'introduisions pas quelque chose d'\u00e9tranger dans nos corps, nous activions un syst\u00e8me qui existait d\u00e9j\u00e0 en nous.<\/p>\n                    <\/div>\n                        <p class=\"content-text\">Il s'av\u00e8re que la 'drogue passerelle' \u00e9tait en fait une passerelle vers la compr\u00e9hension de la biologie humaine.<\/p> \n                    <p class=\"content-text\">C'\u00e9tait la d\u00e9couverte de tout un syst\u00e8me de signalisation en nous compos\u00e9 de r\u00e9cepteurs cannabino\u00efdes, d'endocannabino\u00efdes et d'enzymes. Le ECS tel que nous le connaissons maintenant. Un syst\u00e8me de communication naturel qui travaille \u00e0 r\u00e9guler l'apprentissage, la m\u00e9moire, le traitement \u00e9motionnel, le sommeil, etc., non d\u00e9couvert jusqu'\u00e0 il y a 36 ans. C'est l'un des syst\u00e8mes physiologiques les plus importants impliqu\u00e9s dans l'\u00e9tablissement et le maintien de la sant\u00e9 humaine. Une d\u00e9couverte r\u00e9cente plut\u00f4t cool.<\/p>\n               <p class=\"content-text translation-block\">Donc, au nom de ceux qui ont pass\u00e9 des ann\u00e9es \u00e0 d\u00e9fendre cette plante, aidant \u00e0 briser la stigmatisation et \u00e0 montrer que cette plante n'est peut-\u00eatre pas aussi mauvaise qu'on le pensait autrefois, <a href=\"https:\/\/pbs.twimg.com\/media\/DLWpWjtWsAAt9UL.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">celle-ci est pour la foule de la 'drogue du d\u00e9mon'.<\/a><\/p>\n <\/div>\n\n                <!-- ECS Explanation -->\n                <div class=\"content-card\">\n                    <h3>Comment Fonctionne le Syst\u00e8me Endocannabino\u00efde<\/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\">Le syst\u00e8me endocannabino\u00efde (ECS) est comme le service postal de ton pays. Il y a deux \u00e9quipes, les facteurs et les bo\u00eetes aux lettres. Les facteurs livrent le message et les bo\u00eetes aux lettres re\u00e7oivent le message. Ils communiquent \u00e0 l'int\u00e9rieur de toi. C'est un syst\u00e8me de communication chimique.<\/p>\n                    <p class=\"content-text translation-block\">Les facteurs sont ce que nous appelons les <strong style=\"font-weight: 700 !important\">endocannabino\u00efdes<\/strong>. Les endocannabino\u00efdes sont les facteurs qui circulent dans ton corps, parlant \u00e0 ton cerveau, ton syst\u00e8me immunitaire et tes organes. Ils ont un message \u00e0 livrer.<\/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\">Leur travail est de maintenir tout en \u00e9quilibre et de fonctionner sans probl\u00e8me. Quelque chose ne va pas ? Les endocannabino\u00efdes sont de vrais messages qui sont envoy\u00e9s \u00e0 tes r\u00e9cepteurs dans tout ton cerveau et ton corps, pour r\u00e9parer ce qui ne va pas.<\/p>\n                    <p class=\"content-text\">Ils disent \u00e0 ton corps quand manger, quand dormir, quand se d\u00e9tendre, et m\u00eame quand se sentir heureux ou moins inquiet. \u00c7a aide ton corps \u00e0 savoir quand les choses vont bien ou quand quelque chose pourrait avoir besoin d'attention.<\/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\">Par exemple, si tu te fais une bosse ou une \u00e9gratignure, le syst\u00e8me endocannabino\u00efde enverra des messages pour aider ton corps \u00e0 ressentir moins de douleur ou \u00e0 r\u00e9duire le gonflement\/l'inflammation. Ou quand tu te sens anxieux ou nerveux, le syst\u00e8me endocannabino\u00efde peut envoyer des messages pour t'aider \u00e0 te calmer et \u00e0 te sentir plus d\u00e9tendu. Comme quand tu prends une grande respiration pour te sentir mieux. C'est comme une \u00e9quipe utile \u00e0 l'int\u00e9rieur de toi qui s'assure que <strong style=\"font-weight: 700 !important\">tout fonctionne<\/strong> comme il faut. Et souviens-toi que ce sont tous des compos\u00e9s naturels qui existent d\u00e9j\u00e0 en nous. Pas de cannabis impliqu\u00e9 ici.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text translation-block\">Son r\u00f4le principal est de maintenir l'<strong style=\"font-weight: 700 !important\">hom\u00e9ostasie<\/strong> pour nous. L'hom\u00e9ostasie est le processus par lequel les organismes vivants maintiennent un environnement interne stable malgr\u00e9 les changements des conditions externes. Cet \u00e9quilibre est crucial pour la survie et le bon fonctionnement.<\/p>\n                    <p class=\"content-text\">Donc, le syst\u00e8me endocannabino\u00efde est essentiellement l'\u00e9quipe sp\u00e9ciale de ton corps qui envoie des messages autour de toi, ce qui t'aide \u00e0 te sentir bien et \u00e0 rester en bonne sant\u00e9 chaque jour ! Allez les endocannabino\u00efdes ! Petits gars sympas. Bravo \u00e0 vous.<\/p>\n                    <p class=\"content-text\">On dirait que \u00e7a pourrait \u00eatre une d\u00e9couverte vraiment int\u00e9ressante et significative qui pourrait, esp\u00e9rons-le, avoir un impact positif sur nous les humains. Dans les ann\u00e9es 1720, notre esp\u00e9rance de vie \u00e9tait de 28 ans. En 1900, elle \u00e9tait de 32. Dingue.<\/p>\n                    <p class=\"content-text\">Le ECS est pr\u00e9sent chez les humains, les animaux, les arbres, les plantes mais pas chez les insectes.<\/p>\n                    <p class=\"content-text\">Alors allons un peu plus loin et devenons un peu techniques.<\/p>\n                <\/div>\n\n                <!-- Three Components -->\n                <div class=\"content-card\">\n                    <h3>Le ECS a 3 Composants Principaux<\/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\">Chronologie de la d\u00e9couverte du ECS | Source : <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. R\u00e9cepteurs Membranaires<\/strong><\/p>\n                    <ul>\n                        <li>CB1<\/li>\n                        <li>CB2<\/li>\n                    <\/ul>\n                    <p class=\"content-text\"><strong>2. Endocannabino\u00efdes<\/strong><\/p>\n                    <ul>\n                        <li>AEA (anandamide)<\/li>\n                        <li>2-AG (2-arachidonoylglyc\u00e9rol)<\/li>\n                    <\/ul>\n                    <p class=\"content-text\"><strong>3. Enzymes<\/strong><\/p>\n                    <ul>\n                        <li>Hydrolase d'amide d'acide gras (FAAH)<\/li>\n                        <li>Lipase de monoacylglyc\u00e9rol (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\">Les r\u00e9cepteurs et les endocannabino\u00efdes agissent selon un <strong style=\"font-weight: 700 !important\">mod\u00e8le de cl\u00e9 et de serrure<\/strong> en nous. Ce que cela signifie, c'est que seules certaines cl\u00e9s peuvent ouvrir certaines serrures. Seuls certains endocannabino\u00efdes peuvent d\u00e9verrouiller certains r\u00e9cepteurs. Si le facteur livre le courrier dans la mauvaise bo\u00eete aux lettres, rien ne se passera.<\/p>\n                            <p class=\"content-text\">Imagine \u00e7a comme \u00e7a :<\/p>\n                            <ul>\n                                <li><strong>Les endocannabino\u00efdes sont les cl\u00e9s.<\/strong><\/li>\n                                <li><strong>Les r\u00e9cepteurs sont les serrures.<\/strong><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">Je sais que c'est une autre analogie mais l'analogie du facteur\/bo\u00eete aux lettres aide plut\u00f4t avec le concept d'un syst\u00e8me de messagerie de communication chimique et l'analogie de la cl\u00e9 et de la serrure va un peu plus loin et explique \u00e0 quel point l'interaction est cibl\u00e9e, au sein du syst\u00e8me de messagerie chimique.<\/p>\n                    <p class=\"content-text\">La cl\u00e9 doit s'adapter \u00e0 la serrure pour obtenir le r\u00e9sultat souhait\u00e9. Donc l'endocannabino\u00efde doit s'adapter au r\u00e9cepteur pour obtenir le r\u00e9sultat souhait\u00e9.<\/p>\n                <\/div>\n\n                <!-- Endocannabinoids Section -->\n                <div class=\"content-card\">\n                    <h3>1: Endocannabino\u00efdes (Cl\u00e9s \/ Facteurs)<\/h3>\n                    \n                    <p class=\"content-text translation-block\">Ce sont les <strong style=\"font-weight: 700 !important\">\"compos\u00e9s similaires au cannabis qui se produisent naturellement\"<\/strong> qui sont fabriqu\u00e9s par nos cellules chaque jour.<\/p>\n                    <p class=\"content-text\">Comme discut\u00e9 ci-dessus, lorsque les scientifiques examinaient le THC, ils sont tomb\u00e9s sur des cannabino\u00efdes d\u00e9j\u00e0 produits naturellement en nous. Ces endocannabino\u00efdes (cl\u00e9s) sont les facteurs qui courent dans notre corps avec des informations importantes \u00e0 livrer. Une fois qu'ils livrent leur message au bon r\u00e9cepteur, une r\u00e9action chimique se produit.<\/p>\n                    \n                    <p class=\"content-text\">Les deux principaux endocannabino\u00efdes \u00e9tablis et \u00e9tudi\u00e9s en nous sont<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">AEA (Anandamide)<\/strong> - \u00c9galement connue sous le nom de \"mol\u00e9cule du bonheur.\" Responsable de cette euphorie apr\u00e8s la course, aussi appel\u00e9e \"l'euphorie du coureur\"<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">2-AG (2-Arachidonoylglyc\u00e9rol)<\/strong> - Aide \u00e0 maintenir l'\u00e9quilibre g\u00e9n\u00e9ral dans le corps (hom\u00e9ostasie).<\/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\">Imagine \u00e7a.<\/p>\n                    <p class=\"content-text translation-block\">Tu te r\u00e9veilles, tu laces tes chaussures de course pr\u00e9f\u00e9r\u00e9es et tu sors dans l'air frais du matin. Tes pieds frappent le trottoir, un pas apr\u00e8s l'autre, et avant que tu t'en rendes compte, tu es dans la zone. Cette vague d'euphorie te submerge, une pouss\u00e9e de joie, de clart\u00e9 et de calme. Cette sensation, souvent appel\u00e9e <strong style=\"font-weight: 700 !important\">\"l'euphorie du coureur,\"<\/strong> est plus qu'un simple coup de pouce motivationnel. C'est ton syst\u00e8me endocannabino\u00efde naturel au travail, lib\u00e9rant une mol\u00e9cule sp\u00e9ciale appel\u00e9e <strong style=\"font-weight: 700 !important\">anandamide (ou AEA en abr\u00e9g\u00e9)<\/strong>.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Lorsque tu commences \u00e0 courir, ton corps produit plus d'AEA. Cette mol\u00e9cule flotte jusqu'\u00e0 ce qu'elle trouve un r\u00e9cepteur dans lequel s'ins\u00e9rer, en particulier le <strong style=\"font-weight: 700 !important\">r\u00e9cepteur CB1<\/strong>, partie de ton syst\u00e8me endocannabino\u00efde. Penses-y comme une <strong style=\"font-weight: 700 !important\">cl\u00e9 qui s'ins\u00e8re parfaitement dans une serrure<\/strong>. Une fois que l'AEA se connecte \u00e0 CB1, cela d\u00e9clenche une r\u00e9action en cha\u00eene dans ton cerveau qui lib\u00e8re de la dopamine, la substance chimique du bien-\u00eatre.<\/p>\n                    \n                    <p class=\"content-text\">Tu as probablement d\u00e9j\u00e0 entendu parler de la dopamine, c'est cette substance chimique du bien-\u00eatre qui t'aide \u00e0 te sentir heureux, motiv\u00e9 et parfois m\u00eame un peu euphorique. Lorsque le THC, l'ingr\u00e9dient actif du cannabis, s'attache aux r\u00e9cepteurs CB1 dans ton cerveau, il peut augmenter les niveaux de dopamine assez fortement, ce qui est une grande partie de la raison pour laquelle le cannabis te donne ce \"high\" intense. D'un autre c\u00f4t\u00e9, la mol\u00e9cule naturelle de ton propre corps, l'anandamide (AEA), se connecte \u00e9galement \u00e0 ces m\u00eames r\u00e9cepteurs CB1 mais de mani\u00e8re beaucoup plus douce. L'augmentation de l'AEA pendant une bonne course te donne un high plus doux, plus naturel, du genre \"ouais, c'est g\u00e9nial\", suffisant pour te faire sentir super sans surcharger ton cerveau.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Donc, d'une certaine mani\u00e8re, ton corps te donne un high naturel, pas besoin de drogues ! C'est ton propre <strong style=\"font-weight: 700 !important\">syst\u00e8me de bien-\u00eatre int\u00e9gr\u00e9<\/strong>, qui te r\u00e9compense pour avoir boug\u00e9 ton corps et te garde motiv\u00e9 pour le refaire. Qui a besoin de drogues quand on peut simplement courir, hein ?<\/p>\n\n                    <h4>2-AG (2-Arachidonoylglyc\u00e9rol)<\/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\">Mais la vie n'est pas toujours faite de courses heureuses et de pouss\u00e9es de dopamine. Parfois, tu tr\u00e9buches ou tu te blesses au cou. Tu t'\u00e9corches le genou. Tu ressens de la douleur. C'est l\u00e0 qu'un autre super-h\u00e9ros endocannabino\u00efde entre en jeu : <strong style=\"font-weight: 700 !important\">2-AG<\/strong>.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Alors que l'AEA concerne davantage l'humeur et l'euphorie, le 2-AG assume une mission diff\u00e9rente. Il se verrouille dans les <strong style=\"font-weight: 700 !important\">r\u00e9cepteurs CB2<\/strong>, qui se trouvent dans tout ton syst\u00e8me immunitaire. Pense au 2-AG comme la <strong style=\"font-weight: 700 !important\">trousse de premiers soins naturelle<\/strong> de ton corps. Quand tu te blesses, le 2-AG entre en action, envoyant des messages pour r\u00e9duire l'inflammation et g\u00e9rer la douleur.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"content-text translation-block\">Imagine \u00e7a : Tu viens de te cogner le genou sur le bord de la table basse. Ton corps ne reste pas simplement l\u00e0 \u00e0 te laisser souffrir. Au contraire, il entre en action. Les mol\u00e9cules de 2-AG augmentent leur production, trouvent les r\u00e9cepteurs CB2 et commencent \u00e0 travailler pour calmer le gonflement et soulager la douleur. C'est comme le <strong style=\"font-weight: 700 !important\">syst\u00e8me personnel de gestion de la douleur<\/strong> de ton corps, s'assurant que tu gu\u00e9ris et te sens mieux naturellement.<\/p>\n                    \n                    <p class=\"content-text\">Comprendre ces processus naturels te fait r\u00e9aliser \u00e0 quel point ton corps est vraiment incroyable. Tu n'as pas toujours besoin de substances externes pour te sentir bien ou g\u00e9rer la douleur. Ton corps a un syst\u00e8me sophistiqu\u00e9 con\u00e7u pour faire exactement \u00e7a.<\/p>\n                    \n                    <p class=\"content-text\">Donc, la prochaine fois que tu vas courir et que tu ressens ce buzz apr\u00e8s l'exercice, souviens-toi que ce n'est pas seulement dans ta t\u00eate, c'est ton corps qui lib\u00e8re sa propre version du bonheur \u00e0 travers l'anandamide. Et quand tu te cognes le genou ou que tu as mal, sache que le 2-AG travaille discr\u00e8tement en coulisses pour t'aider \u00e0 gu\u00e9rir.<\/p>\n                <\/div>\n\n                <!-- Receptors Section -->\n                <div class=\"content-card\">\n                    <h3>2: R\u00e9cepteurs (Les Serrures \/ Les Bo\u00eetes aux Lettres)<\/h3>\n                    \n                    <p class=\"content-text\">Donc on a parl\u00e9 des cl\u00e9s. Parlons maintenant des serrures. Nos r\u00e9cepteurs.<\/p>\n                    <p class=\"content-text\">Il y a deux principaux types de r\u00e9cepteurs dans le ECS :<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">R\u00e9cepteurs CB1<\/strong> \u2014 Principalement pr\u00e9sents dans le cerveau et le syst\u00e8me nerveux central.<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">R\u00e9cepteurs CB2<\/strong> \u2014 Principalement pr\u00e9sents dans le syst\u00e8me immunitaire et les organes p\u00e9riph\u00e9riques.<\/li>\n                    <\/ul>\n                    <p class=\"content-text\">Ils re\u00e7oivent les messages de nos cannabino\u00efdes.<\/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\">Les <strong style=\"font-weight: 700 !important\">r\u00e9cepteurs CB1<\/strong> se trouvent principalement dans le syst\u00e8me nerveux central, avec de fortes concentrations dans les r\u00e9gions c\u00e9r\u00e9brales telles que l'amygdale, l'hippocampe, le cervelet, les ganglions de la base, le cortex frontal et le tronc c\u00e9r\u00e9bral. Ils sont \u00e9galement pr\u00e9sents dans les tissus p\u00e9riph\u00e9riques comme le foie, les poumons, les reins et les nerfs p\u00e9riph\u00e9riques.<\/p>\n                    \n                    <p class=\"content-text\">Les r\u00e9cepteurs CB1 jouent un r\u00f4le crucial dans la r\u00e9gulation de la lib\u00e9ration des neurotransmetteurs, ce qui affecte des processus incluant la m\u00e9moire, l'app\u00e9tit, la sensation de douleur, l'humeur, le contr\u00f4le moteur et la cognition. L'activation des r\u00e9cepteurs CB1 par les endocannabino\u00efdes ou des compos\u00e9s comme le THC (le composant psychoactif du cannabis) produit les effets psychoactifs caract\u00e9ristiques et aide \u00e0 moduler la douleur et l'app\u00e9tit.<\/p>\n                    \n                    <p class=\"content-text\">Les r\u00e9cepteurs CB1 sont cruciaux pour les fonctions c\u00e9r\u00e9brales et les effets psychoactifs.<\/p>\n\n                    <h4>Comment le cannabis interagit avec les r\u00e9cepteurs CB1.<\/h4>\n                    \n                    <p class=\"content-text\">Les r\u00e9cepteurs CB1 sont la cible principale du THC. Le THC va \u00e0 la recherche des r\u00e9cepteurs CB1. Une fois que le THC se lie \u00e0 CB1, une r\u00e9action chimique se produit.<\/p>\n                    \n                    <p class=\"content-text\">Jetons un coup d'\u0153il \u00e0 la sensation euphorique qui se produit \u00e0 cause de cela. Le THC entre dans notre syst\u00e8me, se lie aux r\u00e9cepteurs CB1 situ\u00e9s dans notre cerveau, ce qui lib\u00e8re de la dopamine dans notre syst\u00e8me.<\/p>\n                    \n                    <p class=\"content-text\">La dopamine est c\u00e9l\u00e8bre pour te donner des sensations de plaisir, de satisfaction et de motivation. Donc quand le cannabis est ing\u00e9r\u00e9 par les humains, des niveaux excessifs de dopamine sont envoy\u00e9s dans tout notre corps nous faisant ressentir toutes ces bonnes choses. On devient vachement d\u00e9fonc\u00e9s. G\u00e9nial ! Non ? Oui, mais pas enti\u00e8rement.<\/p>\n                    \n                    <p class=\"content-text translation-block\">\u00c9 aqui que reside o potencial para a droga ser abusada. Algumas pessoas por a\u00ed dizem que a cannabis n\u00e3o vicia. Discordo. Eu diria que <strong style=\"font-weight: 700 !important\">pode ser viciante a 1000% com certeza<\/strong>. Se est\u00e1 a libertar dopamina a um n\u00edvel mais alto do que o normal, ent\u00e3o o potencial para ser abusada repetidamente est\u00e1 presente. \u00c9 aqui que temos de estar conscientes do que est\u00e1 a acontecer e tomar decis\u00f5es informadas ao lidar com situa\u00e7\u00f5es da vida como esta.<\/p>\n                    \n                    <p class=\"content-text\">Aussi, peut-\u00eatre si tu penses \"tu vois, le cannabis cr\u00e9e une d\u00e9pendance donc il devrait \u00eatre interdit\", non. Interdisons la caf\u00e9ine, l'alcool, les t\u00e9l\u00e9phones portables, les jeux d'argent et le sucre pendant qu'on y est. Comparer n'est pas non plus la bonne fa\u00e7on de faire \u00e7a. Mais n'y a-t-il pas juste un aper\u00e7u de bon sens qui pointe le bout de son nez au coin de la rue ? Peut-\u00eatre que le cannabis dans le grand sch\u00e9ma des op\u00e9rations mondiales, c'est ok ?<\/p>\n                    \n                    <p class=\"content-text\">C'est un tout autre sujet de conversation que je garderai pour un autre jour. Personnellement, je crois que toutes les drogues peuvent cr\u00e9er une d\u00e9pendance. Elles nous \u00e9loignent de l'\u00e9tat constant de la r\u00e9alit\u00e9 et les gens le poursuivent. Avec l'herbe, \u00e7a prendra le dessus sur ta vie et deviendra le point focal principal de chaque jour, ce qui ne devrait \u00eatre le cas avec aucune drogue. Il y a plus dans la vie que d'attendre que toute la journ\u00e9e passe puis fumer un joint.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Nous devons accepter et comprendre cela et ne pas nous en d\u00e9tourner. Accepte-le et agis en cons\u00e9quence. Les animaux, y compris les humains, ont sciemment consomm\u00e9 des drogues tout au long de l'histoire jusqu'\u00e0 ce jour. <strong style=\"font-weight: 700 !important\">Les humains vont \u00eatre humains<\/strong>.<\/p>\n\n                    <h4>R\u00e9cepteurs CB2<\/h4>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/CB2-receptors.png\" alt=\"R\u00e9cepteurs CB2\">\n                    <\/div>\n\n                    <p class=\"content-text translation-block\">Les <strong style=\"font-weight: 700 !important\">r\u00e9cepteurs CB2<\/strong> se trouvent principalement en dehors du cerveau, essentiellement sur les cellules immunitaires telles que les cellules T, les cellules B, les macrophages et la microglie dans le syst\u00e8me nerveux central. Ils sont \u00e9galement exprim\u00e9s dans les tissus p\u00e9riph\u00e9riques, notamment la rate, le foie et certains neurones. Les r\u00e9cepteurs CB2 sont principalement impliqu\u00e9s dans la r\u00e9gulation des r\u00e9ponses immunitaires, de l'inflammation et du soulagement de la douleur <strong style=\"font-weight: 700 !important\">sans produire d'effets psychoactifs<\/strong>. Leur activation aide \u00e0 moduler l'inflammation et la fonction des cellules immunitaires, ce qui en fait une cible prometteuse pour les th\u00e9rapies anti-inflammatoires et neuroprotectrices.<\/p>\n                    \n                    <p class=\"content-text\">Les r\u00e9cepteurs CB2 r\u00e9gulent principalement l'activit\u00e9 du syst\u00e8me immunitaire et l'inflammation.<\/p>\n                    \n                    <p class=\"content-text\">La recherche sur les r\u00e9cepteurs CB2 continue de d\u00e9couvrir leurs applications th\u00e9rapeutiques potentielles, en particulier dans les domaines de l'immunologie, de la neurologie et des maladies inflammatoires. Il semble y avoir un grand potentiel avec ces r\u00e9cepteurs dans le monde m\u00e9dical.<\/p>\n                    \n                    <p class=\"content-text\">C'est l'exemple de la chute et de l'\u00e9corchure au genou dont nous avons parl\u00e9 ci-dessus. Une fois que tu tombes et que tu t'\u00e9corches le genou, ton corps enverra des endocannabino\u00efdes \u00e0 tes r\u00e9cepteurs CB2 pour r\u00e9duire le gonflement et l'inflammation.<\/p>\n\n                    <h4>Comment le cannabis interagit avec les r\u00e9cepteurs CB2.<\/h4>\n                    \n                    <p class=\"content-text\">Imaginons que tu as un ami avec de la polyarthrite rhumato\u00efde. Son syst\u00e8me immunitaire cause de l'inflammation dans ses articulations. Lorsqu'il consomme du cannabis, les cannabino\u00efdes de la plante se verrouillent sur les r\u00e9cepteurs CB2 et envoient un message pour calmer le syst\u00e8me immunitaire, r\u00e9duisant la douleur et le gonflement. Lorsque les cannabino\u00efdes se verrouillent dans ces r\u00e9cepteurs CB2, ils disent aux cellules immunitaires de se calmer. Ils aident \u00e0 r\u00e9duire l'inflammation et rendent les articulations moins douloureuses et enfl\u00e9es.<\/p>\n                    \n                    <p class=\"content-text\">Donc, en termes simples, les cannabino\u00efdes du cannabis peuvent aider les articulations douloureuses de ton ami \u00e0 se sentir mieux en calmant la r\u00e9action de son syst\u00e8me immunitaire.<\/p>\n                <\/div>\n\n                <!-- Enzymes Section -->\n                <div class=\"content-card\">\n                    <h3>3: Enzymes \u2014 L'\u00e9quipe de nettoyage<\/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\">Enfin, nous avons les enzymes.<\/p>\n\n<p class=\"content-text\">Ces gars-l\u00e0 apparaissent apr\u00e8s que la magie s'est produite, apr\u00e8s que l'anandamide s'est verrouill\u00e9e dans CB1 et a lib\u00e9r\u00e9 un peu de dopamine. Les endocannabino\u00efdes ne s'arr\u00eatent pas tout seuls. Ils doivent \u00eatre arr\u00eat\u00e9s. C'est l\u00e0 que les enzymes interviennent : pour nettoyer, d\u00e9composer et couper le signal. Ils facilitent la d\u00e9gradation et le m\u00e9tabolisme des endocannabino\u00efdes. Ils les d\u00e9gradent. Ils les d\u00e9truisent.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Les enzymes sont <strong style=\"font-weight: 700 !important\">l'\u00e9quipe de nettoyage<\/strong>, les videurs, les \u00e9boueurs, le bouton de r\u00e9initialisation. Sans eux, ton syst\u00e8me bourdonne 24h\/24 et 7j\/7 sans interrupteur d'arr\u00eat.<\/p>\n                    \n                    <p class=\"content-text\">Les deux enzymes qui d\u00e9gradent nos endocannabino\u00efdes sont :<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">FAAH (Hydrolase d'Amide d'Acide Gras)<\/strong> \u2014 D\u00e9compose l'anandamide.<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">MAGL (Lipase de Monoacylglyc\u00e9rol)<\/strong> \u2014 D\u00e9compose le 2-AG.<\/li>\n                    <\/ul>\n\n                    <p class=\"content-text\">Donc en gros, les enzymes nettoient les endocannabino\u00efdes qui ne peuvent pas s'arr\u00eater tout seuls.<\/p>\n                    \n                    <!-- Jo Cameron Enzymes Section -->\n                    <p class=\"content-text translation-block\">Et si tu veux voir ce qui se passe quand cette \u00e9quipe de nettoyage <em>n'appara\u00eet pas<\/em> ? Ne cherche pas plus loin que Jo Cameron. Son enzyme FAAH ne fonctionne pas correctement, donc ses niveaux d'anandamide restent tr\u00e8s \u00e9lev\u00e9s. Cela signifie que son corps est constamment inond\u00e9 d'analg\u00e9siques naturels et de stabilisateurs d'humeur. C'est comme si son syst\u00e8me \u00e9tait en permanence r\u00e9gl\u00e9 sur \"mode d\u00e9tente\". Pas de peur. Pas de douleur. Pas de souci. Elle ne s'est litt\u00e9ralement rendu compte que quelque chose n'allait pas que lorsqu'elle avait bien d\u00e9pass\u00e9 la soixantaine. Pense \u00e0 comment \u00e7a renverse toute la conversation autour de la douleur, de la sant\u00e9 mentale et de la recherche sur le cannabis.<\/p>\n                    \n                    <p class=\"content-text\"><strong>MAIS, quand on consomme du cannabis, \u00e7a se passe un peu diff\u00e9remment.<\/strong><\/p>\n                    \n                    <p class=\"content-text\">Consommer du cannabis change la donne avec la fa\u00e7on dont nos enzymes fonctionnent. Des compos\u00e9s comme le THC et le CBD interagissent avec ces enzymes et peuvent inhiber leur activit\u00e9. En termes simples, ils emp\u00eachent l'\u00e9quipe de nettoyage de faire son travail. Cela signifie que les endocannabino\u00efdes comme l'anandamide et le 2-AG ne sont pas d\u00e9compos\u00e9s comme ils le seraient normalement.<\/p>\n                    \n                    <p class=\"content-text\"><strong>C'est le plus pertinent quand on parle du CBD. \u00c9coute \u00e7a.<\/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=\"Le CBD renforce l&#039;ECS\">\n                    <\/div>\n\n                    <p class=\"content-text\">L'une des actions cl\u00e9s du CBD est d'inhiber les enzymes comme discut\u00e9. En ralentissant ces enzymes, le CBD permet \u00e0 plus d'endocannabino\u00efdes naturels de notre corps de rester actifs plus longtemps. Cela am\u00e9liore les effets de nos endocannabino\u00efdes, aidant \u00e0 soutenir la r\u00e9gulation de l'humeur, r\u00e9duire l'inflammation et promouvoir l'\u00e9quilibre dans divers syst\u00e8mes.<\/p>\n                    \n                    <p class=\"content-text\"><strong>En d'autres termes, le CBD ne remplace pas ce que ton corps fait, il aide ton corps \u00e0 faire ce qu'il fait d\u00e9j\u00e0, juste un peu mieux.<\/strong><\/p>\n                    \n                    <p class=\"content-text\">Au fait, ce type enzyme l\u00e0-haut, il a l'air plut\u00f4t agac\u00e9. Clairement italien. Il vient peut-\u00eatre d'apprendre que son service a \u00e9t\u00e9 annul\u00e9. Il ira bien.<\/p>\n                    \n                    <p class=\"content-text\">Bien que les compos\u00e9s du cannabis offrent des avantages comme la r\u00e9duction de l'inflammation et l'am\u00e9lioration de l'humeur, ils mettent \u00e9galement en \u00e9vidence l'\u00e9quilibre d\u00e9licat que les enzymes maintiennent dans notre syst\u00e8me. Les enzymes garantissent que les cannabino\u00efdes naturels sont trait\u00e9s et \u00e9limin\u00e9s efficacement, mais ils ont du mal \u00e0 g\u00e9rer les compos\u00e9s exog\u00e8nes introduits par le cannabis.<\/p>\n                    \n                    <p class=\"content-text\">Donc voil\u00e0. \u00c0 un niveau basique, comment le ECS fonctionne sans plonger dans les impulsions \u00e9lectriques, les nerfs pr\u00e9synaptiques, l'afflux de calcium, l'acide, l'acide de batterie, la salsa, bang et la salet\u00e9 dispara\u00eet, quelques herbes et \u00e9pices, le tout envelopp\u00e9 dans une 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>La Seule Fa\u00e7on de Rester \u00e0 Jour<\/h3>\n                            <p>Le cannabis \u00e9volue et on couvre la science, la recherche et la culture, tout gratuit et directement dans ta bo\u00eete mail. Pas de r\u00e9seaux sociaux. Email uniquement. Rejoins-nous si tu es curieux.<\/p>\n                            <ul class=\"benefits-list\">\n                                <li>\ud83c\udfac Interviews &amp; Documentaires<\/li>\n                                <li>\ud83d\udcda Vid\u00e9os et audios \u00e9ducatifs<\/li>\n                                <li>\ud83d\udd2c Informations et perspectives scientifiques<\/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=\"ton@email.com\" required id=\"emailInput\">\n                                <button type=\"submit\" id=\"emailSubmitBtn\">Recevoir les Mises \u00e0 Jour<\/button>\n                                <p class=\"form-note\">\u27a1\ufe0f Reste curieux \u2b05\ufe0f<\/p>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/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>Qu'en penses-tu ?<\/h3>\n                            <p>Tu as quelque chose \u00e0 dire ? Laisse-le ci-dessous. Ta voix aide \u00e0 fa\u00e7onner ce qui vient ensuite.<\/p>\n                            <ul class=\"engagement-features\">\n                                <li>\ud83d\udcad Partage tes exp\u00e9riences<\/li>\n                                <li>\ud83e\udd1d Discute-en avec les autres<\/li>\n                                <li>\ud83d\udcda Aide \u00e0 am\u00e9liorer le contenu futur<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"engagement-interaction\">\n                            <div class=\"comment-form-v1\">\n                                <h4>Comment \u00e7a marche<\/h4>\n                                <ol>\n                                    <li class=\"translation-block\"><span>\u00c9tape 1:<\/span>Choisis : Entre ton email OU commente anonymement<\/li>\n                                    <li class=\"translation-block\"><span>\u00c9tape 2:<\/span>Re\u00e7ois ton nom d'utilisateur unique (tu le gardes sur tout le site)<\/li>\n                                    <li class=\"translation-block\"><span>\u00c9tape 3:<\/span>Commente, vote, r\u00e9ponds et partage tes pens\u00e9es : tu fais partie de la conversation !<\/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;\">Commente anonymement (aucun email requis)<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"form-group-v1\" id=\"emailGroup\">\n                                        <input type=\"email\" id=\"commentEmail\" placeholder=\"ton@email.com\" required>\n                                        <div class=\"username-container\">\n                                            <div class=\"username-display\" id=\"usernameDisplay\">Ton nom d'utilisateur appara\u00eetra ici<\/div>\n                                            <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Obtiens un nom d&#039;utilisateur diff\u00e9rent\">\n                                                \ud83d\udd04\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"form-group-v1\">\n                                        <textarea id=\"commentText\" placeholder=\"Qu&#039;en as-tu pens\u00e9 ? Des questions ou des exp\u00e9riences \u00e0 partager ?\"><\/textarea>\n                                    <\/div>\n                                    <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                        <span id=\"submitText\">Publier le commentaire<\/span>\n                                    <\/button>\n                                <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/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\">Trier par :<\/label>\n                            <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                                <option value=\"recent\">Plus r\u00e9cent<\/option>\n                                <option value=\"liked\">Plus aim\u00e9<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"comments-header\" id=\"commentsHeader\">\n                            <span>\ud83d\udcad<\/span> Commentaires r\u00e9cents (<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\/fr\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n        Plus de sujets \u2192\n                    <\/a>\n                <\/div>\n\n                <!-- References Section -->\n                <div class=\"content-card\">\n                    <h3>R\u00e9f\u00e9rences<\/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>Si tu es arriv\u00e9 jusqu'ici...<\/h3>\n                    \n                    <div class=\"section-divider\"><\/div>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">C'est \u00e0 la fin de chaque article que j'\u00e9cris, donc si tu as d\u00e9j\u00e0 lu quelque chose ici avant, tu connais le topo.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Si tu es arriv\u00e9 \u00e0 la fin de cet article, <strong>merci<\/strong>. Vraiment. Tu as pris le temps de plonger dans un sujet qui a \u00e9t\u00e9 cach\u00e9 sous des couches de stigmatisation pendant des g\u00e9n\u00e9rations. Rien que \u00e7a signifie que tu fais partie d'un changement absolument n\u00e9cessaire.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Si quelque chose ici t'a fait r\u00e9fl\u00e9chir ou penser diff\u00e9remment, fais ceci : <strong>parles-en<\/strong>. Aborde le sujet avec quelqu'un. Peu importe qui, ton ami, ton p\u00e8re, ton kin\u00e9, ton coll\u00e8gue, n'importe qui. Partage ce que tu as appris, ce qui t'a surpris, ou m\u00eame ce dont tu n'es pas encore s\u00fbr.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Ces discussions, qu'elles soient d\u00e9contract\u00e9es, profondes, al\u00e9atoires ou g\u00eanantes, \u00e9rodent la stigmatisation, petit \u00e0 petit. Pas en pr\u00eachant, mais simplement en <strong>\u00e9tant honn\u00eate sur le moment<\/strong>.<\/p>\n                        \n                        <p class=\"content-text\">Il s'agit de briser le cycle de d\u00e9sinformation et de peur qui nous a retenus bien trop longtemps.<\/p>\n                        \n                        <p class=\"content-text\">Chaque fois que nous transmettons des informations pr\u00e9cises et \u00e9quilibr\u00e9es, nous faisons un pas de plus vers le fait de laisser ce monde un peu meilleur que nous l'avons trouv\u00e9, pour la prochaine g\u00e9n\u00e9ration.<\/p>\n                        \n                        <p class=\"content-text\">Je ne veux pas non plus que la vie des gens soit affect\u00e9e n\u00e9gativement \u00e0 cause des r\u00e8gles sociales qui entourent cette plante.<\/p>\n                        \n                        <p class=\"content-text\">Nous leur devons de bien faire les choses. Parler ouvertement, sans jugement ni honte. Remplacer les mythes d\u00e9pass\u00e9s par des preuves et de la compr\u00e9hension.<\/p>\n                        \n                        <p class=\"content-text\"><strong>Continuons cette conversation x<\/strong><\/p>\n                        \n                        <p class=\"content-text\">Sur ce, je te laisse. Tu peux le faire. Si tu as appris quelque chose de nouveau, va le dire \u00e0 quelqu'un haha<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Go Exploring CTA -->\n                <div class=\"cta-section\">\n                    <a href=\"https:\/\/twobirdsonestoned.co\/fr\" class=\"cta-button\">\n                        \ud83e\udde0 Va Explorer\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\/fr\/wp-json\/wp\/v2\/pages\/1803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/comments?post=1803"}],"version-history":[{"count":66,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1803\/revisions"}],"predecessor-version":[{"id":8042,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1803\/revisions\/8042"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=1803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}