L'Histoire Compl\u00e8te du Cannabis : 5000 Ans d'Utilisation Humaine | Two Birds One Stoned<\/title>\n <meta name=\"description\" content=\"Explore 5000 ans d'histoire du cannabis de la m\u00e9decine ancienne \u00e0 la l\u00e9galisation moderne. \u00c9ducation fond\u00e9e sur des preuves couvrant Shen Nung, la prohibition et la r\u00e9forme mondiale.\">\n <meta name=\"keywords\" content=\"cannabis history, cannabis education, marijuana history, hemp history, cannabis medicine, cannabis prohibition, cannabis legalization, cannabis research, cannabis science, medicinal cannabis history\">\n \n \n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n \n \n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n <meta property=\"og:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n <meta property=\"og:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"article:author\" content=\"James Gallagher\">\n <meta property=\"article:section\" content=\"\u00c9ducation au cannabis\">\n <meta property=\"article:tag\" content=\"Histoire du cannabis\">\n <meta property=\"article:tag\" content=\"\u00c9ducation au cannabis\">\n <meta property=\"article:tag\" content=\"Science du cannabis\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n <meta name=\"twitter:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n <meta name=\"twitter:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n <meta name=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n \n \n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n <meta name=\"theme-color\" content=\"#F4C542\">\n <meta name=\"color-scheme\" content=\"dark light\">\n \n \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 \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"The Complete History of Cannabis: 5000 Years of Human Use\",\n \"description\": \"Explore 5,000 years of cannabis history from ancient medicine to modern legalization. Evidence-based education covering historical use, prohibition, and global reform.\",\n \"image\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n \"width\": 1200,\n \"height\": 630\n },\n \"author\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"logo\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n },\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-history\\\/\"\n },\n \"datePublished\": \"2025-01-17\",\n \"dateModified\": \"2025-01-17\",\n \"articleSection\": \"Cannabis Education\",\n \"keywords\": [\n \"cannabis history\",\n \"cannabis education\",\n \"medicinal cannabis\",\n \"cannabis prohibition\",\n \"cannabis legalization\"\n ],\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis History\",\n \"description\": \"The historical use and regulation of cannabis throughout human civilization\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Education\",\n \"description\": \"Evidence-based information about cannabis science and policy\"\n }\n ],\n \"mentions\": [\n {\n \"@type\": \"Person\",\n \"name\": \"Shen Nung\",\n \"description\": \"Chinese Emperor who first documented cannabis use in 2800 BC\"\n },\n {\n \"@type\": \"Person\",\n \"name\": \"William Brooke O'Shaughnessy\",\n \"description\": \"Irish physician who introduced cannabis to Western medicine in 1841\"\n },\n {\n \"@type\": \"Person\",\n \"name\": \"Harry J. Anslinger\",\n \"description\": \"First Commissioner of the Federal Bureau of Narcotics who promoted cannabis prohibition\"\n }\n ]\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"EducationalContent\",\n \"name\": \"The History of Cannabis on Earth\",\n \"description\": \"Comprehensive educational content covering 5,000 years of cannabis history from ancient medicine to modern legalization\",\n \"educationalLevel\": \"General Audience\",\n \"learningResourceType\": \"Article\",\n \"about\": {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis History\",\n \"description\": \"Historical development of cannabis use, regulation, and scientific understanding\"\n },\n \"teaches\": [\n \"Ancient origins of cannabis use in medicine\",\n \"Historical figures in cannabis research\",\n \"Development of cannabis prohibition\",\n \"Modern cannabis legalization movement\",\n \"Scientific discoveries about cannabis\"\n ],\n \"educationalUse\": \"Research, Education, Historical Reference\",\n \"audience\": {\n \"@type\": \"EducationalAudience\",\n \"educationalRole\": \"General Public\"\n }\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"VideoObject\",\n \"name\": \"The History of Cannabis - Video Breakdown\",\n \"description\": \"Complete visual journey through cannabis history from ancient times to modern legalization\",\n \"thumbnailUrl\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n \"embedUrl\": \"https:\\\/\\\/www.youtube.com\\\/embed\\\/dQw4w9WgXcQ\",\n \"uploadDate\": \"2025-01-17\",\n \"duration\": \"PT15M\",\n \"contentUrl\": \"https:\\\/\\\/www.youtube.com\\\/watch?v=dQw4w9WgXcQ\"\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"description\": \"Cannabis education and culture platform delivering science-backed information without social media noise\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"foundingDate\": \"2024\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n ],\n \"knowsAbout\": [\n \"Cannabis Education\",\n \"Cannabis Science\",\n \"Cannabis Policy\",\n \"Cannabis History\",\n \"Medicinal Cannabis\"\n ]\n}<\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" as=\"image\">\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: 60px !important;\n margin-top: 60px !important;\n padding-bottom: 3rem !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 min-height: auto;\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-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 overflow: visible; \/* NEW - Universal fix *\/\n}\n\n\/* NEW - Universal video container fix *\/\n.media-card > div[style*=\"position: relative\"] {\n background: transparent !important;\n margin: 0 auto 1.5rem auto;\n}\n\n\/* NEW - Universal iframe fix *\/\n.media-card iframe {\n display: block;\n}\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n }\n\n \/* Content Break *\/\n .content-break {\n height: 3rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .content-break::before {\n content: '';\n width: 200px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n border-radius: 1px;\n }\n\n \/* Navigation hint *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important;\n margin-top: 3rem !important;\n padding-top: 3rem !important;\n font-weight: 600 !important;\n text-shadow: none !important;\n line-height: 1.4 !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 \/* Two image layout *\/\n .double-images {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n flex: 0 0 320px;\n width: 320px;\n }\n\n .double-images img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n \/* Evenly spaced double images for better visual balance *\/\n .double-images-spaced {\n display: flex;\n flex-direction: column;\n gap: 3rem;\n flex: 0 0 340px;\n width: 340px;\n justify-content: space-evenly;\n align-items: center;\n height: 100%;\n min-height: 600px;\n }\n\n .double-images-spaced img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n flex: 0 0 auto;\n max-height: 280px;\n object-fit: cover;\n }\n\n \/* Single centered image *\/\n .centered-image {\n text-align: center;\n margin: 3rem 0;\n }\n\n .centered-image img {\n max-width: 100%;\n width: auto;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\n }\n\n \/* Lists *\/\n .content-card ul {\n list-style-type: disc;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card ol {\n list-style-type: decimal;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1.15rem;\n color: #E3E3DC;\n line-height: 1.7;\n margin-bottom: 0.8rem;\n }\n\n \/* Links *\/\n .content-card a {\n color: #4CAF50;\n text-decoration: underline;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .content-card a:hover {\n color: #45a049;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n border-left: 5px solid #F4C542;\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 0 16px 16px 0;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* 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 \/* Mobile images for repositioned content *\/\n .mobile-image-after-text {\n display: none;\n }\n\n .hide-on-mobile {\n display: block;\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 .double-images,\n .double-images-spaced {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n \/* Mobile-specific image positioning *\/\n .mobile-image-after-text {\n display: block !important;\n width: 100%;\n max-width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 2rem 0;\n }\n\n \/* Hide desktop images on mobile for repositioned content *\/\n .hide-on-mobile {\n display: none !important;\n }\n\n \/* Remove extra spacing from Mexican Revolution image on mobile *\/\n .double-images-spaced img[alt=\"Mexican Revolution Cannabis\"] {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Adjust the double-images-spaced container on mobile to remove extra space *\/\n .double-images-spaced {\n min-height: auto !important;\n gap: 0 !important;\n justify-content: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body class=\"dark-theme\">\n \n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n \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 \n <div class=\"title-section\">\n <h1 class=\"article-title\">L'Histoire du Cannabis sur Terre \ud83c\udf0d<\/h1>\n <p class=\"article-subtitle\">Des rituels anciens \u00e0 la l\u00e9galisation moderne, explore 5 000 ans d'utilisation humaine du cannabis<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \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 de l'histoire du cannabis<\/p>\n \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\/uFSY0XWHSgc\" \n data-en=\"uFSY0XWHSgc\"\n data-ga=\"Pgc9o0WwVho\"\n data-es=\"pjHs00fxSSw\"\n data-de=\"0jFJOuEolUo\"\n data-pt=\"8lYVAJ2YYcg\"\n data-fr=\"hsVJChvP4Ng\"\n data-it=\"J37_48XNyVo\"\n data-pl=\"9fJRQGX1Jt8\"\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 \n <div class=\"content-break\"><\/div>\n\n \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\/5ZhXjUZXemodGGr4zZQuXC?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 \n <div class=\"content-break\"><\/div>\n\n \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 \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"content-section\" id=\"written-content\">\n <h2 class=\"content-section-title\">L'Histoire du Cannabis sur Terre \ud83c\udf0d<\/h2>\n\n \n <div class=\"content-card\">\n <h3>Le voyage commence<\/h3>\n <p class=\"content-text\">Faisons un voyage dans le temps. Des rituels anciens aux d\u00e9bats modernes, le cannabis fait partie de l'histoire humaine depuis des milliers d'ann\u00e9es. Ce voyage te donnera un aper\u00e7u de la fa\u00e7on dont les humains ont interagi avec la plante de cannabis tout au long de l'histoire.<\/p>\n <p class=\"content-text\">Pr\u00eat ? On y va.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>L\u00e0 o\u00f9 tout a commenc\u00e9 \u2014 Les origines du cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" alt=\"Cannabis Origin Map\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Alors, quand est-ce que le cannabis est apparu sur terre pour la premi\u00e8re fois et est devenu sa propre plante ? Il y a environ <strong>28 millions d'ann\u00e9es<\/strong>, dans les r\u00e9gions d'Asie centrale et de l'ouest de la Chine. C'est l\u00e0 qu'il s'est s\u00e9par\u00e9 de son anc\u00eatre et a commenc\u00e9 \u00e0 \u00e9voluer vers le cannabis qu'on conna\u00eet aujourd'hui.<\/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\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"hide-on-mobile\">\n <div class=\"text-content\">\n <div class=\"highlight-box\">\n <p class=\"content-text\">Et voici le fait amusant, devine qui d'autre vient de cette m\u00eame plante ancestrale ? Humulus lupulus.<\/p>\n <p class=\"content-text\">Tu es probablement assis l\u00e0 en te disant, Humulu quoi maintenant ?<\/p>\n <p class=\"content-text translation-block\">Eh bien, Humulus lupulus est le nom scientifique du <strong>Houblon<\/strong>. Autrement dit, l'ingr\u00e9dient cl\u00e9 de ta bi\u00e8re pr\u00e9f\u00e9r\u00e9e.<\/p>\n <p class=\"content-text\"> Le cannabis et le houblon sont litt\u00e9ralement cousins sur le plan botanique. Cousins directs. Le genre de cousins qui sont tous les deux invit\u00e9s au m\u00eame mariage de famille.<\/p>\n \n <p class=\"content-text\">On peut arr\u00eater d'essayer de s\u00e9parer la famille s'il te pla\u00eet ?<\/p>\n <\/div>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"mobile-image-after-text\" style=\"display: none;\">\n <\/div>\n <\/div>\n\n <p class=\"content-text translation-block\">Ce qu'on sait, c'est que l'utilisation la plus ancienne enregistr\u00e9e du cannabis remonte \u00e0 <strong>2800 av. J.-C.<\/strong>, gr\u00e2ce \u00e0 l'empereur chinois Shen Nung. Shen, connu comme le p\u00e8re de la m\u00e9decine chinoise, a document\u00e9 le cannabis dans sa pharmacop\u00e9e pour ses propri\u00e9t\u00e9s th\u00e9rapeutiques.<\/p>\n <p class=\"content-text translation-block\">Maintenant, plongeons dans l'histoire <strong>document\u00e9e<\/strong> humaine du cannabis.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Histoire ancienne \u2014 Les d\u00e9buts du cannabis document\u00e9<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_ancient_scroll-style_depiction_of_Emperor_Shen_33b2a279-72a3-4292-b4da-009879f0617b_3.png\" alt=\"Shen Nung Scroll\">\n <div class=\"text-content\">\n <h4>2800 BC \u2013 Shen Nung's First Recording<\/h4>\n <p class=\"content-text translation-block\">C'\u00e9tait il y a <strong>4825 ans<\/strong>. Environ 175 g\u00e9n\u00e9rations en arri\u00e8re. Un salut \u00e0 notre lign\u00e9e familiale de l'\u00e9poque. Je me demande ce que nos anc\u00eatres faisaient \u00e0 ce moment-l\u00e0. C'est plut\u00f4t cool de penser que, qui qu'ils \u00e9taient, ils regardaient les m\u00eames \u00e9toiles que nous.<\/p>\n <p class=\"content-text\">Shennong a document\u00e9 pour la premi\u00e8re fois l'utilisation du cannabis \u00e0 des fins th\u00e9rapeutiques \u00e0 cette \u00e9poque. On peut attribuer aux Chinois les premiers enregistrements de l'utilisation du cannabis, en particulier dans leurs r\u00e9gions occidentales.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_a_healer_or_temple_scribe_recording_medicinal_can_54bc767c-80e7-47c0-a7fe-0f369ea1f172_2.png\" alt=\"Egyptian Cannabis Medicine\">\n <div class=\"text-content\">\n <h4>1500 av. J.-C. \u2013 Usage \u00e9gyptien et assyrien<\/h4>\n <p class=\"content-text translation-block\">Avan\u00e7ons rapidement jusqu'\u00e0 environ <strong>1500 av. J.-C.<\/strong>, et nous voyons les \u00c9gyptiens documenter l'utilisation du cannabis pour traiter l'inflammation. Pendant ce temps, les Assyriens ont enregistr\u00e9 son usage m\u00e9dicinal sur des tablettes d'argile.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/mythology-festivals-gods-43.jpg\" alt=\"Cannabis India and Egypt\">\n <div class=\"text-content\">\n <h4>1500.01 av. J.-C. \u2013 Le cannabis dans l'Inde ancienne<\/h4>\n <p class=\"content-text translation-block\">Dans l'Inde ancienne, le cannabis \u00e9tait consid\u00e9r\u00e9 comme l'une des <strong>cinq plantes sacr\u00e9es<\/strong>. La boisson Bhang (une boisson lact\u00e9e infus\u00e9e au cannabis) est utilis\u00e9e depuis des si\u00e8cles en Inde pour traiter diverses affections et elle est toujours consomm\u00e9e aujourd'hui.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_atmospheric_illustration_of_Scythian_tribespeo_7bd2772d-233a-48e8-8eb7-a6bc9ec3205d_1.png\" alt=\"Scythians Ritual\">\n <div class=\"text-content\">\n <h4>440 av. J.-C. \u2013 H\u00e9rodote et les Scythes<\/h4>\n <p class=\"content-text\">L'historien grec H\u00e9rodote a d\u00e9taill\u00e9 un rituel fun\u00e9raire scythe o\u00f9 les personnes en deuil jetaient des graines de chanvre sur des pierres chauff\u00e9es \u00e0 blanc et se d\u00e9lectaient de la fum\u00e9e.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Fait int\u00e9ressant :<\/strong> Ces graines contenaient des niveaux de THC plus \u00e9lev\u00e9s que la normale pour cette p\u00e9riode, marquant le <strong>premier cas enregistr\u00e9<\/strong> d'humains planant gr\u00e2ce \u00e0 la fum\u00e9e de cannabis. Respect aux Scythes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>\u00c8re apr. J.-C. \u2014 Le cannabis se propage \u00e0 travers les civilisations<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_scene_showing_Roman_sailors_loading_sails__rope_aee8a079-4dff-4d59-af02-c24b3badf0d9_3.png\" alt=\"Roman Use of Hemp\">\n <div class=\"text-content\">\n <h4>1 apr. J.-C. \u2013 L'Empire romain<\/h4>\n <p class=\"content-text translation-block\">Pendant l'Empire romain, des figures notables comme <strong>Pline l'Ancien, Galien et Dioscoride<\/strong> ont document\u00e9 l'utilisation du cannabis pour traiter la douleur et l'inflammation. Le chanvre \u00e9tait utilis\u00e9 pour fabriquer des cordes, des voiles et des filets, facilitant l'expansion des civilisations humaines.<\/p>\n <p class=\"content-text\">Galien a \u00e9galement not\u00e9 les propri\u00e9t\u00e9s psychoactives du cannabis, reconnaissant ses effets sur l'esprit.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_page_from_Avicennas_Canon_of_Medicine._-v_6.1_f1d7b9b7-ed4d-479e-a43b-f023b26b6b1d_0.png\" alt=\"Avicenna Canon\">\n <div class=\"text-content\">\n <h4>1205 \u2013 M\u00e9decine persane m\u00e9di\u00e9vale<\/h4>\n <p class=\"content-text translation-block\">Dans la Perse m\u00e9di\u00e9vale, le cannabis \u00e9tait utilis\u00e9 pour traiter l'\u00e9pilepsie, la goutte et les maux de t\u00eate s\u00e9v\u00e8res. Le c\u00e9l\u00e8bre texte m\u00e9dical <strong>Canon de la m\u00e9decine d'Avicenne<\/strong> r\u00e9pertoriait le cannabis comme traitement pour diverses affections, et cet ouvrage a influenc\u00e9 la m\u00e9decine occidentale pendant des si\u00e8cles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Histoire moderne \u2014 La nouvelle \u00e8re du cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vintage_portrait_of_Sir_William_Brooke_OShaughn_ade47ba7-42f3-4527-a54d-2d4130c6dffc_0.png\" alt=\"O'Shaughnessy Portrait\">\n <div class=\"text-content\">\n <h4>1841 \u2013 Un m\u00e9decin irlandais introduit le cannabis dans la m\u00e9decine occidentale<\/h4>\n <p class=\"content-text translation-block\">L'homme, le mythe, la l\u00e9gende. Levons notre verre \u00e0 <strong>Sir William Brooke O'Shaughnessy<\/strong>, un m\u00e9decin irlandais qui a introduit le cannabis dans la m\u00e9decine occidentale, ouais, le grand William !<\/p>\n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Alors qu'il \u00e9tait en Inde, monsieur O'Shack Hennessy a vu le cannabis en action, non pas en gu\u00e9rissant des maladies, mais en faisant quelque chose que les m\u00e9decins ne pouvaient pas faire. Il a observ\u00e9 son effet puissant pour <strong>soulager<\/strong> la douleur s\u00e9v\u00e8re et <strong>traiter<\/strong> des conditions brutales comme le t\u00e9tanos, la rage, l'arthrite et l'\u00e9pilepsie, des trucs qui laissaient les m\u00e9decins perplexes.<\/p>\n <p class=\"content-text\">C'\u00e9tait un tournant d\u00e9cisif. Un point de basculement. \u00c0 partir de l\u00e0, le cannabis a commenc\u00e9 \u00e0 faire des vagues dans les cercles pharmaceutiques, et son usage m\u00e9dical a fait boule de neige par la suite.<\/p>\n <p class=\"content-text\"><a href=\"https:\/\/www.youtube.com\/watch?v=rdJYbOkbetQ\" rel=\"noopener noreferrer\">Allez William !!!<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <div class=\"double-images-spaced\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_A_group_of_mischievous_1910s_Mexican_revolutionar_e15d4bcf-c0d4-47b0-87b2-9d9b9dc9ad8d_2.png\" alt=\"Mexican Revolution Cannabis\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"hide-on-mobile\">\n <\/div>\n <div class=\"text-content\">\n <h4>1910 - Les \u00c9tats-Unis et la \"Menace de la marijuana\"<\/h4>\n <p class=\"content-text translation-block\">Apr\u00e8s la R\u00e9volution mexicaine de 1910, de nombreux immigrants mexicains ont apport\u00e9 l'usage r\u00e9cr\u00e9atif du cannabis aux \u00c9tats-Unis. Les m\u00e9dias ont mis en garde contre les <strong>\"Menaces de la marijuana\"<\/strong> qui se profilaient, attribuant des crimes terribles \u00e0 l'usage de marijuana par les Mexicains et les communaut\u00e9s noires.<\/p>\n \n <p class=\"content-text translation-block\">Le mot \"marijuana\" a \u00e9t\u00e9 d\u00e9lib\u00e9r\u00e9ment introduit dans le vocabulaire public pour faire sonner la plante \u00e9trang\u00e8re et mena\u00e7ante. En utilisant le terme d'<strong>argot mexicain<\/strong> au lieu de \"cannabis,\" les autorit\u00e9s et les m\u00e9dias pouvaient plus facilement l'associer aux immigrants et attiser la peur culturelle<\/p>\n \n <p class=\"content-text translation-block\">Dans le sud des \u00c9tats-Unis, particuli\u00e8rement \u00e0 La Nouvelle-Orl\u00e9ans, un nouveau type de musique faisait des vagues, le <strong>Jazz<\/strong>. Le cannabis a jou\u00e9 un r\u00f4le important dans l'\u00c8re du Jazz, servant de canal pour la cr\u00e9ativit\u00e9, la production musicale et la performance.<\/p>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"mobile-image-after-text\" style=\"display: none;\">\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Statistiquement, les Am\u00e9ricains noirs et mexicains \u00e9taient plus susceptibles d'\u00eatre arr\u00eat\u00e9s pour possession de cannabis que les Am\u00e9ricains blancs. Les l\u00e9gislateurs le savaient et ont <strong>transform\u00e9 les lois sur le cannabis en armes<\/strong> pour cibler les communaut\u00e9s marginalis\u00e9es, utilisant la plante comme outil de criminalisation et de contr\u00f4le.<\/p>\n <p class=\"content-text\">Au premier coup d'\u0153il, l'approche aux \u00c9tats-Unis semblait \u00eatre : \"Les Mexicains et les Afro-Am\u00e9ricains utilisent cette plante, rendons-la ill\u00e9gale, enfermons-les et faisons de l'argent avec \u00e7a.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/1925-convention.png\" alt=\"1925 Opium Convention\">\n <div class=\"text-content\">\n <h4>1925 - Interdiction internationale du cannabis<\/h4>\n <p class=\"content-text translation-block\">Fond\u00e9e en 1920, la <strong>Soci\u00e9t\u00e9 des Nations<\/strong> fut la premi\u00e8re organisation multinationale et intergouvernementale cr\u00e9\u00e9e pour maintenir la paix mondiale, apr\u00e8s la fin de la Grande Guerre (Premi\u00e8re Guerre mondiale). L'organisation du \"entendons-nous tous bien\".<\/p>\n <p class=\"content-text\">En 1925, la Convention internationale sur l'opium s'est tenue \u00e0 Gen\u00e8ve. L'objectif \u00e9tait d'interdire les exportations d'opium et de coca\u00efne dans le monde entier. Cela allait se produire jusqu'\u00e0 ce qu'une intervention de derni\u00e8re minute de l'\u00c9gypte, soutenue par l'Italie, l'Afrique du Sud et la Turquie, veuille ajouter le haschisch \u00e0 la liste (pour des raisons que nous pourrons explorer une autre fois).<\/p>\n <p class=\"content-text translation-block\">Cela a \u00e9t\u00e9 approuv\u00e9 et le haschisch a \u00e9t\u00e9 ajout\u00e9 \u00e0 la liste. Cela a marqu\u00e9 le d\u00e9but de la <strong>prohibition mondiale du cannabis<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/reefer-madness-md-web-scaled.jpg\" alt=\"Reefer Madness\">\n <div class=\"text-content\">\n <h4>1936 \u2013 Reefer Madness<\/h4>\n <p class=\"content-text translation-block\">Regarde simplement la <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\" rel=\"noopener noreferrer\">bande-annonce de Reefer Madness<\/a>. \u00c7a te prendra une minute trente-huit secondes de ta vie. \u00c7a en vaudra vraiment la peine...<\/p>\n \n <p class=\"content-text translation-block\">Je pense que ma citation pr\u00e9f\u00e9r\u00e9e c'est <strong>\"\u00c7a peut \u00eatre roul\u00e9 dans une cigarette d'apparence inoffensive\"<\/strong> Relis cette phrase encore une fois, mdr. Les commentaires YouTube sont vraiment parmi les meilleurs, non ?<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Le film Reefer Madness est sorti, diabolisant le cannabis comme une drogue hautement addictive causant des troubles mentaux et de la violence. En gros, il indique que si tu consommes du cannabis, tu deviendras <strong>violent, abusif, meurtrier<\/strong> et tu sauteras d'un gratte-ciel vers ta mort. Tout \u00e7a gr\u00e2ce \u00e0 quelques bouff\u00e9es de la douce Mary Jane.<\/p>\n <p class=\"content-text\">Bon, je ne suis pas un expert en drogues et leurs effets, mais \u00e7a, j'en suis assez s\u00fbr, en nombre entier, arrondi \u00e0 la d\u00e9cimale la plus proche, c'est des conneries absolues a.k.a un tas de merde a.k.a des b\u00eatises compl\u00e8tes et totales\u2026<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <div class=\"double-images\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"hide-on-mobile\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Marhihanna-Tax-Stamp.jpg\" alt=\"Marijuana Tax Stamp\">\n <\/div>\n <div class=\"text-content\">\n <h4>1937 \u2013 La Loi sur la taxe de la marijuana<\/h4>\n <p class=\"content-text\">Lis rapidement comment ils sont arriv\u00e9s \u00e0 la d\u00e9cision d'interdire effectivement le cannabis aux \u00c9tats-Unis. Il y avait deux avis l\u00e0-dessus.<\/p>\n <p class=\"content-text translation-block\">D'un c\u00f4t\u00e9, tu avais <strong>Harry J. Anslinger<\/strong>, le premier Commissaire du Bureau f\u00e9d\u00e9ral des narcotiques. Harold \u00e9tait d\u00e9termin\u00e9 \u00e0 mettre le cannabis dans la ligne de mire de la loi f\u00e9d\u00e9rale. Mais pourquoi ? Son programme \u00e9tait aliment\u00e9 par un m\u00e9lange de racisme, d'int\u00e9r\u00eat politique personnel, de guerres bureaucratiques territoriales et d'une croisade morale. Il ne s'agissait pas de preuves ou de sant\u00e9 publique, il s'agissait de peur, de contr\u00f4le et de pouvoir<\/p>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"mobile-image-after-text\" style=\"display: none;\">\n \n <p class=\"content-text translation-block\">Maintenant, de l'autre c\u00f4t\u00e9 de cette d\u00e9cision, tu avais le <strong>Conseiller juridique de l'Association m\u00e9dicale am\u00e9ricaine<\/strong>, qui s'opposait \u00e0 cette d\u00e9cision d'interdire le cannabis. Pourquoi ?<\/p>\n \n <ul>\n <li>Manque de preuves scientifiques sur la d\u00e9cision<\/li>\n <li>La valeur m\u00e9dicinale \u00e9tait ignor\u00e9e<\/li>\n <li>La communaut\u00e9 m\u00e9dicale n'a pas \u00e9t\u00e9 impliqu\u00e9e dans l'adoption du projet de loi<\/li>\n <\/ul>\n \n <p class=\"content-text translation-block\">Avec le Conseiller juridique de l'Association m\u00e9dicale am\u00e9ricaine, tu avais l'<strong>Acad\u00e9mie de m\u00e9decine de New York.<\/strong> Ils ont publi\u00e9 un rapport approfondi d\u00e9clarant que la \"marijuana\" n'induisait pas de violence, ni de folie, et ne conduisait pas \u00e0 la d\u00e9pendance ou \u00e0 l'usage d'autres drogues.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Qu'est-ce que tu penses qu'ils ont d\u00e9cid\u00e9 de faire apr\u00e8s avoir soigneusement analys\u00e9 ces rapports et la situation en question ? Eh bien, ils ont d\u00e9cid\u00e9 de <strong>ne pas \u00e9couter les m\u00e9decins et les experts<\/strong> en m\u00e9decine et ont choisi d'ignorer ces rapports approfondis. Alors ils sont all\u00e9s de l'avant avec l'adoption de la loi mentionn\u00e9e. Bien jou\u00e9 les gars.<\/p>\n <p class=\"content-text\">Cette loi a rendu extr\u00eamement difficile la r\u00e9alisation de toute recherche importante sur le cannabis dans les ann\u00e9es suivantes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Le tournant du mill\u00e9naire \u2014 Le chemin vers la l\u00e9galisation<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vibrant_nostalgic_1970s_Amsterdam_coffee_shop_a_7a91547b-8cd4-4ffb-b717-0f50038e76e2_1.png\" alt=\"Dutch Coffee Shop\">\n <div class=\"text-content\">\n <h4>Ann\u00e9es 1970 \u2013 Lib\u00e9ralisation n\u00e9erlandaise<\/h4>\n <p class=\"content-text translation-block\">Les Pays-Bas ont adopt\u00e9 une approche progressiste en cat\u00e9gorisant le cannabis comme une drogue moins dangereuse. Le gouvernement n\u00e9erlandais a divis\u00e9 les drogues en <strong>cat\u00e9gories plus et moins dangereuses<\/strong>, le cannabis se trouvant dans la cat\u00e9gorie la moins dangereuse.<\/p>\n <p class=\"content-text\">En 1976, les coffee shops ont commenc\u00e9 \u00e0 vendre du cannabis \u00e0 usage r\u00e9cr\u00e9atif. L'approche du pays envers le cannabis est devenue un mod\u00e8le \u00e0 suivre pour les autres.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Inside_a_microscopic_cellular_world_glowing_canna_2679b5ff-5879-40d6-8c9e-a17a437cdd25_1.png\" alt=\"California Legalisation\">\n <div class=\"text-content\">\n <h4>1992 - D\u00e9couverte du syst\u00e8me endocannabino\u00efde<\/h4>\n <p class=\"content-text translation-block\">En 1992, le scientifique <strong>Dr Raphael Mechoulam<\/strong> a d\u00e9couvert que les humains poss\u00e8dent un syst\u00e8me biologique entier con\u00e7u pour interagir avec les compos\u00e9s du cannabis. On l'appelle le <strong>syst\u00e8me endocannabino\u00efde<\/strong>. Cette d\u00e9couverte a compl\u00e8tement chang\u00e9 la conversation de \"drogue dangereuse\" \u00e0 \"attends, peut-\u00eatre qu'il y a vraiment quelque chose l\u00e0.\"<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_warm_sun-drenched_California_street_glowing_in__9316f0e9-68bb-4bec-8593-603094b1a83f_3.png\" alt=\"California Legalisation\">\n <div class=\"text-content\">\n <h4>1996 - La Californie l\u00e9galise le cannabis m\u00e9dical<\/h4>\n <p class=\"content-text translation-block\">En 1996, la Californie s'est lanc\u00e9e. Allant \u00e0 l'encontre de la loi f\u00e9d\u00e9rale, les \u00e9lecteurs de Californie ont adopt\u00e9 la <strong>Proposition 215<\/strong> autorisant la vente et l'usage m\u00e9dical de marijuana pour les patients atteints du SIDA, du cancer et d'autres maladies graves et douloureuses.<\/p>\n <p class=\"content-text\">Cette loi reste en tension avec les lois f\u00e9d\u00e9rales interdisant la possession de marijuana.<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Playful_political_cartoon_showing_two_stages_of_c_2185a797-ea9c-48c0-8be1-c8c716189c22_3.png\">\n <div class=\"text-content\">\n <h4>Ann\u00e9es 2000 \u2013 Le changement mondial<\/h4>\n <p class=\"content-text translation-block\">Depuis le tournant du mill\u00e9naire, de plus en plus de pays se sont tourn\u00e9s vers la d\u00e9p\u00e9nalisation et la l\u00e9galisation du cannabis. La tendance est <strong>d\u00e9p\u00e9nalisation suivie de l\u00e9galisation<\/strong>.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>D\u00e9p\u00e9nalisation<\/strong> signifie que tu n'es pas puni ou amend\u00e9 pour la possession de petites quantit\u00e9s de drogue.<\/p>\n <p class=\"content-text translation-block\"><strong>L\u00e9galisation<\/strong> signifie que la drogue est r\u00e9glement\u00e9e et peut \u00eatre vendue et commercialis\u00e9e selon les r\u00e8gles gouvernementales.<\/p>\n <\/div>\n \n <p class=\"content-text\">Donc ils r\u00e9alisent d'abord qu'ok peut-\u00eatre qu'on a \u00e9t\u00e9 trop durs avec tous ces r\u00e8glements et interdictions dans le pass\u00e9, arr\u00eatons de punir les gens pour ce qu'ils font (d\u00e9p\u00e9nalisation). Puis ils pensent \"Bon, maintenant comment peut-on gagner de l'argent avec \u00e7a\" o\u00f9 un plan est mis en place pour que la drogue soit vendue l\u00e9galement (l\u00e9galisation).<\/p>\n <p class=\"content-text\">Sauf si ton pays s'appelle la Tha\u00eflande, bande de fous.<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Side-by-side_political_illustration_of_Uruguay_20_51ba5fc7-cf52-4f25-a6c5-b24941fd8bc8_1.png\" alt=\"Uruguay and Canada Legalisation\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Pendant ce temps, alors que tout le monde essayait de comprendre quoi faire avec les lois et les politiques, l'<strong>Uruguay<\/strong> y est simplement all\u00e9 et est devenu le premier pays au monde \u00e0 l\u00e9galiser compl\u00e8tement le cannabis en 2013. Pas d\u00e9p\u00e9naliser, l\u00e9galisation v\u00e9ritable. Leur approche \u00e9tait simple : pourquoi laissons-nous les criminels gagner tout l'argent avec \u00e7a ?<\/p>\n \n <p class=\"content-text translation-block\">Puis en 2018, le <strong>Canada<\/strong> est devenu le premier grand pays occidental \u00e0 l\u00e9galiser le cannabis \u00e0 l'\u00e9chelle nationale. Leur gouvernement avait trois objectifs simples : le garder loin des enfants, garder les profits loin des criminels et ne pas laisser la soci\u00e9t\u00e9 s'effondrer. Alerte spoiler : la soci\u00e9t\u00e9 ne s'est pas effondr\u00e9e.<\/p>\n <\/div>\n<\/div>\n<\/div>\n \n <div class=\"content-card\">\n <h3>R\u00e9flexions finales - L'histoire a \u00e9t\u00e9 d\u00e9form\u00e9e<\/h3>\n <p class=\"content-text translation-block\">Alors voil\u00e0. \u00c7a devrait \u00eatre un bon aper\u00e7u du paysage et de l'histoire du cannabis, la Terre et les humains ensemble. Le cannabis fait partie de l'histoire humaine depuis des <strong>milliers d'ann\u00e9es<\/strong>. Il a \u00e9t\u00e9 utilis\u00e9 comme m\u00e9dicament, source d'illumination spirituelle et outil de contr\u00f4le social.<\/p>\n <p class=\"content-text\">Adios.<\/p>\n <\/div>\n\n \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 & 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 \n <div class=\"section-break\"><\/div>\n \n \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 \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 \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'utilisateur diff\u00e9rent\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"Qu'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 \n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"comments-display\">\n \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 \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n Plus de sujets \u2192\n <\/a>\n <\/div>\n\n \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>Abel, E.L., 1980. <em>The First Twelve Thousand Years<\/em>. New York: McGraw Hill.<\/p>\n \n <p>Alcohol and Drug Foundation, n.d. <em>Decriminalisation in Australia<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/adf.org.au\/insights\/decriminalisation-australia\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/adf.org.au\/insights\/decriminalisation-australia\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Annual Reviews, n.d. <em>Cannabis sativa L.: Botany and Biotechnology<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Bloom, n.d. <em>History of Cannabis Part 2: Are We There Yet?<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Britannica, n.d. <em>Medical Marijuana Debate<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Daily Trojan, 2020. <em>To be blunt: Cannabis is an integral part of jazz history in America<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Drug Enforcement Administration Museum, n.d. <em>Cannabis, Coca, and Poppy: Nature's Addictive Plants<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Endocannabinoid Medicine, n.d. <em>History of Cannabis<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Global Initiative, n.d. <em>Cannabis status in drug control<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Google Books, n.d. <em>Hemp & the Marijuana Conspiracy: The Emperor Wears No Clothes<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Google Books, n.d. <em>Hemp: American History Revisited: The Plant with a Divided History<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Medical Daily, n.d. <em>A Brief History Of Medical Cannabis: From Ancient Anesthesia To The Modern Dispensary<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Nature, 2015. <em>The grass roots of medical marijuana<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.nature.com\/articles\/525S10a\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nature.com\/articles\/525S10a<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>PBS, n.d. <em>Marijuana Timeline<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>PubMed Central, 2020. <em>A Brief History of Cannabis Use in North America<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>ResearchGate, n.d. <em>Herbal medicine in ancient Egypt<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Taylor & Francis Online, 2020. <em>Cannabis sativa: the plant of the thousand and one molecules<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>The University of Georgia Law Library, n.d. <em>Marijuana Law: History of Marijuana Regulation in the United States<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>The University of Sydney, n.d. <em>History of cannabis<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Woodward, W.C., 1937. <em>Statement of Dr. William C. Woodward, Legislative Counsel, American Medical Association, Chicago, Ill. Hearings on H.R. 6385: Taxation of Marihuana, House Committee on Ways and Means, U.S. House of Representatives, May 4, 1937<\/em>. [online] DrugLibrary.org. Available at: <a href=\"https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm<\/a> [consult\u00e9 le 22 mars 2025].<\/p>\n \n <p>Visual Capitalist, n.d. <em>Mapped: Countries Where Recreational Cannabis is Legal<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/<\/a> [Accessed 31 December 2024].<\/p>\n <\/div>\n <\/div>\n\n \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 \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button\">\n \ud83c\udf3f Va explorer\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 \n <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n\n \/\/ Reading progress tracking\n function updateProgressBar() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n }\n\n window.addEventListener('scroll', updateProgressBar);\n\n \/\/ Email signup functionality\n function setupEmailSignup() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n if (!form) return;\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n \/\/ Show loading state\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n \/\/ Create form data\n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n \/\/ Submit to Google Forms\n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n \/\/ Show success message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n \/\/ Clear form\n emailInput.value = '';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n \/\/ Show error message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n \/\/ Reset button\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentText = button.textContent.trim();\n \n if (currentText === '\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 BODY CLASS MANAGEMENT\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\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 BODY CLASS FOR THEME DETECTION\n body.classList.add('light-theme');\n body.classList.remove('dark-theme');\n \n \/\/ Add light theme class to html as well\n html.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\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');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ REMOVE LIGHT THEME CLASS AND ADD DARK THEME CLASS\n body.classList.remove('light-theme');\n body.classList.add('dark-theme');\n \n \/\/ Remove light theme class from html as well\n html.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\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');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint to original color in dark mode\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements for dark theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content elements\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans to original color in dark theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n }\n\n \/\/ Animate content cards on scroll\n function animateOnScroll() {\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n cards.forEach(card => {\n const cardTop = card.getBoundingClientRect().top;\n const cardBottom = card.getBoundingClientRect().bottom;\n \n if (cardTop < window.innerHeight && cardBottom > 0) {\n card.classList.add('animate-in');\n }\n });\n }\n\n \/\/ Smooth scroll to anchor on page load with offset\n document.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n });\n\n \/\/ Initialize everything when DOM is ready\n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis History 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>The Complete History of Cannabis: 5000 Years of Human Use | Two Birds One Stoned The History of Cannabis on Earth \ud83c\udf0d From ancient rituals to modern legalization, explore 5,000 years of human cannabis use \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis history \ud83c\udfa7 Listen on the Go Perfect […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/701","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=701"}],"version-history":[{"count":177,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/701\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n \n L'Histoire Compl\u00e8te du Cannabis : 5000 Ans d'Utilisation Humaine | Two Birds One Stoned<\/title>\n <meta name=\"description\" content=\"Explore 5000 ans d'histoire du cannabis de la m\u00e9decine ancienne \u00e0 la l\u00e9galisation moderne. \u00c9ducation fond\u00e9e sur des preuves couvrant Shen Nung, la prohibition et la r\u00e9forme mondiale.\">\n <meta name=\"keywords\" content=\"cannabis history, cannabis education, marijuana history, hemp history, cannabis medicine, cannabis prohibition, cannabis legalization, cannabis research, cannabis science, medicinal cannabis history\">\n \n \n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n \n \n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n <meta property=\"og:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n <meta property=\"og:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"article:author\" content=\"James Gallagher\">\n <meta property=\"article:section\" content=\"\u00c9ducation au cannabis\">\n <meta property=\"article:tag\" content=\"Histoire du cannabis\">\n <meta property=\"article:tag\" content=\"\u00c9ducation au cannabis\">\n <meta property=\"article:tag\" content=\"Science du cannabis\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n <meta name=\"twitter:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n <meta name=\"twitter:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n <meta name=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n \n \n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n <meta name=\"theme-color\" content=\"#F4C542\">\n <meta name=\"color-scheme\" content=\"dark light\">\n \n \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 \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"The Complete History of Cannabis: 5000 Years of Human Use\",\n \"description\": \"Explore 5,000 years of cannabis history from ancient medicine to modern legalization. Evidence-based education covering historical use, prohibition, and global reform.\",\n \"image\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n \"width\": 1200,\n \"height\": 630\n },\n \"author\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"logo\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n },\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-history\\\/\"\n },\n \"datePublished\": \"2025-01-17\",\n \"dateModified\": \"2025-01-17\",\n \"articleSection\": \"Cannabis Education\",\n \"keywords\": [\n \"cannabis history\",\n \"cannabis education\",\n \"medicinal cannabis\",\n \"cannabis prohibition\",\n \"cannabis legalization\"\n ],\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis History\",\n \"description\": \"The historical use and regulation of cannabis throughout human civilization\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Education\",\n \"description\": \"Evidence-based information about cannabis science and policy\"\n }\n ],\n \"mentions\": [\n {\n \"@type\": \"Person\",\n \"name\": \"Shen Nung\",\n \"description\": \"Chinese Emperor who first documented cannabis use in 2800 BC\"\n },\n {\n \"@type\": \"Person\",\n \"name\": \"William Brooke O'Shaughnessy\",\n \"description\": \"Irish physician who introduced cannabis to Western medicine in 1841\"\n },\n {\n \"@type\": \"Person\",\n \"name\": \"Harry J. Anslinger\",\n \"description\": \"First Commissioner of the Federal Bureau of Narcotics who promoted cannabis prohibition\"\n }\n ]\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"EducationalContent\",\n \"name\": \"The History of Cannabis on Earth\",\n \"description\": \"Comprehensive educational content covering 5,000 years of cannabis history from ancient medicine to modern legalization\",\n \"educationalLevel\": \"General Audience\",\n \"learningResourceType\": \"Article\",\n \"about\": {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis History\",\n \"description\": \"Historical development of cannabis use, regulation, and scientific understanding\"\n },\n \"teaches\": [\n \"Ancient origins of cannabis use in medicine\",\n \"Historical figures in cannabis research\",\n \"Development of cannabis prohibition\",\n \"Modern cannabis legalization movement\",\n \"Scientific discoveries about cannabis\"\n ],\n \"educationalUse\": \"Research, Education, Historical Reference\",\n \"audience\": {\n \"@type\": \"EducationalAudience\",\n \"educationalRole\": \"General Public\"\n }\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"VideoObject\",\n \"name\": \"The History of Cannabis - Video Breakdown\",\n \"description\": \"Complete visual journey through cannabis history from ancient times to modern legalization\",\n \"thumbnailUrl\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n \"embedUrl\": \"https:\\\/\\\/www.youtube.com\\\/embed\\\/dQw4w9WgXcQ\",\n \"uploadDate\": \"2025-01-17\",\n \"duration\": \"PT15M\",\n \"contentUrl\": \"https:\\\/\\\/www.youtube.com\\\/watch?v=dQw4w9WgXcQ\"\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"description\": \"Cannabis education and culture platform delivering science-backed information without social media noise\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"foundingDate\": \"2024\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n ],\n \"knowsAbout\": [\n \"Cannabis Education\",\n \"Cannabis Science\",\n \"Cannabis Policy\",\n \"Cannabis History\",\n \"Medicinal Cannabis\"\n ]\n}<\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" as=\"image\">\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: 60px !important;\n margin-top: 60px !important;\n padding-bottom: 3rem !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 min-height: auto;\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-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 overflow: visible; \/* NEW - Universal fix *\/\n}\n\n\/* NEW - Universal video container fix *\/\n.media-card > div[style*=\"position: relative\"] {\n background: transparent !important;\n margin: 0 auto 1.5rem auto;\n}\n\n\/* NEW - Universal iframe fix *\/\n.media-card iframe {\n display: block;\n}\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n }\n\n \/* Content Break *\/\n .content-break {\n height: 3rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .content-break::before {\n content: '';\n width: 200px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n border-radius: 1px;\n }\n\n \/* Navigation hint *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important;\n margin-top: 3rem !important;\n padding-top: 3rem !important;\n font-weight: 600 !important;\n text-shadow: none !important;\n line-height: 1.4 !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 \/* Two image layout *\/\n .double-images {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n flex: 0 0 320px;\n width: 320px;\n }\n\n .double-images img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n \/* Evenly spaced double images for better visual balance *\/\n .double-images-spaced {\n display: flex;\n flex-direction: column;\n gap: 3rem;\n flex: 0 0 340px;\n width: 340px;\n justify-content: space-evenly;\n align-items: center;\n height: 100%;\n min-height: 600px;\n }\n\n .double-images-spaced img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n flex: 0 0 auto;\n max-height: 280px;\n object-fit: cover;\n }\n\n \/* Single centered image *\/\n .centered-image {\n text-align: center;\n margin: 3rem 0;\n }\n\n .centered-image img {\n max-width: 100%;\n width: auto;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\n }\n\n \/* Lists *\/\n .content-card ul {\n list-style-type: disc;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card ol {\n list-style-type: decimal;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1.15rem;\n color: #E3E3DC;\n line-height: 1.7;\n margin-bottom: 0.8rem;\n }\n\n \/* Links *\/\n .content-card a {\n color: #4CAF50;\n text-decoration: underline;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .content-card a:hover {\n color: #45a049;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n border-left: 5px solid #F4C542;\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 0 16px 16px 0;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* 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 \/* Mobile images for repositioned content *\/\n .mobile-image-after-text {\n display: none;\n }\n\n .hide-on-mobile {\n display: block;\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 .double-images,\n .double-images-spaced {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n \/* Mobile-specific image positioning *\/\n .mobile-image-after-text {\n display: block !important;\n width: 100%;\n max-width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 2rem 0;\n }\n\n \/* Hide desktop images on mobile for repositioned content *\/\n .hide-on-mobile {\n display: none !important;\n }\n\n \/* Remove extra spacing from Mexican Revolution image on mobile *\/\n .double-images-spaced img[alt=\"Mexican Revolution Cannabis\"] {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Adjust the double-images-spaced container on mobile to remove extra space *\/\n .double-images-spaced {\n min-height: auto !important;\n gap: 0 !important;\n justify-content: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body class=\"dark-theme\">\n \n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n \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 \n <div class=\"title-section\">\n <h1 class=\"article-title\">L'Histoire du Cannabis sur Terre \ud83c\udf0d<\/h1>\n <p class=\"article-subtitle\">Des rituels anciens \u00e0 la l\u00e9galisation moderne, explore 5 000 ans d'utilisation humaine du cannabis<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \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 de l'histoire du cannabis<\/p>\n \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\/uFSY0XWHSgc\" \n data-en=\"uFSY0XWHSgc\"\n data-ga=\"Pgc9o0WwVho\"\n data-es=\"pjHs00fxSSw\"\n data-de=\"0jFJOuEolUo\"\n data-pt=\"8lYVAJ2YYcg\"\n data-fr=\"hsVJChvP4Ng\"\n data-it=\"J37_48XNyVo\"\n data-pl=\"9fJRQGX1Jt8\"\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 \n <div class=\"content-break\"><\/div>\n\n \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\/5ZhXjUZXemodGGr4zZQuXC?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 \n <div class=\"content-break\"><\/div>\n\n \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 \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"content-section\" id=\"written-content\">\n <h2 class=\"content-section-title\">L'Histoire du Cannabis sur Terre \ud83c\udf0d<\/h2>\n\n \n <div class=\"content-card\">\n <h3>Le voyage commence<\/h3>\n <p class=\"content-text\">Faisons un voyage dans le temps. Des rituels anciens aux d\u00e9bats modernes, le cannabis fait partie de l'histoire humaine depuis des milliers d'ann\u00e9es. Ce voyage te donnera un aper\u00e7u de la fa\u00e7on dont les humains ont interagi avec la plante de cannabis tout au long de l'histoire.<\/p>\n <p class=\"content-text\">Pr\u00eat ? On y va.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>L\u00e0 o\u00f9 tout a commenc\u00e9 \u2014 Les origines du cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" alt=\"Cannabis Origin Map\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Alors, quand est-ce que le cannabis est apparu sur terre pour la premi\u00e8re fois et est devenu sa propre plante ? Il y a environ <strong>28 millions d'ann\u00e9es<\/strong>, dans les r\u00e9gions d'Asie centrale et de l'ouest de la Chine. C'est l\u00e0 qu'il s'est s\u00e9par\u00e9 de son anc\u00eatre et a commenc\u00e9 \u00e0 \u00e9voluer vers le cannabis qu'on conna\u00eet aujourd'hui.<\/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\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"hide-on-mobile\">\n <div class=\"text-content\">\n <div class=\"highlight-box\">\n <p class=\"content-text\">Et voici le fait amusant, devine qui d'autre vient de cette m\u00eame plante ancestrale ? Humulus lupulus.<\/p>\n <p class=\"content-text\">Tu es probablement assis l\u00e0 en te disant, Humulu quoi maintenant ?<\/p>\n <p class=\"content-text translation-block\">Eh bien, Humulus lupulus est le nom scientifique du <strong>Houblon<\/strong>. Autrement dit, l'ingr\u00e9dient cl\u00e9 de ta bi\u00e8re pr\u00e9f\u00e9r\u00e9e.<\/p>\n <p class=\"content-text\"> Le cannabis et le houblon sont litt\u00e9ralement cousins sur le plan botanique. Cousins directs. Le genre de cousins qui sont tous les deux invit\u00e9s au m\u00eame mariage de famille.<\/p>\n \n <p class=\"content-text\">On peut arr\u00eater d'essayer de s\u00e9parer la famille s'il te pla\u00eet ?<\/p>\n <\/div>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"mobile-image-after-text\" style=\"display: none;\">\n <\/div>\n <\/div>\n\n <p class=\"content-text translation-block\">Ce qu'on sait, c'est que l'utilisation la plus ancienne enregistr\u00e9e du cannabis remonte \u00e0 <strong>2800 av. J.-C.<\/strong>, gr\u00e2ce \u00e0 l'empereur chinois Shen Nung. Shen, connu comme le p\u00e8re de la m\u00e9decine chinoise, a document\u00e9 le cannabis dans sa pharmacop\u00e9e pour ses propri\u00e9t\u00e9s th\u00e9rapeutiques.<\/p>\n <p class=\"content-text translation-block\">Maintenant, plongeons dans l'histoire <strong>document\u00e9e<\/strong> humaine du cannabis.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Histoire ancienne \u2014 Les d\u00e9buts du cannabis document\u00e9<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_ancient_scroll-style_depiction_of_Emperor_Shen_33b2a279-72a3-4292-b4da-009879f0617b_3.png\" alt=\"Shen Nung Scroll\">\n <div class=\"text-content\">\n <h4>2800 BC \u2013 Shen Nung's First Recording<\/h4>\n <p class=\"content-text translation-block\">C'\u00e9tait il y a <strong>4825 ans<\/strong>. Environ 175 g\u00e9n\u00e9rations en arri\u00e8re. Un salut \u00e0 notre lign\u00e9e familiale de l'\u00e9poque. Je me demande ce que nos anc\u00eatres faisaient \u00e0 ce moment-l\u00e0. C'est plut\u00f4t cool de penser que, qui qu'ils \u00e9taient, ils regardaient les m\u00eames \u00e9toiles que nous.<\/p>\n <p class=\"content-text\">Shennong a document\u00e9 pour la premi\u00e8re fois l'utilisation du cannabis \u00e0 des fins th\u00e9rapeutiques \u00e0 cette \u00e9poque. On peut attribuer aux Chinois les premiers enregistrements de l'utilisation du cannabis, en particulier dans leurs r\u00e9gions occidentales.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_a_healer_or_temple_scribe_recording_medicinal_can_54bc767c-80e7-47c0-a7fe-0f369ea1f172_2.png\" alt=\"Egyptian Cannabis Medicine\">\n <div class=\"text-content\">\n <h4>1500 av. J.-C. \u2013 Usage \u00e9gyptien et assyrien<\/h4>\n <p class=\"content-text translation-block\">Avan\u00e7ons rapidement jusqu'\u00e0 environ <strong>1500 av. J.-C.<\/strong>, et nous voyons les \u00c9gyptiens documenter l'utilisation du cannabis pour traiter l'inflammation. Pendant ce temps, les Assyriens ont enregistr\u00e9 son usage m\u00e9dicinal sur des tablettes d'argile.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/mythology-festivals-gods-43.jpg\" alt=\"Cannabis India and Egypt\">\n <div class=\"text-content\">\n <h4>1500.01 av. J.-C. \u2013 Le cannabis dans l'Inde ancienne<\/h4>\n <p class=\"content-text translation-block\">Dans l'Inde ancienne, le cannabis \u00e9tait consid\u00e9r\u00e9 comme l'une des <strong>cinq plantes sacr\u00e9es<\/strong>. La boisson Bhang (une boisson lact\u00e9e infus\u00e9e au cannabis) est utilis\u00e9e depuis des si\u00e8cles en Inde pour traiter diverses affections et elle est toujours consomm\u00e9e aujourd'hui.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_atmospheric_illustration_of_Scythian_tribespeo_7bd2772d-233a-48e8-8eb7-a6bc9ec3205d_1.png\" alt=\"Scythians Ritual\">\n <div class=\"text-content\">\n <h4>440 av. J.-C. \u2013 H\u00e9rodote et les Scythes<\/h4>\n <p class=\"content-text\">L'historien grec H\u00e9rodote a d\u00e9taill\u00e9 un rituel fun\u00e9raire scythe o\u00f9 les personnes en deuil jetaient des graines de chanvre sur des pierres chauff\u00e9es \u00e0 blanc et se d\u00e9lectaient de la fum\u00e9e.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Fait int\u00e9ressant :<\/strong> Ces graines contenaient des niveaux de THC plus \u00e9lev\u00e9s que la normale pour cette p\u00e9riode, marquant le <strong>premier cas enregistr\u00e9<\/strong> d'humains planant gr\u00e2ce \u00e0 la fum\u00e9e de cannabis. Respect aux Scythes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>\u00c8re apr. J.-C. \u2014 Le cannabis se propage \u00e0 travers les civilisations<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_scene_showing_Roman_sailors_loading_sails__rope_aee8a079-4dff-4d59-af02-c24b3badf0d9_3.png\" alt=\"Roman Use of Hemp\">\n <div class=\"text-content\">\n <h4>1 apr. J.-C. \u2013 L'Empire romain<\/h4>\n <p class=\"content-text translation-block\">Pendant l'Empire romain, des figures notables comme <strong>Pline l'Ancien, Galien et Dioscoride<\/strong> ont document\u00e9 l'utilisation du cannabis pour traiter la douleur et l'inflammation. Le chanvre \u00e9tait utilis\u00e9 pour fabriquer des cordes, des voiles et des filets, facilitant l'expansion des civilisations humaines.<\/p>\n <p class=\"content-text\">Galien a \u00e9galement not\u00e9 les propri\u00e9t\u00e9s psychoactives du cannabis, reconnaissant ses effets sur l'esprit.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_page_from_Avicennas_Canon_of_Medicine._-v_6.1_f1d7b9b7-ed4d-479e-a43b-f023b26b6b1d_0.png\" alt=\"Avicenna Canon\">\n <div class=\"text-content\">\n <h4>1205 \u2013 M\u00e9decine persane m\u00e9di\u00e9vale<\/h4>\n <p class=\"content-text translation-block\">Dans la Perse m\u00e9di\u00e9vale, le cannabis \u00e9tait utilis\u00e9 pour traiter l'\u00e9pilepsie, la goutte et les maux de t\u00eate s\u00e9v\u00e8res. Le c\u00e9l\u00e8bre texte m\u00e9dical <strong>Canon de la m\u00e9decine d'Avicenne<\/strong> r\u00e9pertoriait le cannabis comme traitement pour diverses affections, et cet ouvrage a influenc\u00e9 la m\u00e9decine occidentale pendant des si\u00e8cles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Histoire moderne \u2014 La nouvelle \u00e8re du cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vintage_portrait_of_Sir_William_Brooke_OShaughn_ade47ba7-42f3-4527-a54d-2d4130c6dffc_0.png\" alt=\"O'Shaughnessy Portrait\">\n <div class=\"text-content\">\n <h4>1841 \u2013 Un m\u00e9decin irlandais introduit le cannabis dans la m\u00e9decine occidentale<\/h4>\n <p class=\"content-text translation-block\">L'homme, le mythe, la l\u00e9gende. Levons notre verre \u00e0 <strong>Sir William Brooke O'Shaughnessy<\/strong>, un m\u00e9decin irlandais qui a introduit le cannabis dans la m\u00e9decine occidentale, ouais, le grand William !<\/p>\n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Alors qu'il \u00e9tait en Inde, monsieur O'Shack Hennessy a vu le cannabis en action, non pas en gu\u00e9rissant des maladies, mais en faisant quelque chose que les m\u00e9decins ne pouvaient pas faire. Il a observ\u00e9 son effet puissant pour <strong>soulager<\/strong> la douleur s\u00e9v\u00e8re et <strong>traiter<\/strong> des conditions brutales comme le t\u00e9tanos, la rage, l'arthrite et l'\u00e9pilepsie, des trucs qui laissaient les m\u00e9decins perplexes.<\/p>\n <p class=\"content-text\">C'\u00e9tait un tournant d\u00e9cisif. Un point de basculement. \u00c0 partir de l\u00e0, le cannabis a commenc\u00e9 \u00e0 faire des vagues dans les cercles pharmaceutiques, et son usage m\u00e9dical a fait boule de neige par la suite.<\/p>\n <p class=\"content-text\"><a href=\"https:\/\/www.youtube.com\/watch?v=rdJYbOkbetQ\" rel=\"noopener noreferrer\">Allez William !!!<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <div class=\"double-images-spaced\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_A_group_of_mischievous_1910s_Mexican_revolutionar_e15d4bcf-c0d4-47b0-87b2-9d9b9dc9ad8d_2.png\" alt=\"Mexican Revolution Cannabis\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"hide-on-mobile\">\n <\/div>\n <div class=\"text-content\">\n <h4>1910 - Les \u00c9tats-Unis et la \"Menace de la marijuana\"<\/h4>\n <p class=\"content-text translation-block\">Apr\u00e8s la R\u00e9volution mexicaine de 1910, de nombreux immigrants mexicains ont apport\u00e9 l'usage r\u00e9cr\u00e9atif du cannabis aux \u00c9tats-Unis. Les m\u00e9dias ont mis en garde contre les <strong>\"Menaces de la marijuana\"<\/strong> qui se profilaient, attribuant des crimes terribles \u00e0 l'usage de marijuana par les Mexicains et les communaut\u00e9s noires.<\/p>\n \n <p class=\"content-text translation-block\">Le mot \"marijuana\" a \u00e9t\u00e9 d\u00e9lib\u00e9r\u00e9ment introduit dans le vocabulaire public pour faire sonner la plante \u00e9trang\u00e8re et mena\u00e7ante. En utilisant le terme d'<strong>argot mexicain<\/strong> au lieu de \"cannabis,\" les autorit\u00e9s et les m\u00e9dias pouvaient plus facilement l'associer aux immigrants et attiser la peur culturelle<\/p>\n \n <p class=\"content-text translation-block\">Dans le sud des \u00c9tats-Unis, particuli\u00e8rement \u00e0 La Nouvelle-Orl\u00e9ans, un nouveau type de musique faisait des vagues, le <strong>Jazz<\/strong>. Le cannabis a jou\u00e9 un r\u00f4le important dans l'\u00c8re du Jazz, servant de canal pour la cr\u00e9ativit\u00e9, la production musicale et la performance.<\/p>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"mobile-image-after-text\" style=\"display: none;\">\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Statistiquement, les Am\u00e9ricains noirs et mexicains \u00e9taient plus susceptibles d'\u00eatre arr\u00eat\u00e9s pour possession de cannabis que les Am\u00e9ricains blancs. Les l\u00e9gislateurs le savaient et ont <strong>transform\u00e9 les lois sur le cannabis en armes<\/strong> pour cibler les communaut\u00e9s marginalis\u00e9es, utilisant la plante comme outil de criminalisation et de contr\u00f4le.<\/p>\n <p class=\"content-text\">Au premier coup d'\u0153il, l'approche aux \u00c9tats-Unis semblait \u00eatre : \"Les Mexicains et les Afro-Am\u00e9ricains utilisent cette plante, rendons-la ill\u00e9gale, enfermons-les et faisons de l'argent avec \u00e7a.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/1925-convention.png\" alt=\"1925 Opium Convention\">\n <div class=\"text-content\">\n <h4>1925 - Interdiction internationale du cannabis<\/h4>\n <p class=\"content-text translation-block\">Fond\u00e9e en 1920, la <strong>Soci\u00e9t\u00e9 des Nations<\/strong> fut la premi\u00e8re organisation multinationale et intergouvernementale cr\u00e9\u00e9e pour maintenir la paix mondiale, apr\u00e8s la fin de la Grande Guerre (Premi\u00e8re Guerre mondiale). L'organisation du \"entendons-nous tous bien\".<\/p>\n <p class=\"content-text\">En 1925, la Convention internationale sur l'opium s'est tenue \u00e0 Gen\u00e8ve. L'objectif \u00e9tait d'interdire les exportations d'opium et de coca\u00efne dans le monde entier. Cela allait se produire jusqu'\u00e0 ce qu'une intervention de derni\u00e8re minute de l'\u00c9gypte, soutenue par l'Italie, l'Afrique du Sud et la Turquie, veuille ajouter le haschisch \u00e0 la liste (pour des raisons que nous pourrons explorer une autre fois).<\/p>\n <p class=\"content-text translation-block\">Cela a \u00e9t\u00e9 approuv\u00e9 et le haschisch a \u00e9t\u00e9 ajout\u00e9 \u00e0 la liste. Cela a marqu\u00e9 le d\u00e9but de la <strong>prohibition mondiale du cannabis<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/reefer-madness-md-web-scaled.jpg\" alt=\"Reefer Madness\">\n <div class=\"text-content\">\n <h4>1936 \u2013 Reefer Madness<\/h4>\n <p class=\"content-text translation-block\">Regarde simplement la <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\" rel=\"noopener noreferrer\">bande-annonce de Reefer Madness<\/a>. \u00c7a te prendra une minute trente-huit secondes de ta vie. \u00c7a en vaudra vraiment la peine...<\/p>\n \n <p class=\"content-text translation-block\">Je pense que ma citation pr\u00e9f\u00e9r\u00e9e c'est <strong>\"\u00c7a peut \u00eatre roul\u00e9 dans une cigarette d'apparence inoffensive\"<\/strong> Relis cette phrase encore une fois, mdr. Les commentaires YouTube sont vraiment parmi les meilleurs, non ?<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Le film Reefer Madness est sorti, diabolisant le cannabis comme une drogue hautement addictive causant des troubles mentaux et de la violence. En gros, il indique que si tu consommes du cannabis, tu deviendras <strong>violent, abusif, meurtrier<\/strong> et tu sauteras d'un gratte-ciel vers ta mort. Tout \u00e7a gr\u00e2ce \u00e0 quelques bouff\u00e9es de la douce Mary Jane.<\/p>\n <p class=\"content-text\">Bon, je ne suis pas un expert en drogues et leurs effets, mais \u00e7a, j'en suis assez s\u00fbr, en nombre entier, arrondi \u00e0 la d\u00e9cimale la plus proche, c'est des conneries absolues a.k.a un tas de merde a.k.a des b\u00eatises compl\u00e8tes et totales\u2026<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <div class=\"double-images\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"hide-on-mobile\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Marhihanna-Tax-Stamp.jpg\" alt=\"Marijuana Tax Stamp\">\n <\/div>\n <div class=\"text-content\">\n <h4>1937 \u2013 La Loi sur la taxe de la marijuana<\/h4>\n <p class=\"content-text\">Lis rapidement comment ils sont arriv\u00e9s \u00e0 la d\u00e9cision d'interdire effectivement le cannabis aux \u00c9tats-Unis. Il y avait deux avis l\u00e0-dessus.<\/p>\n <p class=\"content-text translation-block\">D'un c\u00f4t\u00e9, tu avais <strong>Harry J. Anslinger<\/strong>, le premier Commissaire du Bureau f\u00e9d\u00e9ral des narcotiques. Harold \u00e9tait d\u00e9termin\u00e9 \u00e0 mettre le cannabis dans la ligne de mire de la loi f\u00e9d\u00e9rale. Mais pourquoi ? Son programme \u00e9tait aliment\u00e9 par un m\u00e9lange de racisme, d'int\u00e9r\u00eat politique personnel, de guerres bureaucratiques territoriales et d'une croisade morale. Il ne s'agissait pas de preuves ou de sant\u00e9 publique, il s'agissait de peur, de contr\u00f4le et de pouvoir<\/p>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"mobile-image-after-text\" style=\"display: none;\">\n \n <p class=\"content-text translation-block\">Maintenant, de l'autre c\u00f4t\u00e9 de cette d\u00e9cision, tu avais le <strong>Conseiller juridique de l'Association m\u00e9dicale am\u00e9ricaine<\/strong>, qui s'opposait \u00e0 cette d\u00e9cision d'interdire le cannabis. Pourquoi ?<\/p>\n \n <ul>\n <li>Manque de preuves scientifiques sur la d\u00e9cision<\/li>\n <li>La valeur m\u00e9dicinale \u00e9tait ignor\u00e9e<\/li>\n <li>La communaut\u00e9 m\u00e9dicale n'a pas \u00e9t\u00e9 impliqu\u00e9e dans l'adoption du projet de loi<\/li>\n <\/ul>\n \n <p class=\"content-text translation-block\">Avec le Conseiller juridique de l'Association m\u00e9dicale am\u00e9ricaine, tu avais l'<strong>Acad\u00e9mie de m\u00e9decine de New York.<\/strong> Ils ont publi\u00e9 un rapport approfondi d\u00e9clarant que la \"marijuana\" n'induisait pas de violence, ni de folie, et ne conduisait pas \u00e0 la d\u00e9pendance ou \u00e0 l'usage d'autres drogues.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Qu'est-ce que tu penses qu'ils ont d\u00e9cid\u00e9 de faire apr\u00e8s avoir soigneusement analys\u00e9 ces rapports et la situation en question ? Eh bien, ils ont d\u00e9cid\u00e9 de <strong>ne pas \u00e9couter les m\u00e9decins et les experts<\/strong> en m\u00e9decine et ont choisi d'ignorer ces rapports approfondis. Alors ils sont all\u00e9s de l'avant avec l'adoption de la loi mentionn\u00e9e. Bien jou\u00e9 les gars.<\/p>\n <p class=\"content-text\">Cette loi a rendu extr\u00eamement difficile la r\u00e9alisation de toute recherche importante sur le cannabis dans les ann\u00e9es suivantes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Le tournant du mill\u00e9naire \u2014 Le chemin vers la l\u00e9galisation<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vibrant_nostalgic_1970s_Amsterdam_coffee_shop_a_7a91547b-8cd4-4ffb-b717-0f50038e76e2_1.png\" alt=\"Dutch Coffee Shop\">\n <div class=\"text-content\">\n <h4>Ann\u00e9es 1970 \u2013 Lib\u00e9ralisation n\u00e9erlandaise<\/h4>\n <p class=\"content-text translation-block\">Les Pays-Bas ont adopt\u00e9 une approche progressiste en cat\u00e9gorisant le cannabis comme une drogue moins dangereuse. Le gouvernement n\u00e9erlandais a divis\u00e9 les drogues en <strong>cat\u00e9gories plus et moins dangereuses<\/strong>, le cannabis se trouvant dans la cat\u00e9gorie la moins dangereuse.<\/p>\n <p class=\"content-text\">En 1976, les coffee shops ont commenc\u00e9 \u00e0 vendre du cannabis \u00e0 usage r\u00e9cr\u00e9atif. L'approche du pays envers le cannabis est devenue un mod\u00e8le \u00e0 suivre pour les autres.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Inside_a_microscopic_cellular_world_glowing_canna_2679b5ff-5879-40d6-8c9e-a17a437cdd25_1.png\" alt=\"California Legalisation\">\n <div class=\"text-content\">\n <h4>1992 - D\u00e9couverte du syst\u00e8me endocannabino\u00efde<\/h4>\n <p class=\"content-text translation-block\">En 1992, le scientifique <strong>Dr Raphael Mechoulam<\/strong> a d\u00e9couvert que les humains poss\u00e8dent un syst\u00e8me biologique entier con\u00e7u pour interagir avec les compos\u00e9s du cannabis. On l'appelle le <strong>syst\u00e8me endocannabino\u00efde<\/strong>. Cette d\u00e9couverte a compl\u00e8tement chang\u00e9 la conversation de \"drogue dangereuse\" \u00e0 \"attends, peut-\u00eatre qu'il y a vraiment quelque chose l\u00e0.\"<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_warm_sun-drenched_California_street_glowing_in__9316f0e9-68bb-4bec-8593-603094b1a83f_3.png\" alt=\"California Legalisation\">\n <div class=\"text-content\">\n <h4>1996 - La Californie l\u00e9galise le cannabis m\u00e9dical<\/h4>\n <p class=\"content-text translation-block\">En 1996, la Californie s'est lanc\u00e9e. Allant \u00e0 l'encontre de la loi f\u00e9d\u00e9rale, les \u00e9lecteurs de Californie ont adopt\u00e9 la <strong>Proposition 215<\/strong> autorisant la vente et l'usage m\u00e9dical de marijuana pour les patients atteints du SIDA, du cancer et d'autres maladies graves et douloureuses.<\/p>\n <p class=\"content-text\">Cette loi reste en tension avec les lois f\u00e9d\u00e9rales interdisant la possession de marijuana.<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Playful_political_cartoon_showing_two_stages_of_c_2185a797-ea9c-48c0-8be1-c8c716189c22_3.png\">\n <div class=\"text-content\">\n <h4>Ann\u00e9es 2000 \u2013 Le changement mondial<\/h4>\n <p class=\"content-text translation-block\">Depuis le tournant du mill\u00e9naire, de plus en plus de pays se sont tourn\u00e9s vers la d\u00e9p\u00e9nalisation et la l\u00e9galisation du cannabis. La tendance est <strong>d\u00e9p\u00e9nalisation suivie de l\u00e9galisation<\/strong>.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>D\u00e9p\u00e9nalisation<\/strong> signifie que tu n'es pas puni ou amend\u00e9 pour la possession de petites quantit\u00e9s de drogue.<\/p>\n <p class=\"content-text translation-block\"><strong>L\u00e9galisation<\/strong> signifie que la drogue est r\u00e9glement\u00e9e et peut \u00eatre vendue et commercialis\u00e9e selon les r\u00e8gles gouvernementales.<\/p>\n <\/div>\n \n <p class=\"content-text\">Donc ils r\u00e9alisent d'abord qu'ok peut-\u00eatre qu'on a \u00e9t\u00e9 trop durs avec tous ces r\u00e8glements et interdictions dans le pass\u00e9, arr\u00eatons de punir les gens pour ce qu'ils font (d\u00e9p\u00e9nalisation). Puis ils pensent \"Bon, maintenant comment peut-on gagner de l'argent avec \u00e7a\" o\u00f9 un plan est mis en place pour que la drogue soit vendue l\u00e9galement (l\u00e9galisation).<\/p>\n <p class=\"content-text\">Sauf si ton pays s'appelle la Tha\u00eflande, bande de fous.<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Side-by-side_political_illustration_of_Uruguay_20_51ba5fc7-cf52-4f25-a6c5-b24941fd8bc8_1.png\" alt=\"Uruguay and Canada Legalisation\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Pendant ce temps, alors que tout le monde essayait de comprendre quoi faire avec les lois et les politiques, l'<strong>Uruguay<\/strong> y est simplement all\u00e9 et est devenu le premier pays au monde \u00e0 l\u00e9galiser compl\u00e8tement le cannabis en 2013. Pas d\u00e9p\u00e9naliser, l\u00e9galisation v\u00e9ritable. Leur approche \u00e9tait simple : pourquoi laissons-nous les criminels gagner tout l'argent avec \u00e7a ?<\/p>\n \n <p class=\"content-text translation-block\">Puis en 2018, le <strong>Canada<\/strong> est devenu le premier grand pays occidental \u00e0 l\u00e9galiser le cannabis \u00e0 l'\u00e9chelle nationale. Leur gouvernement avait trois objectifs simples : le garder loin des enfants, garder les profits loin des criminels et ne pas laisser la soci\u00e9t\u00e9 s'effondrer. Alerte spoiler : la soci\u00e9t\u00e9 ne s'est pas effondr\u00e9e.<\/p>\n <\/div>\n<\/div>\n<\/div>\n \n <div class=\"content-card\">\n <h3>R\u00e9flexions finales - L'histoire a \u00e9t\u00e9 d\u00e9form\u00e9e<\/h3>\n <p class=\"content-text translation-block\">Alors voil\u00e0. \u00c7a devrait \u00eatre un bon aper\u00e7u du paysage et de l'histoire du cannabis, la Terre et les humains ensemble. Le cannabis fait partie de l'histoire humaine depuis des <strong>milliers d'ann\u00e9es<\/strong>. Il a \u00e9t\u00e9 utilis\u00e9 comme m\u00e9dicament, source d'illumination spirituelle et outil de contr\u00f4le social.<\/p>\n <p class=\"content-text\">Adios.<\/p>\n <\/div>\n\n \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 & 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 \n <div class=\"section-break\"><\/div>\n \n \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 \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 \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'utilisateur diff\u00e9rent\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"Qu'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 \n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"comments-display\">\n \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 \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n Plus de sujets \u2192\n <\/a>\n <\/div>\n\n \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>Abel, E.L., 1980. <em>The First Twelve Thousand Years<\/em>. New York: McGraw Hill.<\/p>\n \n <p>Alcohol and Drug Foundation, n.d. <em>Decriminalisation in Australia<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/adf.org.au\/insights\/decriminalisation-australia\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/adf.org.au\/insights\/decriminalisation-australia\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Annual Reviews, n.d. <em>Cannabis sativa L.: Botany and Biotechnology<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Bloom, n.d. <em>History of Cannabis Part 2: Are We There Yet?<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Britannica, n.d. <em>Medical Marijuana Debate<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Daily Trojan, 2020. <em>To be blunt: Cannabis is an integral part of jazz history in America<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Drug Enforcement Administration Museum, n.d. <em>Cannabis, Coca, and Poppy: Nature's Addictive Plants<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Endocannabinoid Medicine, n.d. <em>History of Cannabis<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Global Initiative, n.d. <em>Cannabis status in drug control<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Google Books, n.d. <em>Hemp & the Marijuana Conspiracy: The Emperor Wears No Clothes<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Google Books, n.d. <em>Hemp: American History Revisited: The Plant with a Divided History<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Medical Daily, n.d. <em>A Brief History Of Medical Cannabis: From Ancient Anesthesia To The Modern Dispensary<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Nature, 2015. <em>The grass roots of medical marijuana<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.nature.com\/articles\/525S10a\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nature.com\/articles\/525S10a<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>PBS, n.d. <em>Marijuana Timeline<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>PubMed Central, 2020. <em>A Brief History of Cannabis Use in North America<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>ResearchGate, n.d. <em>Herbal medicine in ancient Egypt<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Taylor & Francis Online, 2020. <em>Cannabis sativa: the plant of the thousand and one molecules<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>The University of Georgia Law Library, n.d. <em>Marijuana Law: History of Marijuana Regulation in the United States<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>The University of Sydney, n.d. <em>History of cannabis<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Woodward, W.C., 1937. <em>Statement of Dr. William C. Woodward, Legislative Counsel, American Medical Association, Chicago, Ill. Hearings on H.R. 6385: Taxation of Marihuana, House Committee on Ways and Means, U.S. House of Representatives, May 4, 1937<\/em>. [online] DrugLibrary.org. Available at: <a href=\"https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm<\/a> [consult\u00e9 le 22 mars 2025].<\/p>\n \n <p>Visual Capitalist, n.d. <em>Mapped: Countries Where Recreational Cannabis is Legal<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/<\/a> [Accessed 31 December 2024].<\/p>\n <\/div>\n <\/div>\n\n \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 \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button\">\n \ud83c\udf3f Va explorer\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 \n <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n\n \/\/ Reading progress tracking\n function updateProgressBar() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n }\n\n window.addEventListener('scroll', updateProgressBar);\n\n \/\/ Email signup functionality\n function setupEmailSignup() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n if (!form) return;\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n \/\/ Show loading state\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n \/\/ Create form data\n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n \/\/ Submit to Google Forms\n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n \/\/ Show success message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n \/\/ Clear form\n emailInput.value = '';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n \/\/ Show error message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n \/\/ Reset button\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentText = button.textContent.trim();\n \n if (currentText === '\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 BODY CLASS MANAGEMENT\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\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 BODY CLASS FOR THEME DETECTION\n body.classList.add('light-theme');\n body.classList.remove('dark-theme');\n \n \/\/ Add light theme class to html as well\n html.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\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');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ REMOVE LIGHT THEME CLASS AND ADD DARK THEME CLASS\n body.classList.remove('light-theme');\n body.classList.add('dark-theme');\n \n \/\/ Remove light theme class from html as well\n html.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\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');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint to original color in dark mode\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements for dark theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content elements\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans to original color in dark theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n }\n\n \/\/ Animate content cards on scroll\n function animateOnScroll() {\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n cards.forEach(card => {\n const cardTop = card.getBoundingClientRect().top;\n const cardBottom = card.getBoundingClientRect().bottom;\n \n if (cardTop < window.innerHeight && cardBottom > 0) {\n card.classList.add('animate-in');\n }\n });\n }\n\n \/\/ Smooth scroll to anchor on page load with offset\n document.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n });\n\n \/\/ Initialize everything when DOM is ready\n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis History 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>The Complete History of Cannabis: 5000 Years of Human Use | Two Birds One Stoned The History of Cannabis on Earth \ud83c\udf0d From ancient rituals to modern legalization, explore 5,000 years of human cannabis use \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis history \ud83c\udfa7 Listen on the Go Perfect […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/701","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=701"}],"version-history":[{"count":177,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/701\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}