{"id":1845,"date":"2025-04-30T10:25:39","date_gmt":"2025-04-30T10:25:39","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=1845"},"modified":"2025-11-18T04:51:06","modified_gmt":"2025-11-18T04:51:06","slug":"delivery-methods-of-cannabis","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/fr\/delivery-methods-of-cannabis\/","title":{"rendered":"M\u00e9thodes de Consommation du Cannabis \ud83c\udf2c\ufe0f"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1845\" class=\"elementor elementor-1845\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c65023 e-flex e-con-boxed e-con e-parent\" data-id=\"8c65023\" 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-226a7cd elementor-widget elementor-widget-html\" data-id=\"226a7cd\" 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>M\u00e9thodes de Consommation de Cannabis : Guide Fond\u00e9 sur des Preuves des Options de Consommation | Two Birds One Stoned<\/title>\n    <meta name=\"description\" content=\"Guide scientifique des m\u00e9thodes de consommation de cannabis : fumer, vapoter, edibles, topiques. D\u00e9couvre la biodisponibilit\u00e9, les temps d&#039;action et les consid\u00e9rations de sant\u00e9 issues de recherches fond\u00e9es sur des preuves.\">\n    <meta name=\"keywords\" content=\"cannabis delivery methods, cannabis consumption, vaping vs smoking, edibles bioavailability, cannabis education, cannabis science, medical cannabis, cannabinoid absorption, cannabis research, evidence-based cannabis\">\n    <meta name=\"author\" content=\"Two Birds One Stoned\">\n    <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/delivery-methods-cannabis\/\">\n    \n    <!-- Open Graph Meta Tags -->\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:title\" content=\"M\u00e9thodes de Consommation de Cannabis : Guide Fond\u00e9 sur des Preuves des Options de Consommation\">\n    <meta property=\"og:description\" content=\"Guide scientifique des m\u00e9thodes de consommation de cannabis : fumer, vapoter, edibles, topiques. D\u00e9couvre la biodisponibilit\u00e9, les temps d&#039;action et les consid\u00e9rations de sant\u00e9 issues de recherches fond\u00e9es sur des preuves.\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/delivery-methods-cannabis\/\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-Image-Delivery-methods.png\">\n    <meta property=\"og:image:width\" content=\"1200\">\n    <meta property=\"og:image:height\" content=\"630\">\n    <meta property=\"og:image:alt\" content=\"Cannabis Delivery Methods Overview - Educational Infographic\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    <meta property=\"article:published_time\" content=\"2025-01-15T10:00:00+00:00\">\n    <meta property=\"article:modified_time\" content=\"2025-01-15T10:00:00+00:00\">\n    <meta property=\"article:section\" content=\"\u00c9ducation au cannabis\">\n    <meta property=\"article:tag\" content=\"Science du cannabis\">\n    <meta property=\"article:tag\" content=\"Medical Cannabis\">\n    <meta property=\"article:tag\" content=\"\u00c9ducation au cannabis\">\n    <meta property=\"article:tag\" content=\"Health Research\">\n    \n    <!-- Twitter Card Meta Tags -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"M\u00e9thodes de Consommation de Cannabis : Guide Fond\u00e9 sur des Preuves des Options de Consommation\">\n    <meta name=\"twitter:description\" content=\"Scientific guide to cannabis consumption methods: smoking, vaping, edibles, topicals. Learn bioavailability, onset times, and health considerations.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-Image-Delivery-methods.png\">\n    <meta name=\"twitter:image:alt\" content=\"Cannabis Delivery Methods Overview - Educational Infographic\">\n    <meta name=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n    <meta name=\"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=\"application-name\" content=\"Two Birds One Stoned\">\n    \n    <!-- Preconnect for Performance -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link rel=\"preconnect\" href=\"https:\/\/www.youtube.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/open.spotify.com\">\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/png\" 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\": \"Cannabis Delivery Methods: Evidence-Based Guide to Consumption Options\",\n    \"description\": \"Scientific guide to cannabis consumption methods including smoking, vaping, edibles, and topicals. Learn about bioavailability, onset times, and health considerations from evidence-based research.\",\n    \"image\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Opening-Image-Delivery-methods.png\",\n    \"datePublished\": \"2025-01-15T10:00:00+00:00\",\n    \"dateModified\": \"2025-01-15T10:00:00+00:00\",\n    \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\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    },\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/delivery-methods-cannabis\\\/\"\n    },\n    \"articleSection\": \"Cannabis Education\",\n    \"keywords\": \"cannabis delivery methods, cannabis consumption, vaping vs smoking, edibles bioavailability, cannabis education, cannabis science, medical cannabis\",\n    \"about\": {\n        \"@type\": \"Thing\",\n        \"name\": \"Cannabis Education\",\n        \"description\": \"Evidence-based cannabis education focusing on scientific research and harm reduction\"\n    }\n}<\/script>\n    \n    <!-- Structured Data - Educational Organization -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"EducationalOrganization\",\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 policy without social media hype.\",\n    \"sameAs\": [\n        \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n        \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n    ],\n    \"foundingDate\": \"2024\",\n    \"founder\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\"\n    },\n    \"educationalCredentialAwarded\": \"Cannabis Education Certificate\",\n    \"hasOfferCatalog\": {\n        \"@type\": \"OfferCatalog\",\n        \"name\": \"Cannabis Education Content\",\n        \"itemListElement\": [\n            {\n                \"@type\": \"Course\",\n                \"name\": \"Cannabis Delivery Methods\",\n                \"description\": \"Evidence-based guide to cannabis consumption methods\",\n                \"provider\": {\n                    \"@type\": \"Organization\",\n                    \"name\": \"Two Birds One Stoned\"\n                }\n            }\n        ]\n    }\n}<\/script>\n    \n    <!-- Security and Privacy -->\n    <meta http-equiv=\"X-Content-Type-Options\" content=\"nosniff\">\n    <meta http-equiv=\"X-Frame-Options\" content=\"SAMEORIGIN\">\n    <meta http-equiv=\"X-XSS-Protection\" content=\"1; mode=block\">\n    <meta name=\"referrer\" content=\"strict-origin-when-cross-origin\">\n<\/head>\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: 30px !important;\n            margin-top: 40px !important;\n            padding-bottom: 2rem !important;\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        }\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: 4rem !important;\n            font-weight: 600 !important;\n            text-shadow: none !important;\n        }\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            color: #F4C542;\n            margin-bottom: 2rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        .content-card h4 {\n            font-size: clamp(1.4rem, 3vw, 1.8rem);\n            color: #F4C542;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #E3E3DC;\n            margin-bottom: 2rem;\n        }\n\n        .content-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Split content layout *\/\n        .split-content {\n            display: flex;\n            gap: 3rem;\n            align-items: center;\n            margin: 3rem 0;\n        }\n\n        .split-content img {\n            flex: 0 0 280px;\n            width: 280px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        .split-content .text-content {\n            flex: 1;\n        }\n\n        \/* Center images - better desktop integration *\/\n        .center-image {\n            text-align: center;\n            margin: 2rem 0;\n        }\n\n        .center-image img {\n            max-width: 70%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        }\n\n        \/* Section Image - more integrated on desktop *\/\n        .section-image {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            margin: 0 auto 3rem auto;\n            display: block;\n        }\n\n        \/* Lists *\/\n        .content-card ul {\n            list-style-type: disc;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card ol {\n            list-style-type: decimal;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            line-height: 1.7;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* Tables *\/\n        .content-card table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 2rem 0;\n            background-color: rgba(255,255,255,0.05);\n            border-radius: 12px;\n            overflow: hidden;\n        }\n\n        \/* Table wrapper for mobile overflow handling *\/\n        .table-wrapper {\n            width: 100%;\n            overflow-x: auto;\n            -webkit-overflow-scrolling: touch;\n            margin: 2rem 0;\n        }\n\n        .table-wrapper table {\n            margin: 0;\n            min-width: 100%;\n        }\n\n        .content-card table th,\n        .content-card table td {\n            padding: 1rem;\n            text-align: left;\n            border-bottom: 1px solid rgba(244, 197, 66, 0.2);\n        }\n\n        .content-card table th {\n            background-color: rgba(244, 197, 66, 0.1);\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        .content-card table td {\n            color: #E3E3DC;\n        }\n\n        \/* Links *\/\n        .content-card a {\n            color: #4CAF50;\n            text-decoration: underline;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .content-card a:hover {\n            color: #45a049;\n        }\n\n        \/* Highlight box *\/\n        .highlight-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n            border-left: 5px solid #F4C542;\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 0 16px 16px 0;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Quote box styling *\/\n        .quote-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n            border: 2px solid rgba(244,197,66,0.3);\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 16px;\n            font-style: italic;\n            text-align: center;\n            font-size: 1.2rem;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Statistics box *\/\n        .stats-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n            border: 2px solid rgba(244,197,66,0.3);\n            padding: 3rem;\n            margin: 3rem auto;\n            border-radius: 16px;\n            text-align: center;\n            max-width: 700px;\n            position: relative;\n            overflow: visible;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        .stats-box h4 {\n            font-size: 2rem;\n            color: #F4C542;\n            margin-bottom: 2rem;\n            text-align: center;\n            font-weight: 600;\n        }\n\n        .stats-number {\n            font-size: 3.5rem;\n            color: #F4C542;\n            font-weight: 700;\n            margin: 1.5rem 0;\n            display: block;\n            line-height: 1.2;\n        }\n\n        .stats-description {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            margin: 1rem 0;\n            display: block;\n            line-height: 1.5;\n        }\n\n        \/* List Container *\/\n        .list-container {\n            background: rgba(156,175,136,0.1);\n            border-radius: 16px;\n            padding: 2rem;\n            margin: 3rem 0;\n            border: 1px solid rgba(156,175,136,0.2);\n        }\n\n        \/* Divider *\/\n        .section-divider {\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            margin: 4rem 0;\n            border-radius: 2px;\n        }\n\n        \/* Theme Toggle Styles *\/\n        .theme-toggle {\n            text-align: center;\n            margin: 1.5rem 0 0.5rem 0;\n            padding-top: 0.5rem;\n        }\n\n        .theme-toggle button {\n            background: rgba(0,0,0,0.8);\n            border: 2px solid #4CAF50;\n            color: #4CAF50;\n            padding: clamp(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 2.5vw, 20px);\n            font-weight: 600;\n            font-family: 'Montserrat', sans-serif;\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n        }\n\n        \/* Scroll progress indicator *\/\n        .progress-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, #F4C542, #4CAF50);\n            z-index: 1000;\n            transition: width 0.3s ease;\n        }\n\n        .section-break {\n            margin: 6rem auto;\n            position: relative;\n            height: 3px;\n            max-width: 500px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(156,175,136,0.1) 10%, \n                rgba(156,175,136,0.3) 25%, \n                rgba(156,175,136,0.6) 40%, \n                rgba(156,175,136,0.8) 50%, \n                rgba(156,175,136,0.6) 60%, \n                rgba(156,175,136,0.3) 75%, \n                rgba(156,175,136,0.1) 90%, \n                transparent 100%);\n            border-radius: 3px;\n        }\n\n        .section-break::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(244,197,66,0.2) 20%, \n                rgba(244,197,66,0.4) 40%, \n                rgba(244,197,66,0.6) 50%, \n                rgba(244,197,66,0.4) 60%, \n                rgba(244,197,66,0.2) 80%, \n                transparent 100%);\n        }\n\n        \/* ============================================================================ *\/\n        \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n        \/* ============================================================================ *\/\n        .keep-learning-section {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            margin: 6rem auto 3rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n            overflow: hidden;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\n        .signup-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .signup-text h3 {\n            color: #F4C542;\n            font-size: clamp(18px, 4vw, 24px);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-text p {\n            color: #E3E3DC;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-form-container {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .signup-form-container input {\n            width: 100%;\n            padding: 1rem 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n\n        .signup-form-container input:focus {\n            outline: none;\n            border-color: #4CAF50;\n        }\n\n        .signup-form-container input::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n        body.light-theme .signup-form-container input::placeholder,\n        html.light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n\n        .signup-form-container button {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .signup-form-container button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n\n        .signup-form-container button:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .form-note {\n            color: #E3E3DC;\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin: 1.5rem 0 0 0;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n\n        \/* Benefits List Styling *\/\n        .benefits-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 1.5rem 0;\n            padding-left: 0 !important;\n        }\n\n        .benefits-list li {\n            color: #E3E3DC;\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            padding-left: 0 !important;\n            list-style: none !important;\n            position: relative;\n            transition: color 0.3s ease;\n        }\n\n        .benefits-list li:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefits-list li::before {\n            content: none !important;\n        }\n\n        \/* ============================================================================ *\/\n        \/* SECURE COMMENT SYSTEM STYLES *\/\n        \/* ============================================================================ *\/\n        .engagement-container {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: background-color 0.3s ease, border-color 0.3s ease;\n        }\n        .engagement-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: flex-start;\n        }\n        .engagement-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-height: 400px;\n            position: relative;\n            top: 1rem;\n        }\n        .engagement-content h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            transition: color 0.3s ease;\n        }\n        .engagement-content p {\n            color: #E3E3DC;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .engagement-features li {\n            color: #E3E3DC;\n            margin-bottom: 1.2rem;\n            font-size: 1.05rem;\n            line-height: 1.6;\n            padding-left: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features li:last-child {\n            margin-bottom: 0;\n        }\n        .engagement-interaction {\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            padding: 0;\n        }\n        .comment-form-v1 h4 {\n            color: #F4C542;\n            font-size: 1.6rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 p {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            padding-left: 1.5rem;\n            counter-reset: step-counter;\n        }\n        .comment-form-v1 ol li {\n            margin-bottom: 0.8rem;\n            list-style: none;\n            position: relative;\n            padding-left: 4rem;\n            color: #fff;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol li span {\n            position: absolute;\n            left: 0;\n            color: #F4C542;\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n        body.light-theme .comment-form-v1 ol li span,\n        html.light-theme .comment-form-v1 ol li span {\n            color: #B8860B !important;\n            font-weight: 600 !important;\n        }\n\n        .form-group-v1 {\n            margin-bottom: 2rem;\n        }\n        .form-group-v1 input,\n        .form-group-v1 textarea {\n            width: 100%;\n            padding: 1rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        .form-group-v1 input:focus,\n        .form-group-v1 textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        .form-group-v1 input::placeholder,\n        .form-group-v1 textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Main comment form placeholder styling for light theme *\/\n        body.light-theme .form-group-v1 input::placeholder,\n        html.light-theme .form-group-v1 input::placeholder,\n        body.light-theme .form-group-v1 textarea::placeholder,\n        html.light-theme .form-group-v1 textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Main comment form input text color in light theme *\/\n        body.light-theme .form-group-v1 input,\n        html.light-theme .form-group-v1 input,\n        body.light-theme .form-group-v1 textarea,\n        html.light-theme .form-group-v1 textarea {\n            color: #333333 !important;\n            background: rgba(255, 255, 255, 0.9) !important;\n            border: 1px solid rgba(184, 134, 11, 0.5) !important;\n        }\n        \n        .form-group-v1 textarea {\n            height: 100px;\n            resize: vertical;\n        }\n\n        \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n        .username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n        }\n\n        .username-display {\n            flex: 1;\n            width: auto;\n            padding: 1rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n        }\n        \n        .username-display.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        .username-display.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 1rem;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 50px;\n            height: auto;\n        }\n\n        .username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .username-refresh-btn:active {\n            transform: rotate(180deg) scale(0.95);\n        }\n\n        .username-refresh-btn:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .username-refresh-btn.spinning {\n            animation: spin 0.5s ease-in-out;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Inline reply form styles *\/\n        .inline-username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n            margin-bottom: 0.8rem;\n        }\n\n        .inline-reply-username {\n            flex: 1;\n            width: auto;\n            padding: 0.8rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 6px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n\n        .inline-reply-username.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        \n        .inline-reply-username.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .inline-username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 0.8rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 40px;\n        }\n\n        .inline-username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .submit-btn-v1 {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            padding: 1.2rem 1.5rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            margin-top: 1rem;\n        }\n        .submit-btn-v1:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n        .submit-btn-v1:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .status-message {\n            text-align: center;\n            padding: 1rem;\n            border-radius: 8px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .status-message.show {\n            opacity: 1;\n        }\n        .status-message.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        .status-message.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n        .comments-display {\n            margin-top: 2rem !important;\n            border-top: none !important;\n            padding-top: 2.5rem !important;\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .sort-container {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 0.5rem !important;\n            margin-bottom: 2rem !important;\n            padding: 0 !important;\n        }\n        .sort-label {\n            color: #E3E3DC;\n            font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n            font-weight: 400 !important;\n            transition: color 0.3s ease;\n        }\n        .sort-dropdown {\n            background: rgba(0, 0, 0, 0.6);\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            color: #E3E3DC;\n            padding: 0.4rem 0.6rem !important;\n            border-radius: 4px !important;\n            font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n            font-family: 'Montserrat', sans-serif;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            outline: none;\n        }\n        .sort-dropdown:hover {\n            border-color: #4CAF50;\n            background: rgba(0, 0, 0, 0.8);\n        }\n        .sort-dropdown:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n        }\n        .comments-header {\n            color: #4CAF50;\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            margin-bottom: 2rem !important;\n            font-weight: 600;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n            transition: color 0.3s ease;\n        }\n.comment-item {\n    background: rgba(0,0,0,0.4);\n    border-radius: 8px;\n    padding: 1.2rem;\n    margin-bottom: 1.5rem !important;\n    border-left: 3px solid #4CAF50;\n    width: auto;\n    max-width: 100%;\n    box-sizing: border-box;\n    transition: background-color 0.3s ease, border-color 0.3s ease;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    position: relative; \n        }\n        \n        .comment-container {\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        .comment-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n            flex-wrap: wrap;\n            gap: 1rem;\n            min-height: 2rem;\n        }\n        .comment-author {\n            color: #F4C542;\n            font-weight: 600;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n            transition: color 0.3s ease;\n        }\n        .comment-date {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            transition: color 0.3s ease;\n        }\n        .comment-text {\n            color: #E3E3DC;\n            line-height: 1.5;\n            font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            margin-bottom: 1rem;\n            transition: color 0.3s ease;\n        }\n        .comment-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 1rem;\n            padding-top: 0.8rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            transition: border-color 0.3s ease;\n        }\n        .comment-actions {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        .comment-like-btn,\n        .comment-dislike-btn,\n        .comment-reply-btn {\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.5);\n            color: #4CAF50;\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n            min-width: 50px;\n            justify-content: center;\n            white-space: nowrap;\n            height: 32px;\n            box-sizing: border-box;\n        }\n        .comment-like-btn:hover,\n        .comment-reply-btn:hover {\n            background: rgba(76, 175, 80, 0.1);\n            border-color: #4CAF50;\n            transform: translateY(-1px);\n        }\n        .comment-like-btn.liked {\n            background: rgba(76, 175, 80, 0.2);\n            border-color: #4CAF50;\n            color: #4CAF50;\n        }\n        .comment-dislike-btn {\n            border-color: rgba(255, 107, 107, 0.5);\n            color: #ff6b6b;\n            margin-left: 0.2rem;\n        }\n        .comment-dislike-btn:hover {\n            background: rgba(255, 107, 107, 0.1);\n            border-color: #ff6b6b;\n            transform: translateY(-1px);\n        }\n        .comment-dislike-btn.disliked {\n            background: rgba(255, 107, 107, 0.2);\n            border-color: #ff6b6b;\n            color: #ff6b6b;\n        }\n        .comment-like-count {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        .like-count, .dislike-count {\n            font-weight: 600;\n            margin-left: 0.2rem;\n        }\n        \n        \/* Reply indicator styles *\/\n        .reply-indicator {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n            background: rgba(76, 175, 80, 0.08);\n            border: 1px solid rgba(76, 175, 80, 0.2);\n            border-radius: 12px;\n            font-size: 0.85rem;\n            color: #4CAF50;\n            transition: all 0.3s ease;\n        }\n        \n        .reply-icon {\n            font-size: 1rem;\n            font-weight: bold;\n            color: #4CAF50;\n            opacity: 0.8;\n        }\n        \n        .reply-text {\n            color: #E3E3DC;\n            font-size: 0.8rem;\n            opacity: 0.9;\n        }\n        \n        .reply-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n        \n        \/* Read More Button Styles *\/\n        .read-more-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.5);\n            color: #F4C542;\n            padding: 0.3rem 0.8rem;\n            border-radius: 15px;\n            cursor: pointer;\n            font-size: 0.8rem;\n            font-weight: 500;\n            margin-top: 0.5rem;\n            margin-bottom: 0.5rem;\n            transition: all 0.3s ease;\n            display: inline-block;\n        }\n        \n        .read-more-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: translateY(-1px);\n        }\n        \n        .read-more-btn.expanded {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n        }\n        \n        \/* Thread connection line for visual hierarchy *\/\n        .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n            content: '';\n            position: absolute;\n            left: -6px;\n            top: -8px;\n            bottom: 50%;\n            width: 2px;\n            background: linear-gradient(to bottom, \n                rgba(76, 175, 80, 0.4) 0%, \n                rgba(76, 175, 80, 0.2) 50%, \n                transparent 100%);\n            border-radius: 1px;\n        }\n        #cancelReplyBtn {\n            background: transparent !important;\n            border: 1px solid #ff6b6b !important;\n            color: #ff6b6b !important;\n            padding: 0.6rem 1rem !important;\n            border-radius: 6px !important;\n            cursor: pointer !important;\n            font-size: 0.9rem !important;\n            margin-left: 1rem !important;\n            transition: all 0.3s ease !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n        #cancelReplyBtn:hover {\n            background: rgba(255, 107, 107, 0.1) !important;\n            transform: translateY(-1px) !important;\n        }\n        .no-comments-message {\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.7;\n            padding: 2rem;\n            font-style: italic;\n            transition: all 0.3s ease;\n        }\n\n        \/* Inline reply system styles *\/\n        .inline-reply-form {\n            background: rgba(76, 175, 80, 0.05);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin-top: 1rem;\n            margin-bottom: 1rem;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-form.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .inline-reply-form h5 {\n            color: #F4C542;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .inline-reply-email {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 0.8rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-email:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-email::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Inline reply form placeholder styling for light theme *\/\n        body.light-theme .inline-reply-email::placeholder,\n        html.light-theme .inline-reply-email::placeholder,\n        body.light-theme .inline-reply-textarea::placeholder,\n        html.light-theme .inline-reply-textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Username display text visibility in light theme *\/\n        body.light-theme .username-display:not(.authenticated),\n        html.light-theme .username-display:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .username-display.authenticated,\n        html.light-theme .username-display.authenticated {\n            color: #B8860B !important;\n        }\n        \n        \/* FIXED: Inline reply username display visibility in light theme *\/\n        body.light-theme .inline-reply-username:not(.authenticated),\n        html.light-theme .inline-reply-username:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .inline-reply-username.authenticated,\n        html.light-theme .inline-reply-username.authenticated {\n            color: #B8860B !important;\n        }\n        \n        .inline-reply-textarea {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            height: 80px;\n            resize: vertical;\n            margin-bottom: 1rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        .inline-reply-actions {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n        \n        .inline-reply-submit {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 6px;\n            padding: 0.8rem 1.2rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 0.9rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            flex: 1;\n            min-width: 100px;\n        }\n        \n        .inline-reply-submit:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n        }\n        \n        .inline-reply-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .inline-reply-cancel {\n            background: transparent;\n            border: 1px solid #ff6b6b;\n            color: #ff6b6b;\n            padding: 0.8rem 1.2rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            flex: 0 0 auto;\n        }\n        \n        .inline-reply-cancel:hover {\n            background: rgba(255, 107, 107, 0.1);\n            transform: translateY(-1px);\n        }\n        \n        .inline-reply-status {\n            width: 100%;\n            text-align: center;\n            padding: 0.8rem;\n            border-radius: 6px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .inline-reply-status.show {\n            opacity: 1;\n        }\n        \n        .inline-reply-status.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        \n        .inline-reply-status.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n\n        \/* ============================================================================ *\/\n        \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n        \/* ============================================================================ *\/\n        \n        \/* Light theme styles for dynamically created comments *\/\n        body.light-theme .comment-item,\n        html.light-theme .comment-item {\n            background: rgba(0,0,0,0.05) !important;\n            border-left: 3px solid #B8860B !important;\n        }\n\n        body.light-theme .comment-text,\n        html.light-theme .comment-text {\n            color: #333333 !important;\n        }\n\n        body.light-theme .comment-author,\n        html.light-theme .comment-author {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-date,\n        html.light-theme .comment-date {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comment-footer,\n        html.light-theme .comment-footer {\n            border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n        }\n\n        body.light-theme .comment-like-count,\n        html.light-theme .comment-like-count {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comments-header,\n        html.light-theme .comments-header {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .no-comments-message,\n        html.light-theme .no-comments-message {\n            color: #666666 !important;\n        }\n\n        \/* Light theme styles for reply indicators in dynamically created comments *\/\n        body.light-theme .reply-text,\n        html.light-theme .reply-text {\n            color: #666666 !important;\n        }\n\n        body.light-theme .reply-text strong,\n        html.light-theme .reply-text strong {\n            color: #B8860B !important;\n        }\n\n        \/* Light theme styles for comment action buttons *\/\n        body.light-theme .comment-like-btn,\n        html.light-theme .comment-like-btn,\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn,\n        body.light-theme .comment-reply-btn,\n        html.light-theme .comment-reply-btn {\n            border-color: rgba(184, 134, 11, 0.5) !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn:hover,\n        html.light-theme .comment-like-btn:hover,\n        body.light-theme .comment-reply-btn:hover,\n        html.light-theme .comment-reply-btn:hover {\n            background: rgba(184, 134, 11, 0.1) !important;\n            border-color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn.liked,\n        html.light-theme .comment-like-btn.liked {\n            background: rgba(184, 134, 11, 0.2) !important;\n            border-color: #B8860B !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn {\n            border-color: rgba(204, 85, 85, 0.5) !important;\n            color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn:hover,\n        html.light-theme .comment-dislike-btn:hover {\n            background: rgba(204, 85, 85, 0.1) !important;\n            border-color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn.disliked,\n        html.light-theme .comment-dislike-btn.disliked {\n            background: rgba(204, 85, 85, 0.2) !important;\n            border-color: #cc5555 !important;\n            color: #cc5555 !important;\n        }\n\n        \/* CTA Button Styles *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #F4C542, #E6B82E);\n            color: #000;\n            padding: 1rem 3rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n            background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n        }\n\n        \/* CTA Section Styles *\/\n        .cta-section {\n            text-align: center;\n            margin: 4rem auto;\n            max-width: 950px;\n            padding: 2rem;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Better desktop image sizing for large screens *\/\n        @media (min-width: 1200px) {\n            .center-image img {\n                max-width: 60%;\n            }\n            \n            .section-image {\n                max-width: 400px;\n            }\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .content-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .media-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .keep-learning-section {\n                padding: 1.5rem;\n                margin: 2rem auto;\n                position: relative;\n                z-index: 1;\n            }\n\n            .signup-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n\n            .signup-text h3,\n            .signup-text p {\n                text-align: center;\n            }\n\n            .signup-form-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .signup-form-container input {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n            }\n\n            .signup-form-container button {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n                margin-bottom: 0.5rem;\n            }\n\n            .form-note {\n                margin-top: 1rem;\n                position: relative;\n                z-index: 4;\n                clear: both;\n                display: block;\n                width: 100%;\n                padding-top: 0.5rem;\n            }\n\n            #formMessage {\n                position: relative;\n                z-index: 5;\n                clear: both;\n                margin-top: 1.5rem;\n                display: block;\n                width: 100%;\n                box-sizing: border-box;\n                padding: 1rem;\n                text-align: center;\n                font-weight: 600;\n            }\n\n            .engagement-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            \n            .engagement-container {\n                padding: 2rem 1.5rem;\n            }\n            .engagement-content {\n                text-align: center;\n                min-height: auto;\n                position: static;\n                margin-bottom: 1rem;\n            }\n\n            .split-content {\n                flex-direction: column;\n                gap: 2rem;\n            }\n\n            .split-content img {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            .content-break {\n                height: 4rem;\n            }\n\n            .media-section {\n                margin: 6rem auto 4rem auto;\n            }\n\n            .content-section {\n                margin: 4rem auto;\n            }\n\n            .title-section {\n                margin-bottom: 6rem;\n                padding-bottom: 3rem;\n                min-height: auto;\n            }\n\n            .nav-hint {\n                margin: 3rem auto;\n                padding: 1.5rem;\n                font-size: 1rem;\n                line-height: 1.4;\n            }\n\n            .theme-toggle {\n                margin: 3rem 0 1rem 0;\n                padding-top: 1rem;\n            }\n\n            .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            \/* Table responsive - IMPROVED *\/\n            .content-card table {\n                font-size: 0.75rem !important;\n                width: 100% !important;\n                table-layout: fixed !important;\n            }\n\n            .content-card table th,\n            .content-card table td {\n                padding: 0.3rem 0.2rem !important;\n                word-wrap: break-word !important;\n                hyphens: auto !important;\n                line-height: 1.2 !important;\n            }\n\n            \/* Specific column widths for mobile *\/\n            .content-card table th:nth-child(1),\n            .content-card table td:nth-child(1) {\n                width: 28% !important; \/* Method *\/\n            }\n\n            .content-card table th:nth-child(2),\n            .content-card table td:nth-child(2) {\n                width: 24% !important; \/* Bioavailability *\/\n            }\n\n            .content-card table th:nth-child(3),\n            .content-card table td:nth-child(3) {\n                width: 24% !important; \/* Onset *\/\n            }\n\n            .content-card table th:nth-child(4),\n            .content-card table td:nth-child(4) {\n                width: 24% !important; \/* Duration *\/\n            }\n\n            .comment-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .comment-footer {\n                flex-direction: column;\n                gap: 0.8rem;\n                align-items: flex-start;\n            }\n            .comment-actions {\n                align-self: flex-start;\n            }\n            .sort-container {\n                justify-content: center !important;\n                gap: 0.5rem;\n                margin-bottom: 1.5rem !important;\n            }\n            .sort-dropdown {\n                padding: 0.4rem 0.6rem;\n                font-size: 0.8rem;\n            }\n            \n            .comment-item {\n                padding: 1.2rem 1rem;\n                margin-bottom: 1.2rem !important;\n            }\n            \n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.5;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.5rem 0.7rem;\n                font-size: 0.8rem;\n                min-width: 45px;\n            }\n            \n            .inline-reply-actions {\n                flex-direction: column;\n                gap: 0.8rem;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                width: 100%;\n                text-align: center;\n            }\n            \n            .inline-reply-form {\n                padding: 1.2rem 1rem;\n                margin: 1rem 0;\n            }\n            \n            .reply-indicator {\n                padding: 0.35rem 0.7rem;\n                margin-bottom: 0.7rem;\n                font-size: 0.8rem;\n            }\n            \n            .reply-icon {\n                font-size: 0.95rem;\n            }\n            \n            .reply-text {\n                font-size: 0.75rem;\n            }\n\n            .username-container {\n                gap: 0.3rem;\n            }\n            \n            .username-refresh-btn {\n                min-width: 45px;\n                padding: 0.8rem;\n                font-size: 1.1rem;\n            }\n        }\n\n        @media (min-width: 769px) and (max-width: 1024px) {\n            .comment-item {\n                padding: 1.3rem 1.2rem;\n            }\n            \n            .comment-text {\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.6rem 0.9rem;\n                font-size: 0.85rem;\n            }\n            \n            .inline-reply-form {\n                padding: 1.3rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .keep-learning-section {\n                margin: 3rem auto;\n                padding: 2rem 1rem;\n            }\n\n            .form-note {\n                margin-top: 1.5rem !important;\n                padding-top: 0.75rem !important;\n            }\n\n            #formMessage {\n                margin-top: 2rem !important;\n                padding: 1rem !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                box-sizing: border-box !important;\n            }\n\n            .engagement-container {\n                padding: 2rem 1rem;\n                margin: 3rem auto;\n            }\n            .comment-item {\n                margin-bottom: 2rem !important;\n                padding: 1.5rem 1rem;\n                font-size: 0.9rem;\n            }\n            .comment-author {\n                font-size: 1rem;\n                margin-bottom: 0.3rem;\n                font-weight: 600;\n            }\n            .comment-date {\n                font-size: 0.8rem;\n                margin-bottom: 1rem;\n                opacity: 0.8;\n            }\n            .comment-header {\n                margin-bottom: 1.5rem;\n                gap: 0.8rem;\n            }\n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.6;\n                margin-bottom: 1.2rem;\n                margin-top: 0.5rem;\n                padding-top: 0.5rem;\n            }\n            .comment-footer {\n                margin-top: 1.2rem;\n                gap: 1rem;\n            }\n            .comment-actions {\n                gap: 0.6rem;\n            }\n            .comment-like-btn,\n            .comment-reply-btn,\n            .comment-dislike-btn {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n                min-width: 40px;\n            }\n            .sort-container {\n                margin-bottom: 2rem !important;\n                padding: 0 1rem;\n                gap: 0.8rem;\n            }\n            .sort-label {\n                font-size: 0.85rem;\n            }\n            .sort-dropdown {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.85rem;\n            }\n            .comments-header {\n                margin-bottom: 2rem !important;\n                font-size: 1.2rem;\n                padding: 0 1rem;\n                line-height: 1.3;\n            }\n            \n            .comment-item[style*=\"paddingLeft\"] {\n                padding-left: 0.5rem !important;\n                margin-left: 0 !important;\n            }\n            \n            .reply-indicator {\n                padding: 0.3rem 0.6rem !important;\n                margin-bottom: 0.6rem !important;\n                font-size: 0.75rem !important;\n                border-radius: 8px !important;\n            }\n            \n            .reply-icon {\n                font-size: 0.9rem !important;\n            }\n            \n            .reply-text {\n                font-size: 0.7rem !important;\n            }\n            \n            .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n                left: -1px !important;\n                width: 1px !important;\n            }\n            \n            .inline-reply-form {\n                padding: 1rem 0.8rem;\n                margin: 0.8rem 0;\n            }\n            \n            .inline-reply-form h5 {\n                font-size: 0.85rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-email,\n            .inline-reply-textarea {\n                padding: 0.6rem;\n                font-size: 0.8rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-textarea {\n                height: 60px;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n            }\n\n            .username-refresh-btn {\n                min-width: 40px;\n                padding: 0.8rem 0.6rem;\n                font-size: 1rem;\n            }\n\n            .inline-username-refresh-btn {\n                min-width: 35px;\n                padding: 0.6rem;\n                font-size: 0.9rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Progress bar -->\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n    <!-- Audio Elements (Hidden) -->\n    <div style=\"display: none;\">\n        <audio id=\"nightTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n        \n        <audio id=\"dayTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n    <\/div>\n\n    <section class=\"article-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-section\">\n                <h1 class=\"article-title\">M\u00e9thodes de Consommation de Cannabis \ud83d\ude9a\ud83c\udf3f<\/h1>\n                <p class=\"article-subtitle\">Du fumage aux edibles, d\u00e9couvre toutes les fa\u00e7ons de consommer du 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;\">D\u00e9couvre le parcours visuel complet des m\u00e9thodes de consommation<\/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\/Wk1QnS8_QOs\" \n        data-en=\"Wk1QnS8_QOs\"\n        data-ga=\"tNdWgO5L8Tk\"\n        data-es=\"B6df2Mpq1Rs\"\n        data-de=\"aD5DzSGi8Jk\"\n        data-pt=\"dJJVRJenN_E\"\n        data-fr=\"Xs9xUgxHDz4\"\n        data-it=\"qf5BKdqpq3Q\"\n        data-pl=\"_TqxfzGFoic\"\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 ta s\u00e9ance de sport \u2014 version audio uniquement<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/7lV8wPXm76cMjAB818h3rJ?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            <\/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\">M\u00e9thodes de Consommation de Cannabis \ud83d\ude9a\ud83c\udf3f<\/h2>\n\n                <!-- Introduction -->\n                <div class=\"content-card\">\n                    <h3>Introduction<\/h3>\n                    <p class=\"content-text translation-block\">En \u00e9crivant ceci, je me rends compte qu'\u00e0 certains endroits \u00e7a peut ressembler \u00e0 des conseils m\u00e9dicaux. Soyons clairs : <strong>je ne suis pas m\u00e9decin<\/strong>, et je n'essaie pas de donner de conseils m\u00e9dicaux. Ceci est une exploration des fa\u00e7ons dont le cannabis peut \u00eatre consomm\u00e9. Alors, prends \u00e7a comme tu prendrais le conseil d'un bon pote, pas comme parole d'\u00e9vangile, mais comme quelque chose \u00e0 consid\u00e9rer.<\/p>\n \n                    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-Image-Delivery-methods.png\" alt=\"Cannabis Delivery Methods Overview\" class=\"section-image\">\n                <\/div>\n\n                <!-- Quick Snapshot Section -->\n                <div class=\"content-card\">\n                    <h3>Un Aper\u00e7u Rapide<\/h3>\n                    \n                    <p class=\"content-text translation-block\"><strong>M\u00e9thode<\/strong>: La fa\u00e7on dont le cannabis est consomm\u00e9 ou introduit dans ton corps, comme fumer, manger ou l'appliquer sur ta peau.<\/p>\n                    \n                    <p class=\"content-text translation-block\"><strong>Biodisponibilit\u00e9<\/strong>: Le pourcentage de cannabis qui atteint r\u00e9ellement ta circulation sanguine pour produire des effets.<\/p>\n                    \n                    <p class=\"content-text translation-block\"><strong>D\u00e9but d'action<\/strong>: \u00c0 quelle vitesse tu commences \u00e0 ressentir les effets apr\u00e8s avoir consomm\u00e9 du cannabis.<\/p>\n                    \n                    <p class=\"content-text translation-block\"><strong>Dur\u00e9e<\/strong>: Combien de temps durent les effets du cannabis avant de dispara\u00eetre.<\/p>\n                    \n                    <div class=\"table-wrapper\">\n                        <table>\n                            <thead>\n                                <tr>\n                                    <th>M\u00e9thode<\/th>\n                                    <th>Biodisponibilit\u00e9<\/th>\n                                    <th>D\u00e9but d'action<\/th>\n                                    <th>Dur\u00e9e<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr><td>Fumer<\/td><td>10\u201335%<\/td><td>5\u201310 mins<\/td><td>2\u20133 hrs<\/td><\/tr>\n                                <tr><td>Vapoter<\/td><td>20\u201356%<\/td><td>5\u201315 mins<\/td><td>2\u20134 hrs<\/td><\/tr>\n                                <tr><td>Oral (Edibles)<\/td><td>4\u201320%<\/td><td>30\u201390 mins<\/td><td>6\u201312 hrs<\/td><\/tr>\n                                <tr><td>Sublingual<\/td><td>12\u201335%<\/td><td>15\u201345 mins<\/td><td>4\u20136 hrs<\/td><\/tr>\n                                <tr><td>Topique<\/td><td>Faible (Localis\u00e9e)<\/td><td>15\u201330 mins<\/td><td>2\u20136 hrs<\/td><\/tr>\n                                <tr><td>Patch Transdermique<\/td><td>10\u201325%<\/td><td>30 mins \u2013 2 hrs<\/td><td>Up to 12+ hrs<\/td><\/tr>\n                                <tr><td>Rectal<\/td><td>50\u201370%<\/td><td>15\u201360 mins<\/td><td>4\u20138 hrs<\/td><\/tr>\n                                <tr><td>Intravenous (IV)<\/td><td>100%<\/td><td>Imm\u00e9diat<\/td><td>Varie<\/td><\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n\n                    <p class=\"content-text\" style=\"text-align: center; font-style: italic; margin-top: 2rem;\">Donc tu peux te mettre du cannabis dans le cul \ud83e\udd14 <\/p>\n                <\/div>\n\n                <!-- How Do We Consume Cannabis Section -->\n                <div class=\"content-card\">\n                    <h3>\ud83c\udf31 Comment Consommons-nous le Cannabis?<\/h3>\n                    <p class=\"content-text\">Le cannabis est une plante fascinante avec une vari\u00e9t\u00e9 d'usages, mais la fa\u00e7on dont on l'introduit dans notre corps peut faire une diff\u00e9rence. Certaines m\u00e9thodes sont plus saines que d'autres, certaines sont plus efficaces et certaines procurent un soulagement plus rapide. D\u00e9cortiquons les diff\u00e9rentes fa\u00e7ons dont le cannabis peut \u00eatre consomm\u00e9 et pourquoi chaque m\u00e9thode pourrait \u00eatre le bon choix pour diff\u00e9rentes situations.<\/p>\n                    <p class=\"content-text translation-block\">Rappelle-toi que \u00e7a concerne <strong>comment<\/strong> on le consomme, pas <strong>ce que<\/strong> l'on consomme.<\/p>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Man-smoking.png\" alt=\"Person Smoking Cannabis\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Bien que fumer un gros joint bien gras soit peut-\u00eatre la m\u00e9thode la plus traditionnelle, c'est probablement presque la pire pour ta sant\u00e9 (parmi ce qui est disponible). Mais, comme beaucoup d'entre vous, je me roule un joint de temps en temps parce qu'il y a quelque chose de rituel et d'apaisant dans le processus.<strong> J'appr\u00e9cie vraiment le processus de fumer un joint<\/strong>. Dans un monde parfait, je ne ferais pas \u00e7a, mais le grand m\u00e9chant monde n'est pas parfait.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Cela dit, il y a des situations o\u00f9 fumer est en fait n\u00e9cessaire, assez \u00e9tonnamment, comme pour les patients qui suivent une chimioth\u00e9rapie. Il y en a <strong>4<\/strong> que je vais aborder dans cet article. Commen\u00e7ons par celle que la plupart des gens connaissent le mieux.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Smoking Section -->\n                <div class=\"content-card\">\n                    <h3>\ud83c\udf2c Fumer: Joints, Blunts, Bongs, Jimmy Neutron's<\/h3>\n                    \n                    <p class=\"content-text\">C'est la pire m\u00e9thode pour ta sant\u00e9. Point final. Il n'y a pas moyen d'y \u00e9chapper. M\u00eame si c'est la plus populaire, fumer n'est pas bon pour toi. Je trouve \u00e7a contradictoire parce que je fais attention \u00e0 ma sant\u00e9, mais je fume des joints. Est-ce que \u00e7a fait de moi une mauvaise personne ? Probablement pas. Pourrais-je obtenir les effets du cannabis d'une mani\u00e8re plus saine ? Oui.<\/p>\n\n                    <h4>Comment Fonctionne le Fait de Fumer ?<\/h4>\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/resized_join_infographic-1.png\" alt=\"Types of Smoking Methods\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Quand tu fumes de l'herbe, tu y <strong>mets le feu<\/strong>, litt\u00e9ralement. Cette chaleur active instantan\u00e9ment des compos\u00e9s comme le THC (et tous ses petits cousins cannabino\u00efdes), qui se pr\u00e9cipitent dans tes poumons et atteignent ta circulation sanguine presque imm\u00e9diatement. Ces compos\u00e9s entrent dans la circulation sanguine <strong>par les poumons<\/strong> en quelques secondes, produisant des effets presque imm\u00e9diats.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Le probl\u00e8me, c'est que le feu n'est pas gratuit. Fumer du cannabis implique de br\u00fbler la fleur \u00e0 des temp\u00e9ratures d\u00e9passant <strong>600\u00b0C<\/strong>. Cette combustion g\u00e9n\u00e8re \u00e9galement des sous-produits toxiques tels que le monoxyde de carbone, les hydrocarbures aromatiques polycycliques et le goudron, qui peuvent irriter le syst\u00e8me respiratoire (assez \u00e9vident que ce n'est pas bon pour toi).<\/p>\n                        <\/div>\n                    <\/div>\n                    \n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Smoking-science-check.png\" alt=\"Smoking Science Check\" style=\"max-width: 250px;\">\n                        <div class=\"text-content\">\n                            <h4>\u2705 Quand Fumer Est-il Utile ?<\/h4>\n                            <ul>\n                                <li>Patients atteints de cancer qui souffrent de naus\u00e9es induites par la chimioth\u00e9rapie<\/li>\n                                <li>Soins de fin de vie<\/li>\n                                <li>Gestion de la douleur aigu\u00eb<\/li>\n                                <li>Tu veux ressentir les effets tout de suite<\/li>\n                            <\/ul>\n\n                            <h4>\ud83d\udcc9 L'Inconv\u00e9nient de Fumer<\/h4>\n                            <p class=\"content-text translation-block\">Comme mentionn\u00e9, fumer n'est pas terrible pour tes poumons. Le processus de combustion lib\u00e8re des sous-produits toxiques comme les hydrocarbures aromatiques polycycliques (HAP), le monoxyde de carbone (CO) et l'ammoniac (NH3). Ce <strong>ne sont pas<\/strong> des choses que tu veux inhaler r\u00e9guli\u00e8rement.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"content-text\">M\u00eame avec ces inconv\u00e9nients, il y a quelque chose de profond\u00e9ment rituel dans le fait de rouler et fumer un joint. C'est comme cr\u00e9er une petite \u0153uvre d'art, un processus apaisant en soi. Mais nous devrions tous reconna\u00eetre que ce n'est pas la m\u00e9thode de consommation la plus saine.<\/p>\n                <\/div>\n\n                <!-- Vaping Section -->\n                <div class=\"content-card\">\n                    <h3>\ud83d\udca8 Vapoter: Vaporisateurs d'herbe s\u00e8che et d'huile\/extrait<\/h3>\n                    \n                    <p class=\"content-text translation-block\">Si tu veux le d\u00e9but d'action rapide du fumage sans certains des sous-produits nocifs, vapoter est ton meilleur choix. Il y a <strong>deux types principaux<\/strong> de vaporisateurs :<\/p>\n                    <ol>\n                        <li>Vaporisateurs d'herbe s\u00e8che (pour la fleur de cannabis)<\/li>\n                        <li>Cartouches d'extrait (pour les concentr\u00e9s de cannabis)<\/li>\n                    <\/ol>\n\n                    <p class=\"content-text translation-block\">Si tu veux voir \u00e0 quoi ressemble un vaporisateur pour le cannabis, jette un \u0153il <a href=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4b\/Circle_game_hand_sign.jpg\/888px-Circle_game_hand_sign.jpg?20150401144108\" target=\"_blank\" rel=\"noopener noreferrer\">ici<\/a>.<\/p>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Types-of-vapes.jpg\" alt=\"Types of Vaporizers\">\n                        <div class=\"text-content\">\n                            <h4>Comment Fonctionne le Vapotage ?<\/h4>\n                            <p class=\"content-text\">Vapoter implique de chauffer le cannabis \u00e0 une temp\u00e9rature plus basse que fumer, g\u00e9n\u00e9ralement entre 150-230\u00b0C. Cela \u00e9vite la combustion et r\u00e9duit consid\u00e9rablement les sous-produits nocifs pr\u00e9sents dans la fum\u00e9e.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Une des choses int\u00e9ressantes avec le vapotage est que <strong>diff\u00e9rents cannabino\u00efdes et terp\u00e8nes sont lib\u00e9r\u00e9s \u00e0 diff\u00e9rentes temp\u00e9ratures<\/strong>. Cela signifie que tu peux contr\u00f4ler ton exp\u00e9rience en ajustant la temp\u00e9rature du vaporisateur.<\/p>\n                            \n                            <p class=\"content-text\">Par exemple :<\/p>\n                            <ul>\n                                <li>Le CBN (Cannabinol) est lib\u00e9r\u00e9 vers 185\u00b0C<\/li>\n                                <li>Le THC se vaporise \u00e0 157\u00b0C<\/li>\n                                <li>Le CBD se vaporise entre 180-200\u00b0C<\/li>\n                            <\/ul>\n                            \n                            <p class=\"content-text\">En contr\u00f4lant la temp\u00e9rature, tu peux cibler des compos\u00e9s sp\u00e9cifiques et personnaliser ton exp\u00e9rience. Plut\u00f4t cool ? Oui ? Non ? Peut-\u00eatre ?<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Vaping-Science-check.png\" alt=\"Vaping Science Check\" style=\"max-width: 250px;\">\n                        <div class=\"text-content\">\n                            <h4>\u2705 Quand Vapoter Est-il Utile ?<\/h4>\n                            <ul>\n                                <li>Personnes cherchant un soulagement rapide de l'anxi\u00e9t\u00e9, de la douleur ou du stress<\/li>\n                                <li>Option discr\u00e8te avec moins d'odeur que fumer<\/li>\n                                <li>Contr\u00f4le de la dose pour ceux qui veulent ressentir les effets rapidement et ajuster en cons\u00e9quence<\/li>\n                                <li>R\u00e9duire les sous-produits de combustion nocifs par rapport au fait de fumer<\/li>\n                            <\/ul>\n\n                            <h4>\ud83d\udcc9 L'Inconv\u00e9nient du Vapotage<\/h4>\n                            <p class=\"content-text translation-block\">Bien que vapoter soit plus sain que fumer, ce n'est pas totalement sans risque. Certaines cartouches de vapotage de mauvaise qualit\u00e9 peuvent lib\u00e9rer des substances nocives comme le formald\u00e9hyde si elles sont surchauff\u00e9es. <strong>Choisis toujours des appareils et des cartouches de haute qualit\u00e9<\/strong>.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oral Consumption Section -->\n                <div class=\"content-card\">\n                    <h3>\ud83c\udf6b Consommation Orale : Edibles, Huiles et Plus<\/h3>\n                    \n                    <p class=\"content-text\">Les m\u00e9thodes orales incluent les edibles, les huiles, les capsules, les boissons et plus encore. C'est un choix populaire pour les personnes qui ne veulent pas fumer ou vapoter. C'est aussi la plus saine.<\/p>\n\n                    <h4>Comment Fonctionnent les Edibles\/Huiles ?<\/h4>\n                    <p class=\"content-text translation-block\">J'ai eu quelques rencontres avec un certain type de m\u00e9thode de consommation orale. <strong>Edibles<\/strong><\/p>\n                    <p class=\"content-text\"> J'ai eu un pote qui s'est fait le signe de croix dans nos escaliers \u00e0 College Court, esp\u00e9rant que \u00e7a le sortirait de la dimension dans laquelle il avait atterri.<\/p>\n                    <p class=\"content-text translation-block\">Je me suis toujours demand\u00e9 pourquoi les edibles semblaient avoir un effet beaucoup plus fort sur nous par rapport aux autres m\u00e9thodes de consommation. Eh bien, voici la <strong>raison principale<\/strong>.<\/p>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Oral-consumptiomn.png\" alt=\"Cannabis Edibles and Oral Consumption\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Quand tu manges du cannabis ou le prends par voie orale, il introduit des cannabino\u00efdes par le <strong>tractus gastro-intestinal<\/strong>. Ton foie convertit ensuite le Delta 9 THC en 11-hydroxy-THC, une forme plus puissante de THC qui traverse la barri\u00e8re h\u00e9mato-enc\u00e9phalique plus facilement. En gros <strong>ton corps (le foie sp\u00e9cifiquement) transforme le cannabis en une forme plus puissante<\/strong> par rapport \u00e0 si tu avais fum\u00e9 ou vapot\u00e9.<\/p>\n                            \n                            <p class=\"content-text\">Le THC passe en super saiyan et \u00e9volue de 9 \u00e0 11 (le k\u00e9ros\u00e8ne ne fait pas fondre les poutres d'acier).<\/p>\n                            \n                            <p class=\"content-text\">C'est pourquoi les edibles peuvent sembler plus forts et durer plus longtemps que les autres m\u00e9thodes.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Oral-sciene-check.png\" alt=\"Oral Consumption Science Check\" style=\"max-width: 250px;\">\n                        <div class=\"text-content\">\n                            <h4>\u2705 Quand les Edibles Sont-ils Utiles ?<\/h4>\n                            <ul>\n                                <li>Gestion de la douleur chronique<\/li>\n                                <li>Soulagement de l'anxi\u00e9t\u00e9<\/li>\n                                <li>Contr\u00f4le soutenu des sympt\u00f4mes tout au long de la journ\u00e9e<\/li>\n                            <\/ul>\n\n                            <h4>\ud83d\udcc9 L'Inconv\u00e9nient des Edibles<\/h4>\n                            <ul>\n                                <li>D\u00e9but d'action plus lent : Il peut falloir 30 \u00e0 90 minutes pour ressentir les effets.<\/li>\n                                <li>Plus difficile \u00e0 doser : Il est facile de consommer accidentellement trop.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Les produits \u00e0 base orale ont un effet beaucoup plus durable. Nous utiliserions donc le cannabis par voie orale pour une gestion soutenue des sympt\u00f4mes. Si tu as besoin de soulagement tout au long de la journ\u00e9e, alors prendre du cannabis par voie orale est l'option sens\u00e9e ici.<\/p>\n                <\/div>\n\n                <!-- Topicals Section -->\n                <div class=\"content-card\">\n                    <h3>\ud83e\uddf4 Topiques : Cr\u00e8mes, Sprays et Patchs<\/h3>\n                    \n                    <p class=\"content-text translation-block\">Les produits topiques de cannabis incluent des cr\u00e8mes, des gels et des sprays. Ils sont principalement utilis\u00e9s pour la <strong>douleur localis\u00e9e<\/strong> et les affections cutan\u00e9es, pense aux courbatures musculaires, \u00e0 l'inflammation ou \u00e0 la peau irrit\u00e9e. Je parierais que certains d'entre vous ne savaient m\u00eame pas que le cannabis pouvait \u00eatre absorb\u00e9 par la peau.<\/p>\n\n<p class=\"content-text translation-block\">La plupart des topiques n'introduisent pas vraiment de cannabino\u00efdes dans ta circulation sanguine. Ils restent localis\u00e9s. <strong>Ta peau a ses propres r\u00e9cepteurs cannabino\u00efdes,<\/strong> donc ces produits fonctionnent en interagissant avec eux, soulageant la tension ou l'inflammation \u00e0 l'endroit sp\u00e9cifique o\u00f9 tu les as appliqu\u00e9s. Mais non, <strong>tu ne vas pas planer<\/strong> en frottant de la cr\u00e8me de weed sur ton coude.<\/p>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Topicals.jpg\" alt=\"Cannabis Topical Creams and Products\">\n                        <div class=\"text-content\">\n                            <h4>Comment Fonctionnent les Topiques ?<\/h4>\n                            <p class=\"content-text\">Ta peau absorbe les cannabino\u00efdes dans la zone locale, procurant un soulagement cibl\u00e9 sans provoquer d'effets psychoactifs.<\/p>\n                            \n                            <p class=\"content-text\">Les patchs transdermiques sont l'exception, ils sont con\u00e7us pour pousser les cannabino\u00efdes \u00e0 travers la peau et dans la circulation sanguine, permettant des effets sur tout le corps. Tu peux techniquement \"planer\" avec ceux-ci.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Topical-Sciene-check.png\" alt=\"Topical Science Check\" style=\"max-width: 250px;\">\n                        <div class=\"text-content\">\n                            <h4>\u2705 Quand les Topiques Sont-ils Utiles ?<\/h4>\n                            <ul>\n                                <li>Soulagement de la douleur localis\u00e9e<\/li>\n                                <li>Affections cutan\u00e9es (comme l'ecz\u00e9ma ou le psoriasis)<\/li>\n                            <\/ul>\n\n                            <h4>\ud83d\udcc9 L'Inconv\u00e9nient des Topiques<\/h4>\n                            <ul>\n                                <li>Le THC n'est pas bien absorb\u00e9 par la peau, donc la plupart des topiques sont \u00e0 base de CBD.<\/li>\n                                <li>Soulagement de courte dur\u00e9e par rapport aux produits oraux.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>\ud83e\udde0 R\u00e9flexions finales<\/h3>\n                    \n                    <p class=\"content-text\">En ce qui concerne la section \"Quand XX est-il utile ?\" pour chaque m\u00e9thode de consommation. Les diff\u00e9rentes m\u00e9thodes de consommation peuvent \u00eatre utilis\u00e9es pour obtenir le m\u00eame r\u00e9sultat dans la plupart des cas. La plante ne change pas, juste la fa\u00e7on dont tu la consommes.<\/p>\n                    \n                    <p class=\"content-text\">Oui, \u00e7a changera certaines choses mais pas tout. Donc garde \u00e7a \u00e0 l'esprit. C'est s\u00fbr que c'est important, c'est juste que beaucoup de m\u00e9thodes de consommation font beaucoup des m\u00eames choses. Quelques trucs \u00e0 consid\u00e9rer cependant pour si\/quand tu consommes du cannabis.<\/p>\n                    \n                    <div class=\"list-container\">\n                        <p class=\"content-text\">La meilleure m\u00e9thode de consommation d\u00e9pend de tes besoins et pr\u00e9f\u00e9rences individuels.<\/p>\n                        <ul>\n                            <li class=\"translation-block\"><strong>Si tu cherches un effet instantan\u00e9 \/ un soulagement rapide,<\/strong> fumer ou vapoter pourrait \u00eatre la solution.<\/li>\n                            <li class=\"translation-block\"><strong>Si tu as besoin d'effets durables,<\/strong> les edibles sont une excellente option.<\/li>\n                            <li class=\"translation-block\"><strong>Si tu veux un soulagement cibl\u00e9,<\/strong> les topiques pourraient \u00eatre ton meilleur choix.<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <p class=\"content-text\">Donc voil\u00e0 un aper\u00e7u rapide des diff\u00e9rentes fa\u00e7ons dont le cannabis est consomm\u00e9. Pas grand-chose d'autre \u00e0 dire vraiment.<\/p> \n                    \n                    <p class=\"content-text\">Le temps qu'il faut \u00e0 la vitesse du son pour parcourir la longueur du Golden Gate Bridge est le m\u00eame que le temps qu'il faut \u00e0 la vitesse de la lumi\u00e8re pour aller de la terre \u00e0 la lune et revenir 3,11 fois. Pas mal \u00e7a.<\/p>\n                    \n              <p class=\"content-text\" style=\"text-align: center;\">Parfois il faut de la perspective<\/p>\n<\/div>\n\n                <!-- Section Break -->\n                <div class=\"section-break\"><\/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\/\" 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>Grotenhermen, F., 2003. Pharmacokinetics and pharmacodynamics of cannabinoids. Clinical pharmacokinetics, 42(4), pp.327-360.<\/p>\n                        \n                        <p>Huestis, M.A., 2007. Human cannabinoid pharmacokinetics. Chemistry & biodiversity, 4(8), pp.1770-1804.<\/p>\n                        \n                        <p>Lucas, C.J., Galettis, P. and Schneider, J., 2018. The pharmacokinetics and the pharmacodynamics of cannabinoids. British journal of clinical pharmacology, 84(11), pp.2477-2482.<\/p>\n                        \n                        <p>Maccarrone, M., Bab, I., B\u00edr\u00f3, T., Cabral, G.A., Dey, S.K., Di Marzo, V., Konje, J.C., Kunos, G., Mechoulam, R., Pacher, P. and Sharkey, K.A., 2015. Endocannabinoid signalling at the periphery: 50 years after THC. Trends in pharmacological sciences, 36(5), pp.277-296.<\/p>\n                        \n                        <p>National Academies of Sciences, Engineering, and Medicine, 2017. The health effects of cannabis and cannabinoids: The current state of evidence and recommendations for research. Washington, DC: National Academies Press.<\/p>\n                        \n                        <p>Pertwee, R.G., 2008. The diverse CB1 and CB2 receptor pharmacology of three plant cannabinoids: \u03949\u2010tetrahydrocannabinol, cannabidiol and \u03949\u2010tetrahydrocannabivarin. British journal of pharmacology, 153(2), pp.199-215.<\/p>\n                        \n                        <p>Russo, E.B., 2019. The case for the entourage effect and conventional breeding of clinical cannabis: No \"strain,\" no gain. Frontiers in plant science, 9, p.1969.<\/p>\n                        \n                        <p>Solowij, N. and Battisti, R., 2008. The chronic effects of cannabis on memory in humans: a review. Current drug abuse reviews, 1(1), pp.81-98.<\/p>\n                        \n                        <p>Wall, M.E., Sadler, B.M., Brine, D., Taylor, H. and Perez\u2010Reyes, M., 1983. Metabolism, disposition, and kinetics of delta\u20109\u2010tetrahydrocannabinol in men and women. Clinical Pharmacology & Therapeutics, 34(3), pp.352-361.<\/p>\n                        \n                        <p>Zuurman, L., Roy, C., Schoemaker, R.C., Hazekamp, A., den Brinker, A.C., Lamers, C.T.J., Gerritsen, J., Titulaer, H.A.C., Stok, L.M., Rietveld, M.C. and van Gerven, J.M.A., 2008. Effect of intrapulmonary tetrahydrocannabinol administration in humans. Journal of psychopharmacology, 22(7), pp.707-716.<\/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                        \ud83c\udf3f 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        \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n            const title = document.querySelector('.article-title');\n            const subtitle = document.querySelector('.article-subtitle');\n            const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n            const toggleButton = document.getElementById('theme-toggle');\n            const navHint = document.querySelector('.nav-hint');\n            \n            \/\/ Comment system selectors\n            const engagementContainer = document.querySelector('.engagement-container');\n            const commentForm = document.querySelectorAll('.comment-form-v1');\n            const commentItems = document.querySelectorAll('.comment-item');\n            const sortLabel = document.querySelector('.sort-label');\n            const sortDropdown = document.querySelector('.sort-dropdown');\n            const commentsHeader = document.querySelector('.comments-header');\n            const noCommentsMessage = document.querySelector('.no-comments-message');\n            \n            \/\/ HEADER SELECTORS\n            const header = document.querySelector('.tbos-header');\n            const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n            const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n            const dropdownContent = document.querySelectorAll('.dropdown-content');\n            const hamburgerLines = document.querySelectorAll('.hamburger-line');\n            \n            \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \n            \/\/ FOOTER SELECTORS\n            const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n            const footerTitle = document.querySelector('.footer-card h4');\n            const footerText = document.querySelectorAll('.footer-card p');\n            const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n            const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n            \n            if (!isDarkTheme) {\n                \/\/ LIGHT THEME (Day Time)\n                console.log('Applying LIGHT theme');\n                \n                \/\/ Add light theme class to both html and body\n                html.classList.add('light-theme');\n                body.classList.add('light-theme');\n                \n                \/\/ Apply cream background\n                html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR LIGHT THEME\n                if (header) {\n                    header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    dropdown.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#2A2A2A', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FIX\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR LIGHT THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#333333', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Light cards\n                contentCards.forEach(card => {\n                    if (card.classList.contains('keep-learning-section')) {\n                        card.style.setProperty('background-color', '#ffffff', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    } else {\n                        card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    }\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    \/\/ Update headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#000000', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Update links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .list-container');\n                    highlights.forEach(highlight => {\n                        if (highlight.classList.contains('stats-box')) {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                            highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n                            const statsNumbers = highlight.querySelectorAll('.stats-number');\n                            statsNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n                        } else {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                            highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n                            highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n                        }\n                    });\n\n                    \/\/ Update keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                            input.style.setProperty('color', '#333333', 'important');\n                            input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n                        }\n                    }\n\n                    \/\/ Update table styling for light theme\n                    const tables = card.querySelectorAll('table');\n                    tables.forEach(table => {\n                        table.style.setProperty('background-color', 'rgba(0,0,0,0.05)', 'important');\n                        const ths = table.querySelectorAll('th');\n                        ths.forEach(th => {\n                            th.style.setProperty('background-color', 'rgba(184,134,11,0.1)', 'important');\n                            th.style.setProperty('color', '#B8860B', 'important');\n                        });\n                        const tds = table.querySelectorAll('td');\n                        tds.forEach(td => {\n                            td.style.setProperty('color', '#333333', 'important');\n                        });\n                    });\n                });\n                \n                \/\/ Update title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n                \n                \/\/ Update nav hint to be black in light mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#000000', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Update comment system elements for light theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n                    engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    \/\/ Fix engagement content headings to be gold\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Fix engagement content text to be black\n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix engagement feature list items to be black\n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix username display placeholder text to be black\n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '#333333', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \/\/ FIXED: Update Step spans to be gold in light theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#B8860B', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n                    item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                    sortDropdown.style.setProperty('color', '#333333', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n                \n                \/\/ Update button style\n                toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                toggleButton.style.setProperty('color', '#B8860B', 'important');\n                \n            } else {\n                \/\/ DARK THEME (Night Time)\n                console.log('Applying DARK theme');\n                \n                \/\/ Remove light theme class from both html and body\n                html.classList.remove('light-theme');\n                body.classList.remove('light-theme');\n                \n                \/\/ Reset to dark gradient\n                html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR DARK THEME\n                if (header) {\n                    header.style.setProperty('background', '#1d1d1d', 'important');\n                    header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#1d1d1d', 'important');\n                    dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#f5ebd6', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FIX\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n                    mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR DARK THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n                    footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                \/\/ Reset cards\n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#1d1d1d', 'important');\n                    card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    card.style.setProperty('color', '#fff', 'important');\n                    \n                    \/\/ Reset headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    \/\/ Reset text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset strong text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#F4C542', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Reset links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                    \n                    \/\/ Reset highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .list-container');\n                    highlights.forEach(highlight => {\n                        if (highlight.classList.contains('stats-box')) {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08))', 'important');\n                            highlight.style.setProperty('border', '2px solid rgba(244,197,66,0.3)', 'important');\n                            const statsNumbers = highlight.querySelectorAll('.stats-number');\n                            statsNumbers.forEach(num => num.style.setProperty('color', '#F4C542', 'important'));\n                        } else {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n                            highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n                            highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n                        }\n                    });\n\n                    \/\/ Reset keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                            input.style.setProperty('color', '#fff', 'important');\n                            input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        }\n                    }\n\n                    \/\/ Reset table styling for dark theme\n                    const tables = card.querySelectorAll('table');\n                    tables.forEach(table => {\n                        table.style.setProperty('background-color', 'rgba(255,255,255,0.05)', 'important');\n                        const ths = table.querySelectorAll('th');\n                        ths.forEach(th => {\n                            th.style.setProperty('background-color', 'rgba(244,197,66,0.1)', 'important');\n                            th.style.setProperty('color', '#F4C542', 'important');\n                        });\n                        const tds = table.querySelectorAll('td');\n                        tds.forEach(td => {\n                            td.style.setProperty('color', '#E3E3DC', '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        \/\/ Initialize everything when DOM is ready\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\ud83c\udf3f Two Birds One Stoned - Delivery Methods Article Initialized');\n            \n            \/\/ Setup email signup\n            setupEmailSignup();\n            \n            \/\/ Setup scroll animations\n            animateOnScroll();\n            window.addEventListener('scroll', animateOnScroll);\n            \n            \/\/ Animate title section\n            setTimeout(() => {\n                const titleSection = document.querySelector('.title-section');\n                if (titleSection) {\n                    titleSection.style.opacity = '1';\n                    titleSection.style.transform = 'translateY(0)';\n                }\n            }, 100);\n            \n            \/\/ Initialize anonymous mode toggle\n            const anonymousCheckbox = document.getElementById('anonymousMode');\n            const emailGroup = document.getElementById('emailGroup');\n            \n            if (anonymousCheckbox && emailGroup) {\n                anonymousCheckbox.addEventListener('change', function() {\n                    if (this.checked) {\n                        emailGroup.style.display = 'none';\n                        document.getElementById('commentEmail').removeAttribute('required');\n                    } else {\n                        emailGroup.style.display = 'block';\n                        document.getElementById('commentEmail').setAttribute('required', '');\n                    }\n                });\n            }\n            \n            \/\/ Ensure progress bar starts at 0\n            updateProgressBar();\n            \n            console.log('\u2705 All components initialized successfully');\n        });\n\n        \/\/ Handle visibility change for audio\n        document.addEventListener('visibilitychange', function() {\n            if (document.hidden) {\n                \/\/ Pause any playing audio when tab is not visible\n                const nightAudio = document.getElementById('nightTimeAudio');\n                const dayAudio = document.getElementById('dayTimeAudio');\n                if (nightAudio) nightAudio.pause();\n                if (dayAudio) dayAudio.pause();\n            }\n        });\n\n        \/\/ Error handling for external scripts\n        window.addEventListener('error', function(e) {\n            if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n                console.warn('External script error detected, but core functionality preserved:', e.message);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Cannabis Delivery Methods: Evidence-Based Guide to Consumption Options | Two Birds One Stoned Delivery Methods of Cannabis \ud83d\ude9a\ud83c\udf3f From smoking to edibles, explore all the ways cannabis can be consumed \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through delivery methods \ud83c\udfa7 Listen on the Go Perfect for your commute or workout [&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-1845","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1845","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=1845"}],"version-history":[{"count":63,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1845\/revisions"}],"predecessor-version":[{"id":8054,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1845\/revisions\/8054"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=1845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}