{"id":2350,"date":"2025-06-16T08:06:46","date_gmt":"2025-06-16T08:06:46","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=2350"},"modified":"2025-11-18T04:37:26","modified_gmt":"2025-11-18T04:37:26","slug":"why-two-birds-one-stoned-exists","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/fr\/why-two-birds-one-stoned-exists\/","title":{"rendered":"Why Two Birds One Stoned Exists"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n \n Pourquoi Two Birds One Stoned Existe - Histoires Personnelles Derri\u00e8re la R\u00e9forme de l'\u00c9ducation sur le Cannabis<\/title>\n <meta name=\"title\" content=\"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\">\n <meta name=\"description\" content=\"Les exp\u00e9riences personnelles qui ont d\u00e9clench\u00e9 la mission de Two Birds One Stoned : des interdictions de logement universitaire aux affaires judiciaires pour 50 centimes de cannabis. Des histoires r\u00e9elles qui alimentent la r\u00e9forme de l'\u00e9ducation.\">\n <meta name=\"keywords\" content=\"cannabis stigma, cannabis education reform, cannabis criminalization stories, university cannabis policy, cannabis court cases, James Gallagher story, cannabis injustice, drug policy reform, cannabis legalization advocacy\">\n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"language\" content=\"English\">\n \n <!-- Canonical URL -->\n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n \n <!-- Open Graph \/ Facebook -->\n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n <meta property=\"og:title\" content=\"Pourquoi Two Birds One Stoned Existe - Histoires Personnelles Derri\u00e8re la R\u00e9forme de l'\u00c9ducation sur le Cannabis\">\n <meta property=\"og:description\" content=\"Les exp\u00e9riences personnelles qui ont d\u00e9clench\u00e9 la mission de Two Birds One Stoned : des interdictions de logement universitaire aux affaires judiciaires pour 50 centimes de cannabis. Des histoires r\u00e9elles qui alimentent la r\u00e9forme de l'\u00e9ducation.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n <meta property=\"article:author\" content=\"James Gallagher\">\n <meta property=\"article:section\" content=\"\u00c9ducation au cannabis\">\n <meta property=\"article:tag\" content=\"Cannabis Reform\">\n <meta property=\"article:tag\" content=\"Personal Stories\">\n <meta property=\"article:tag\" content=\"Drug Policy\">\n \n <!-- Twitter -->\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n <meta name=\"twitter:title\" content=\"Pourquoi Two Birds One Stoned Existe - Histoires Personnelles Derri\u00e8re la R\u00e9forme de l'\u00c9ducation sur le Cannabis\">\n <meta name=\"twitter:description\" content=\"Les exp\u00e9riences personnelles qui ont d\u00e9clench\u00e9 la mission de Two Birds One Stoned : des interdictions de logement universitaire aux affaires judiciaires pour 50 centimes de cannabis. Des histoires r\u00e9elles qui alimentent la r\u00e9forme de l'\u00e9ducation.\">\n <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\">\n <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n \n <!-- Additional Meta Tags for Cannabis Content -->\n <meta name=\"topic\" content=\"Cannabis Policy Reform\">\n <meta name=\"subject\" content=\"Personal stories about cannabis criminalization and the need for education-based reform\">\n <meta name=\"classification\" content=\"Educational\">\n <meta name=\"category\" content=\"Social Justice, Health Education\">\n \n <!-- Structured Data (JSON-LD) -->\n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\",\n \"description\": \"The personal experiences that sparked Two Birds One Stoned's mission: from university housing bans to court cases over 50 cents of cannabis. Real stories driving education reform.\",\n \"image\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/opening-piece-main-image-e1750062459616.png\",\n \"author\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\n },\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"logo\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n },\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH?si=RCRQ1qo4SS2jwcDr5F_mPw\"\n ]\n },\n \"datePublished\": \"2025-01-01\",\n \"dateModified\": \"2025-01-01\",\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/why-two-birds-one-stoned-exists\\\/\"\n },\n \"articleSection\": \"Cannabis Education\",\n \"keywords\": [\n \"cannabis stigma\",\n \"cannabis education reform\",\n \"drug policy reform\",\n \"cannabis criminalization\",\n \"personal stories\",\n \"endocannabinoid system\"\n ],\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Policy Reform\",\n \"description\": \"Advocacy for evidence-based cannabis policy through personal storytelling and education\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Endocannabinoid System\",\n \"description\": \"The biological system that interacts with cannabis compounds, discovered in 1988\"\n }\n ],\n \"mentions\": [\n {\n \"@type\": \"Place\",\n \"name\": \"Ireland\",\n \"description\": \"Location of personal cannabis criminalization experiences discussed in the article\"\n },\n {\n \"@type\": \"Place\",\n \"name\": \"Australia\",\n \"description\": \"Location where author experienced festival cannabis enforcement\"\n }\n ],\n \"breadcrumb\": {\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n {\n \"@type\": \"ListItem\",\n \"position\": 1,\n \"name\": \"Home\",\n \"item\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 2,\n \"name\": \"Why We Exist\",\n \"item\": \"https:\\\/\\\/twobirdsonestoned.co\\\/why-two-birds-one-stoned-exists\\\/\"\n }\n ]\n }\n}<\/script>\n \n <!-- Favicon and Icons -->\n <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n \n <!-- Fonts -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n <!-- Additional SEO Meta Tags -->\n <meta name=\"geo.region\" content=\"IE\">\n <meta name=\"geo.region\" content=\"AU\">\n <meta name=\"geo.placename\" content=\"Ireland, Australia\">\n <meta name=\"dcterms.subject\" content=\"Cannabis Policy Reform, Personal Narratives, Social Justice, Health Education\">\n <meta name=\"dcterms.type\" content=\"Text\">\n <meta name=\"dcterms.audience\" content=\"Policy Makers, General Public, Cannabis Advocates, Students\">\n \n <!-- Content Security and Trust Signals -->\n <meta name=\"referrer\" content=\"origin-when-cross-origin\">\n <meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self' 'unsafe-inline' https:\/\/www.youtube.com https:\/\/docs.google.com https:\/\/www.gstatic.com https:\/\/open.spotify.com; style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com; font-src 'self' https:\/\/fonts.gstatic.com; img-src 'self' data: https:; media-src 'self' https:; frame-src https:\/\/www.youtube.com https:\/\/docs.google.com https:\/\/open.spotify.com; connect-src 'self' https:\/\/docs.google.com;\">\n \n <!-- Performance and Loading -->\n <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/open.spotify.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n <!-- News and Social Media Validation -->\n <meta name=\"news_keywords\" content=\"cannabis reform, drug policy, personal stories, education advocacy, endocannabinoid system\">\n <meta property=\"fb:app_id\" content=\"YOUR_FACEBOOK_APP_ID\">\n \n <!-- Rich Snippets for FAQ\/How-To Content -->\n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Why was Two Birds One Stoned created?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Two Birds One Stoned was created after a series of personal experiences with cannabis criminalization, including friends losing university housing and facing court cases over minimal amounts of cannabis. The platform aims to educate people about cannabis and challenge outdated stigma through evidence-based content.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What is the endocannabinoid system?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"The endocannabinoid system is a biological system discovered in 1988 that produces cannabis-like compounds naturally in the human body. It's responsible for phenomena like 'runner's high' and helps explain why humans have interacted with cannabis for thousands of years.\"\n }\n }\n ]\n}<\/script>\n \n <!-- Theme Color for Mobile Browsers -->\n <meta name=\"theme-color\" content=\"#F4C542\">\n <meta name=\"msapplication-TileColor\" content=\"#F4C542\">\n \n <!-- Preload Critical Resources -->\n <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.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 - FIXED HEIGHT TO PREVENT LAYOUT SHIFT *\/\n.article-page .tbos-container .title-section {\n text-align: center !important;\n margin-bottom: 60px !important; \/* CHANGED: was 30px *\/\n margin-top: 60px !important; \/* CHANGED: was 40px *\/\n padding-bottom: 3rem !important; \/* CHANGED: was 2rem *\/\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n max-width: 1000px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n position: relative !important;\n z-index: 10 !important;\n display: block !important;\n overflow: visible !important;\n \/* FIXED: Set minimum height to prevent layout shifts *\/\n min-height: 200px !important; \/* CHANGED: was 180px *\/\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 \/* FIXED: Prevent subtitle from going bold and wrapping in light theme *\/\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; \/* Force normal weight *\/\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 \/* FIXED: Ensure consistent height and prevent wrapping *\/\n min-height: 48px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n \/* FIXED: Ensure subtitle stays normal weight in light theme *\/\n body.light-theme .article-page .tbos-container .title-section .article-subtitle,\n html.light-theme .article-page .tbos-container .title-section .article-subtitle {\n font-weight: 400 !important;\n color: #000000 !important;\n }\n \/* Lightbox styles *\/\n .lightbox {\n display: none;\n position: fixed;\n z-index: 9999;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n justify-content: center;\n align-items: center;\n }\n\n .lightbox.active {\n display: flex;\n }\n\n .lightbox-content {\n max-width: 90%;\n max-height: 90%;\n object-fit: contain;\n }\n\n .lightbox-close {\n position: absolute;\n top: 20px;\n right: 40px;\n color: #fff;\n font-size: 40px;\n font-weight: bold;\n cursor: pointer;\n z-index: 10000;\n }\n\n .lightbox-close:hover {\n color: #ccc;\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 \/* FIXED: Navigation hint - ensure it changes to black in light mode *\/\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 transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n }\n\n \/* FIXED: Nav hint light theme styling *\/\n body.light-theme .nav-hint,\n html.light-theme .nav-hint {\n color: #000000 !important;\n background: rgba(184, 134, 11, 0.1) !important;\n border: 1px solid rgba(184, 134, 11, 0.3) !important;\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important; \/* CHANGED: was 4rem *\/\n margin-top: 3rem !important; \/* ADDED: new line *\/\n padding-top: 3rem !important; \/* ADDED: new line *\/\n font-weight: 600 !important;\n text-shadow: none !important;\n line-height: 1.4 !important; \/* ADDED: new line *\/\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\n }\n\n \/* Lists *\/\n .content-card ul {\n list-style-type: disc;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card ol {\n list-style-type: decimal;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1.15rem;\n color: #E3E3DC;\n line-height: 1.7;\n margin-bottom: 0.8rem;\n }\n\n \/* FIXED: Make strong text in lists yellow in dark theme *\/\n .content-card li strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* FIXED: Keep strong text dark\/bold in light theme *\/\n body.light-theme .content-card li strong,\n html.light-theme .content-card li strong {\n color: #000000 !important;\n font-weight: 600 !important;\n }\n\n \/* Links *\/\n .content-card a {\n color: #4CAF50;\n text-decoration: underline;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .content-card a:hover {\n color: #45a049;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n border-left: 5px solid #F4C542;\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 0 16px 16px 0;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Quote box styling *\/\n .quote-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 16px;\n font-style: italic;\n text-align: center;\n font-size: 1.1rem;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Special list containers for the anatomy page *\/\n .list-container {\n background: rgba(156,175,136,0.1);\n border-radius: 16px;\n padding: 2rem;\n margin: 3rem 0;\n border: 1px solid rgba(156,175,136,0.2);\n }\n\n .other-parts-list {\n background: rgba(156,175,136,0.1);\n border-radius: 16px;\n padding: 2rem;\n margin: 3rem 0;\n border: 1px solid rgba(156,175,136,0.2);\n }\n\n .other-parts-list ul {\n list-style: none;\n margin-left: 0;\n padding-left: 0;\n }\n\n .other-parts-list li {\n margin-bottom: 1rem;\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.7;\n font-size: 1.15rem;\n color: #E3E3DC;\n }\n\n .other-parts-list li::before {\n content: '\ud83c\udf3f';\n position: absolute;\n left: 0;\n top: 0;\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 \/* FIXED: Ensure \"The Only Way to Stay Updated\" changes to gold in light theme *\/\n body.light-theme .signup-text h3,\n html.light-theme .signup-text h3 {\n color: #B8860B !important;\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 \/* FIXED: Ensure signup text paragraphs change to black in light theme *\/\n body.light-theme .signup-text p,\n html.light-theme .signup-text p {\n color: #333333 !important;\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 \/* FIXED: Input text color in light theme *\/\n body.light-theme .signup-form-container input,\n html.light-theme .signup-form-container input {\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 .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 \/* FIXED: Form note color in light theme *\/\n body.light-theme .form-note,\n html.light-theme .form-note {\n color: #666666 !important;\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 \/* FIXED: Benefits list items color in light theme *\/\n body.light-theme .benefits-list li,\n html.light-theme .benefits-list li {\n color: #333333 !important;\n }\n\n .benefits-list li:last-child {\n margin-bottom: 0;\n }\n\n .benefits-list li::before {\n content: none !important;\n }\n\n \/* ============================================================================ *\/\n \/* SECURE COMMENT SYSTEM STYLES *\/\n \/* ============================================================================ *\/\n .engagement-container {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 6rem auto;\n max-width: 950px;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: background-color 0.3s ease, border-color 0.3s ease;\n }\n .engagement-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: flex-start;\n }\n .engagement-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 400px;\n position: relative;\n top: 1rem;\n }\n .engagement-content h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n transition: color 0.3s ease;\n }\n .engagement-content p {\n color: #E3E3DC;\n font-size: 1.1rem;\n line-height: 1.7;\n margin-bottom: 2rem;\n transition: color 0.3s ease;\n }\n .engagement-features {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .engagement-features li {\n color: #E3E3DC;\n margin-bottom: 1.2rem;\n font-size: 1.05rem;\n line-height: 1.6;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n transition: color 0.3s ease;\n }\n .engagement-features li:last-child {\n margin-bottom: 0;\n }\n .engagement-interaction {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n }\n .comment-form-v1 h4 {\n color: #F4C542;\n font-size: 1.6rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n text-align: center;\n transition: color 0.3s ease;\n }\n .comment-form-v1 p {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n padding-left: 1.5rem;\n counter-reset: step-counter;\n }\n .comment-form-v1 ol li {\n margin-bottom: 0.8rem;\n list-style: none;\n position: relative;\n padding-left: 4rem;\n color: #fff;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol li span {\n position: absolute;\n left: 0;\n color: #F4C542;\n font-weight: 600;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n body.light-theme .comment-form-v1 ol li span,\n html.light-theme .comment-form-v1 ol li span {\n color: #B8860B !important;\n font-weight: 600 !important;\n }\n\n .form-group-v1 {\n margin-bottom: 2rem;\n }\n .form-group-v1 input,\n .form-group-v1 textarea {\n width: 100%;\n padding: 1rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 8px;\n font-size: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n .form-group-v1 input:focus,\n .form-group-v1 textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n .form-group-v1 input::placeholder,\n .form-group-v1 textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Main comment form placeholder styling for light theme *\/\n body.light-theme .form-group-v1 input::placeholder,\n html.light-theme .form-group-v1 input::placeholder,\n body.light-theme .form-group-v1 textarea::placeholder,\n html.light-theme .form-group-v1 textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Main comment form input text color in light theme *\/\n body.light-theme .form-group-v1 input,\n html.light-theme .form-group-v1 input,\n body.light-theme .form-group-v1 textarea,\n html.light-theme .form-group-v1 textarea {\n color: #333333 !important;\n background: rgba(255, 255, 255, 0.9) !important;\n border: 1px solid rgba(184, 134, 11, 0.5) !important;\n }\n \n .form-group-v1 textarea {\n height: 100px;\n resize: vertical;\n }\n\n \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n .username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n }\n\n .username-display {\n flex: 1;\n width: auto;\n padding: 1rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .username-display.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n .username-display.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: auto;\n }\n\n .username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .username-refresh-btn:active {\n transform: rotate(180deg) scale(0.95);\n }\n\n .username-refresh-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n transform: none;\n }\n\n .username-refresh-btn.spinning {\n animation: spin 0.5s ease-in-out;\n }\n\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* Inline reply form styles *\/\n .inline-username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n margin-bottom: 0.8rem;\n }\n\n .inline-reply-username {\n flex: 1;\n width: auto;\n padding: 0.8rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 6px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .inline-reply-username.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n \n .inline-reply-username.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .inline-username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 0.8rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 40px;\n }\n\n .inline-username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .submit-btn-v1 {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n padding: 1.2rem 1.5rem;\n color: #fff;\n font-weight: 600;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 1rem;\n }\n .submit-btn-v1:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n .submit-btn-v1:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n .status-message {\n text-align: center;\n padding: 1rem;\n border-radius: 8px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .status-message.show {\n opacity: 1;\n }\n .status-message.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n .status-message.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n .comments-display {\n margin-top: 2rem !important;\n border-top: none !important;\n padding-top: 2.5rem !important;\n width: 100%;\n box-sizing: border-box;\n }\n .sort-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 0.5rem !important;\n margin-bottom: 2rem !important;\n padding: 0 !important;\n }\n .sort-label {\n color: #E3E3DC;\n font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n font-weight: 400 !important;\n transition: color 0.3s ease;\n }\n .sort-dropdown {\n background: rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(76, 175, 80, 0.4);\n color: #E3E3DC;\n padding: 0.4rem 0.6rem !important;\n border-radius: 4px !important;\n font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n font-family: 'Montserrat', sans-serif;\n cursor: pointer;\n transition: all 0.3s ease;\n outline: none;\n }\n .sort-dropdown:hover {\n border-color: #4CAF50;\n background: rgba(0, 0, 0, 0.8);\n }\n .sort-dropdown:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n }\n .comments-header {\n color: #4CAF50;\n font-size: clamp(1.1rem, 3vw, 1.3rem);\n margin-bottom: 2rem !important;\n font-weight: 600;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-wrap: wrap;\n transition: color 0.3s ease;\n }\n.comment-item {\n background: rgba(0,0,0,0.4);\n border-radius: 8px;\n padding: 1.2rem;\n margin-bottom: 1.5rem !important;\n border-left: 3px solid #4CAF50;\n width: auto;\n max-width: 100%;\n box-sizing: border-box;\n transition: background-color 0.3s ease, border-color 0.3s ease;\n overflow-wrap: break-word;\n word-wrap: break-word;\n position: relative; \n }\n \n .comment-container {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n .comment-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n gap: 1rem;\n min-height: 2rem;\n }\n .comment-author {\n color: #F4C542;\n font-weight: 600;\n font-size: clamp(0.9rem, 2.5vw, 1rem);\n transition: color 0.3s ease;\n }\n .comment-date {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n transition: color 0.3s ease;\n }\n .comment-text {\n color: #E3E3DC;\n line-height: 1.5;\n font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n word-wrap: break-word;\n overflow-wrap: break-word;\n margin-bottom: 1rem;\n transition: color 0.3s ease;\n }\n .comment-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 1rem;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n transition: border-color 0.3s ease;\n }\n .comment-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.5);\n color: #4CAF50;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n min-width: 50px;\n justify-content: center;\n white-space: nowrap;\n height: 32px;\n box-sizing: border-box;\n }\n .comment-like-btn:hover,\n .comment-reply-btn:hover {\n background: rgba(76, 175, 80, 0.1);\n border-color: #4CAF50;\n transform: translateY(-1px);\n }\n .comment-like-btn.liked {\n background: rgba(76, 175, 80, 0.2);\n border-color: #4CAF50;\n color: #4CAF50;\n }\n .comment-dislike-btn {\n border-color: rgba(255, 107, 107, 0.5);\n color: #ff6b6b;\n margin-left: 0.2rem;\n }\n .comment-dislike-btn:hover {\n background: rgba(255, 107, 107, 0.1);\n border-color: #ff6b6b;\n transform: translateY(-1px);\n }\n .comment-dislike-btn.disliked {\n background: rgba(255, 107, 107, 0.2);\n border-color: #ff6b6b;\n color: #ff6b6b;\n }\n .comment-like-count {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n transition: color 0.3s ease;\n }\n .like-count, .dislike-count {\n font-weight: 600;\n margin-left: 0.2rem;\n }\n \n \/* Reply indicator styles *\/\n .reply-indicator {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.8rem;\n padding: 0.4rem 0.8rem;\n background: rgba(76, 175, 80, 0.08);\n border: 1px solid rgba(76, 175, 80, 0.2);\n border-radius: 12px;\n font-size: 0.85rem;\n color: #4CAF50;\n transition: all 0.3s ease;\n }\n \n .reply-icon {\n font-size: 1rem;\n font-weight: bold;\n color: #4CAF50;\n opacity: 0.8;\n }\n \n .reply-text {\n color: #E3E3DC;\n font-size: 0.8rem;\n opacity: 0.9;\n }\n \n .reply-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n \n \/* Read More Button Styles *\/\n .read-more-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.5);\n color: #F4C542;\n padding: 0.3rem 0.8rem;\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.8rem;\n font-weight: 500;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n transition: all 0.3s ease;\n display: inline-block;\n }\n \n .read-more-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: translateY(-1px);\n }\n \n .read-more-btn.expanded {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n }\n \n \/* Thread connection line for visual hierarchy *\/\n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n content: '';\n position: absolute;\n left: -6px;\n top: -8px;\n bottom: 50%;\n width: 2px;\n background: linear-gradient(to bottom, \n rgba(76, 175, 80, 0.4) 0%, \n rgba(76, 175, 80, 0.2) 50%, \n transparent 100%);\n border-radius: 1px;\n }\n #cancelReplyBtn {\n background: transparent !important;\n border: 1px solid #ff6b6b !important;\n color: #ff6b6b !important;\n padding: 0.6rem 1rem !important;\n border-radius: 6px !important;\n cursor: pointer !important;\n font-size: 0.9rem !important;\n margin-left: 1rem !important;\n transition: all 0.3s ease !important;\n font-family: 'Montserrat', sans-serif !important;\n }\n #cancelReplyBtn:hover {\n background: rgba(255, 107, 107, 0.1) !important;\n transform: translateY(-1px) !important;\n }\n .no-comments-message {\n text-align: center;\n color: #E3E3DC;\n opacity: 0.7;\n padding: 2rem;\n font-style: italic;\n transition: all 0.3s ease;\n }\n\n \/* Inline reply system styles *\/\n .inline-reply-form {\n background: rgba(76, 175, 80, 0.05);\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n padding: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n opacity: 0;\n transform: translateY(-10px);\n transition: all 0.3s ease;\n }\n \n .inline-reply-form.show {\n opacity: 1;\n transform: translateY(0);\n }\n \n .inline-reply-form h5 {\n color: #F4C542;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .inline-reply-email {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 0.8rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-email:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-email::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Inline reply form placeholder styling for light theme *\/\n body.light-theme .inline-reply-email::placeholder,\n html.light-theme .inline-reply-email::placeholder,\n body.light-theme .inline-reply-textarea::placeholder,\n html.light-theme .inline-reply-textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Username display text visibility in light theme *\/\n body.light-theme .username-display:not(.authenticated),\n html.light-theme .username-display:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .username-display.authenticated,\n html.light-theme .username-display.authenticated {\n color: #B8860B !important;\n }\n \n \/* FIXED: Inline reply username display visibility in light theme *\/\n body.light-theme .inline-reply-username:not(.authenticated),\n html.light-theme .inline-reply-username:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .inline-reply-username.authenticated,\n html.light-theme .inline-reply-username.authenticated {\n color: #B8860B !important;\n }\n \n .inline-reply-textarea {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n height: 80px;\n resize: vertical;\n margin-bottom: 1rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n .inline-reply-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .inline-reply-submit {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 6px;\n padding: 0.8rem 1.2rem;\n color: #fff;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n flex: 1;\n min-width: 100px;\n }\n \n .inline-reply-submit:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n }\n \n .inline-reply-submit:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n \n .inline-reply-cancel {\n background: transparent;\n border: 1px solid #ff6b6b;\n color: #ff6b6b;\n padding: 0.8rem 1.2rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 0.9rem;\n font-weight: 500;\n transition: all 0.3s ease;\n flex: 0 0 auto;\n }\n \n .inline-reply-cancel:hover {\n background: rgba(255, 107, 107, 0.1);\n transform: translateY(-1px);\n }\n \n .inline-reply-status {\n width: 100%;\n text-align: center;\n padding: 0.8rem;\n border-radius: 6px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .inline-reply-status.show {\n opacity: 1;\n }\n \n .inline-reply-status.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n \n .inline-reply-status.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n\n \/* ============================================================================ *\/\n \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n \/* ============================================================================ *\/\n \n \/* Light theme styles for dynamically created comments *\/\n body.light-theme .comment-item,\n html.light-theme .comment-item {\n background: rgba(0,0,0,0.05) !important;\n border-left: 3px solid #B8860B !important;\n }\n\n body.light-theme .comment-text,\n html.light-theme .comment-text {\n color: #333333 !important;\n }\n\n body.light-theme .comment-author,\n html.light-theme .comment-author {\n color: #B8860B !important;\n }\n\n body.light-theme .comment-date,\n html.light-theme .comment-date {\n color: #666666 !important;\n }\n\n body.light-theme .comment-footer,\n html.light-theme .comment-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n }\n\n body.light-theme .comment-like-count,\n html.light-theme .comment-like-count {\n color: #666666 !important;\n }\n\n body.light-theme .comments-header,\n html.light-theme .comments-header {\n color: #B8860B !important;\n }\n\n body.light-theme .no-comments-message,\n html.light-theme .no-comments-message {\n color: #666666 !important;\n }\n\n \/* Light theme styles for reply indicators in dynamically created comments *\/\n body.light-theme .reply-text,\n html.light-theme .reply-text {\n color: #666666 !important;\n }\n\n body.light-theme .reply-text strong,\n html.light-theme .reply-text strong {\n color: #B8860B !important;\n }\n\n \/* Light theme styles for comment action buttons *\/\n body.light-theme .comment-like-btn,\n html.light-theme .comment-like-btn,\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn,\n body.light-theme .comment-reply-btn,\n html.light-theme .comment-reply-btn {\n border-color: rgba(184, 134, 11, 0.5) !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn:hover,\n html.light-theme .comment-like-btn:hover,\n body.light-theme .comment-reply-btn:hover,\n html.light-theme .comment-reply-btn:hover {\n background: rgba(184, 134, 11, 0.1) !important;\n border-color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn.liked,\n html.light-theme .comment-like-btn.liked {\n background: rgba(184, 134, 11, 0.2) !important;\n border-color: #B8860B !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn {\n border-color: rgba(204, 85, 85, 0.5) !important;\n color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn:hover,\n html.light-theme .comment-dislike-btn:hover {\n background: rgba(204, 85, 85, 0.1) !important;\n border-color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn.disliked,\n html.light-theme .comment-dislike-btn.disliked {\n background: rgba(204, 85, 85, 0.2) !important;\n border-color: #cc5555 !important;\n color: #cc5555 !important;\n }\n\n \/* CTA Button Styles *\/\n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #F4C542, #E6B82E);\n color: #000;\n padding: 1rem 3rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n border: none;\n cursor: pointer;\n }\n\n .cta-button:hover {\n transform: translateY(-3px) !important;\n box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n }\n\n \/* CTA Section Styles *\/\n .cta-section {\n text-align: center;\n margin: 4rem auto;\n max-width: 950px;\n padding: 2rem;\n }\n\n \/* Enhanced Typography *\/\n .content-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* Better desktop image sizing for large screens *\/\n @media (min-width: 1200px) {\n .center-image img {\n max-width: 60%;\n }\n \n .section-image {\n max-width: 400px;\n }\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .tbos-container {\n padding: 0 1rem;\n }\n\n .content-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n \n \/* FIXED: Mobile list font sizes to be normal *\/\n .content-card li {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n }\n\n .media-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .keep-learning-section {\n padding: 1.5rem;\n margin: 2rem auto;\n position: relative;\n z-index: 1;\n }\n\n .signup-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .signup-text h3,\n .signup-text p {\n text-align: center;\n }\n\n .signup-form-container {\n position: relative;\n z-index: 2;\n }\n\n .signup-form-container input {\n width: 100%;\n position: relative;\n z-index: 3;\n }\n\n .signup-form-container button {\n width: 100%;\n position: relative;\n z-index: 3;\n margin-bottom: 0.5rem;\n }\n\n .form-note {\n margin-top: 1rem;\n position: relative;\n z-index: 4;\n clear: both;\n display: block;\n width: 100%;\n padding-top: 0.5rem;\n }\n\n #formMessage {\n position: relative;\n z-index: 5;\n clear: both;\n margin-top: 1.5rem;\n display: block;\n width: 100%;\n box-sizing: border-box;\n padding: 1rem;\n text-align: center;\n font-weight: 600;\n }\n\n .engagement-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .engagement-container {\n padding: 2rem 1.5rem;\n }\n .engagement-content {\n text-align: center;\n min-height: auto;\n position: static;\n margin-bottom: 1rem;\n }\n\n .split-content {\n flex-direction: column;\n gap: 2rem;\n }\n\n .split-content img {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .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 \/* FIXED: Mobile list font sizes for smaller screens *\/\n .content-card li {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n }\n \n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Progress bar -->\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n <!-- Audio Elements (Hidden) -->\n <div style=\"display: none;\">\n <audio id=\"nightTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n \n <audio id=\"dayTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/div>\n \n<!-- Lightbox -->\n <div id=\"lightbox\" class=\"lightbox\">\n <span class=\"lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/span>\n <img class=\"lightbox-content\" id=\"lightbox-img\">\n <\/div>\n \n <section class=\"article-page\">\n <div class=\"tbos-container\">\n <!-- Title Section -->\n <div class=\"title-section\">\n <h1 class=\"article-title\">Pourquoi Two Birds One Stoned existe \ud83d\udc26\u200d\u2b1b<\/h1>\n <p class=\"article-subtitle\">Les histoires personnelles qui ont d\u00e9clench\u00e9 une mission pour changer les conversations sur le cannabis<\/p>\n \n <!-- Theme Toggle -->\n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- Navigation Hint -->\n <div class=\"nav-hint\">\n \u2193 Pr\u00eat \u00e0 plonger dans mon histoire personnelle ? Voici le r\u00e9cit complet \u2193\n <\/div>\n\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- Written Content Section -->\n <div class=\"content-section\">\n <h2 class=\"content-section-title\">Pourquoi Two Birds One Stoned existe \ud83d\udc26\u200d\u2b1b<\/h2>\n\n <!-- What made me decide to build this site? -->\n <div class=\"content-card\">\n <h3>Qu'est-ce qui m'a fait d\u00e9cider de cr\u00e9er ce site ?<\/h3>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\" alt=\"Cannabis users don't all look the same\">\n <p style=\"font-style: italic; color: #F4C542; font-size: 1.1rem; margin-top: 1rem;\">(Les utilisateurs de cannabis ne se ressemblent pas tous. Parce qu'ils ne le sont pas)<\/p>\n <\/div>\n \n <p class=\"content-text\">Salut l'humain,<\/p>\n <p class=\"content-text\">Je sais que tu dois \u00eatre occup\u00e9 donc je vais faire vite.<\/p>\n <p class=\"content-text\">Pour aller droit au but.<\/p>\n <p class=\"content-text\">Un de mes meilleurs potes a perdu quatre ans de logement sur le campus parce qu'il a fum\u00e9 un joint devant son immeuble.<\/p>\n <p class=\"content-text\">Un autre a \u00e9t\u00e9 tra\u00een\u00e9 au tribunal en Irlande pour avoir eu de l'herbe d'une valeur de 0,50\u20ac. Ce n'est pas une faute de frappe. Cinquante centimes. Au tribunal de district. C'\u00e9tait il y a 3 ans.<\/p>\n <p class=\"content-text\">Et moi, j'ai \u00e9t\u00e9 fouill\u00e9 \u00e0 nu, film\u00e9 nu et on m'a refus\u00e9 l'entr\u00e9e d'un festival, tout \u00e7a pour quelques joints<\/p>\n \n <p class=\"content-text translation-block\">L'incoh\u00e9rence et la duret\u00e9 de ces interactions m'ont fait questionner pourquoi le cannabis porte autant de stigmatisation. La fa\u00e7on dont la soci\u00e9t\u00e9 g\u00e8re le cannabis aujourd'hui semble compl\u00e8tement d\u00e9connect\u00e9e. Sachant que ce n'\u00e9taient que <strong>mes propres<\/strong> exp\u00e9riences personnelles, je savais qu'il y avait plus de gens dehors avec des histoires comme celles-ci.<\/p>\n <p class=\"content-text\">L'accumulation de ces moments m'a inspir\u00e9 \u00e0 commencer cette conversation.<\/p>\n <\/div>\n\n <!-- Personal Mission Section -->\n <div class=\"content-card\">\n <h3>Qu'est-ce qui va se passer ici ?<\/h3>\n \n <p class=\"content-text\">Deux choses vont se passer :<\/p>\n <ul>\n <li class=\"translation-block\"><strong>\u00c9duquer le public en toute s\u00e9curit\u00e9 sur le cannabis<\/strong> - pour que si tu interagis avec lui, tu puisses le faire de mani\u00e8re s\u00fbre et inform\u00e9e.<\/li>\n <li class=\"translation-block\"><strong>Briser et d\u00e9velopper la stigmatisation autour du cannabis<\/strong> - il faut juste le faire, alors nous voil\u00e0.<\/li>\n <\/ul>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Regular-cannabis-users.png\" alt=\"Regular Cannabis Users\">\n <div class=\"text-content\">\n <p class=\"content-text\">J'ai rencontr\u00e9 des infirmi\u00e8res, des ing\u00e9nieurs, des comptables, des baristas, des m\u00e9caniciens, des scientifiques, des propri\u00e9taires d'entreprise, des athl\u00e8tes, des m\u00e9decins, des \u00e9lectriciens, des plombiers, des sages-femmes et la liste continue, qui ont consomm\u00e9 du cannabis et sont des personnes tr\u00e8s motiv\u00e9es, fonctionnelles et en bonne sant\u00e9. Et \u00e7a, c'est juste moi personnellement.<\/p>\n \n <p class=\"content-text\">Je sais qu'il y a un monde de gens l\u00e0-bas qui peuvent coexister avec le cannabis et vivre une vie \u00e9panouissante. La preuve vivante est partout, tu n'en entends juste pas toujours parler.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"highlight-box\">\n <p class=\"content-text\">Personne ne devrait se sentir bizarre ou honteux d'allumer. Tu aimes un peu d'herbe ? Cool. Des millions d'autres aussi, et ils prosp\u00e8rent ici. Il est temps qu'on arr\u00eate de chuchoter et qu'on commence \u00e0 l'assumer.<\/p>\n <\/div>\n <p class=\"content-text\">Le cannabis peut enrichir une vie avec structure, objectif et sant\u00e9. Sans \u00e7a, il peut lentement prendre plus qu'il ne donne.<\/p>\n <\/div>\n\n <!-- The University Story -->\n <div class=\"content-card\">\n <h3>Laisse-moi partager les histoires<\/h3>\n <p class=\"content-text\">Alors pourquoi j'ai d\u00e9cid\u00e9 de faire \u00e7a ? Pourquoi passer tout mon temps libre sur quelque chose comme \u00e7a ?<\/p>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Kicked-out-of-accommadation.png\" alt=\"Kicked out of accommodation\">\n <div class=\"text-content\">\n <h4>L'histoire de l'universit\u00e9<\/h4>\n <p class=\"content-text\">J'avais 18 ans, je venais de commencer la fac, quand un de mes meilleurs potes, intelligent, motiv\u00e9, la t\u00eate bien sur les \u00e9paules, s'est fait prendre en train de fumer un joint devant son appartement. L'universit\u00e9 lui a interdit tout logement sur le campus. Un moment. Quatre ans partis. Alors que nous profitions de la vie sur le campus, il a \u00e9t\u00e9 exclu pour un peu d'herbe.<\/p>\n \n <p class=\"content-text\">C'\u00e9tait une d\u00e9cision qui n'a bless\u00e9 personne, que beaucoup d'entre nous ont prise, il a juste eu la malchance de se faire prendre. Et pour \u00e7a, il a rat\u00e9 de superbes exp\u00e9riences de vie.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"highlight-box\">\n <p class=\"content-text\">Il a poursuivi en cr\u00e9ant la soci\u00e9t\u00e9 d'entrepreneuriat de l'Universit\u00e9, obtenu son dipl\u00f4me avec mention tr\u00e8s bien, travaill\u00e9 pour une multinationale, et maintenant il est fianc\u00e9 et construit une maison. Un joint ne l'a pas d\u00e9fini, mais les r\u00e8gles ont essay\u00e9. Pendant ce temps, le pub de la fac (ouais le stables) \u00e9tait bond\u00e9 tous les soirs, et personne n'y trouvait \u00e0 redire. Et pour \u00eatre honn\u00eate, j'\u00e9tais probablement aussi au pub \u00e0 passer du bon temps. Mais c'\u00e9tait la premi\u00e8re fois o\u00f9 j'\u00e9tais genre \"hmmm \u00e7a colle pas\".<\/p>\n <\/div>\n <\/div>\n\n <!-- The 50 Cent Story -->\n <div class=\"content-card\">\n <h3>0,50\u20ac de Cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Joe-Doean-Docuemnt.png\" alt=\"Court document\">\n <div class=\"text-content\">\n <p class=\"content-text\">Cette histoire est vraie et est arriv\u00e9e \u00e0 l'un de mes meilleurs potes. Pendant COVID, il s'est fait prendre en train d'\u00e9craser la fin d'un joint. Il \u00e9tait de retour chez lui, a \u00e9t\u00e9 rep\u00e9r\u00e9, a re\u00e7u une amende et a \u00e9t\u00e9 convoqu\u00e9 au tribunal par les Garda\u00ed (Police). Il nous a montr\u00e9 l'acte d'accusation. Je te jure, c'\u00e9tait \u00e9crit comme \u00e7a :<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">\"\u00c0 la date et au lieu mentionn\u00e9s ci-dessus, vous avez \u00e9t\u00e9 trouv\u00e9 en possession de cannabis d'une valeur d'environ 0,50\u20ac. Cela a \u00e9t\u00e9 d\u00e9tect\u00e9 lors d'un contr\u00f4le de routine par An Garda S\u00edoch\u00e1na en vertu de la Loi sur l'usage abusif de drogues de 1977, Section 23 (pouvoir de fouiller les personnes soup\u00e7onn\u00e9es de poss\u00e9der des drogues).\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"content-text\">John Doean, mon pote, \u00e0 quoi tu pensais ? Criminel. 50 centimes.. Le mec s'est fait prendre avec le roger qui pique et a d\u00fb aller au tribunal. 50 centimes \u00e9quivalent \u00e0 24 milligrammes d'herbe. C'est comme se faire prendre avec un quart de shot de caf\u00e9. D\u00e9sol\u00e9 mais quoi. Seigneur b\u00e9b\u00e9 J\u00e9sus. C'est vraiment d\u00e9routant comment c'est arriv\u00e9. Je veux dire, c'est l\u00e0 que notre gouvernement mettait ses ressources ? Pendant une pand\u00e9mie mondiale ? Aux gars et filles de la maison de Leinster, vous savez que c'est de la folie, y'a pas deux fa\u00e7ons de voir \u00e7a.<\/p>\n \n <p class=\"content-text\">Franchement, o\u00f9 tu commences et o\u00f9 tu finis avec un truc pareil haha<\/p>\n <\/div>\n\n <!-- Festival Story -->\n <div class=\"content-card\">\n <h3>Mon exp\u00e9rience au festival<\/h3>\n <p class=\"content-text\">Et enfin, celui qui l'a rendu personnel pour moi. Ce qui a lanc\u00e9 cette id\u00e9e. Ma propre interaction avec les gars en bleu et le cannabis. Cette fois en Australie. Je pensais rester cool, rouler quelques joints et profiter de la musique.<\/p>\n \n <p class=\"content-text\">Au lieu de \u00e7a, je me suis retrouv\u00e9 dans une tente de police, montrant tout aux officiers avec leur cam\u00e9ra. \u00catre film\u00e9 nu c'\u00e9tait un peu trop mais ils ont eu ce qu'ils ont eu. L'amende et l'avertissement ? Pas faux, j'ai enfreint la loi. Mais le contraste \u00e9tait choquant, des milliers \u00e0 l'int\u00e9rieur, buvant librement, pendant qu'on me traitait comme un criminel. Le petit vieux chien policier m'a bien eu. Je l'aime quand m\u00eame. Ma propre faute en fait.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Alors je rentre \u00e0 pied, un peu d\u00e9fonc\u00e9, un peu \u00e9nerv\u00e9 et j'ai juste d\u00e9cid\u00e9 : \u00e7a y est, je vais changer comment les gens voient le cannabis. C'\u00e9tait le moment. Toutes les histoires, toute la folie, \u00e7a m'a fait commencer \u00e0 me demander : pourquoi diable y a-t-il encore des restrictions aussi ridicules sur quelque chose qui aide les gens \u00e0 vivre de meilleures vies... pendant que d'autres sont toujours punis juste pour en avoir. Apr\u00e8s tout ce que j'avais vu, entendu et v\u00e9cu, je ne pouvais pas juste laisser tomber. Je devais faire quelque chose.<\/p>\n <\/div>\n \n <p class=\"content-text\">Shit does not add up when you analyse it. To think these are only my own personal experiences. How many more stories are out there like this?.<\/p>\n \n\n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/baby-saying-hello.jpg\" alt=\"Baby saying hello\" style=\"max-width: 200px;\">\n <\/div>\n \n <p class=\"content-text\">And that's what's brought me here. So hello x<\/p>\n <\/div>\n\n <!-- Responsible Use Section -->\n <div class=\"content-card\">\n <h3>Nota a Margine: Cannabis e Uso Responsabile<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Usining-the-bong-too-much.png\" alt=\"Using the bong too much\">\n <div class=\"text-content\">\n <p class=\"content-text\">Je sais que le cannabis est une drogue, et comme toute drogue, elle peut \u00eatre abus\u00e9e. Beaucoup de gens en font une utilisation excessive, et je ne suis pas l\u00e0 pour pr\u00e9tendre que \u00e7a n'arrive pas. Le cannabis n'est qu'une partie de l'\u00e9quation en ce qui concerne la sant\u00e9 et le bien-\u00eatre g\u00e9n\u00e9ral. Il est important de consid\u00e9rer tous les aspects de ta vie, ta sant\u00e9 mentale, ta sant\u00e9 physique, tes interactions sociales, ta productivit\u00e9 et ton bonheur g\u00e9n\u00e9ral.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Si le cannabis devient le <strong>seul<\/strong> centre de ta vie, si tout le reste commence \u00e0 r\u00e9tr\u00e9cir autour, alors tu n'as pas une relation saine avec lui. Si tu rentres du travail tous les jours et ne fais rien d'autre que taper dans le bong, alors c'est pas \u00e7a.<\/p>\n <\/div>\n\n <p class=\"content-text\">Ce que j'essaie de faire ici, c'est fournir des informations pr\u00e9cises et \u00e9quilibr\u00e9es sur le cannabis pour que les gens puissent prendre des d\u00e9cisions \u00e9clair\u00e9es. Je veux \u00e9duquer. Le cannabis est complexe. Il peut \u00eatre incroyablement b\u00e9n\u00e9fique, mais il n'est pas parfait. Comme tout, il n\u00e9cessite une utilisation responsable, de la compr\u00e9hension et une conscience de comment il s'int\u00e8gre dans ta vie dans son ensemble.<\/p>\n \n <p class=\"content-text\">C'est pourquoi je suis l\u00e0 pour te donner les faits, briser la stigmatisation et t'aider \u00e0 comprendre quelque chose qui a \u00e9t\u00e9 incompris et mal repr\u00e9sent\u00e9 pendant bien trop longtemps.<\/p>\n \n <p class=\"content-text\">Mais si c'est int\u00e9gr\u00e9 intentionnellement, comme partie d'une vie qui est d\u00e9j\u00e0 riche en mouvement, croissance et connexion, alors \u00e7a peut am\u00e9liorer ta vie de mani\u00e8res r\u00e9elles et significatives.<\/p>\n \n <p class=\"content-text\">Two Birds One Stoned te montrera les personnes hautement fonctionnelles, qui r\u00e9ussissent et sont motiv\u00e9es qui consomment Sweet Mary Jane. Nous existons.<\/p>\n <\/div>\n\n <!-- Education Methods -->\n <div class=\"content-card\">\n <h3>Comment vais-je \u00e9duquer ?<\/h3>\n <p class=\"content-text\">J'ai rassembl\u00e9 six contenus principaux sur le site jusqu'\u00e0 pr\u00e9sent :<\/p>\n <ul>\n <li>L'Anatomie de la Plante de Cannabis \ud83c\udf3f<\/li>\n <li>L'Histoire du Cannabis sur Terre \ud83c\udf0d<\/li>\n <li>Le Syst\u00e8me Endocannabino\u00efde Expliqu\u00e9 \ud83e\udde0<\/li>\n <li>Compos\u00e9s du Cannabis: Au-del\u00e0 du THC \ud83e\uddec<\/li>\n <li>M\u00e9thodes de Consommation du Cannabis \ud83c\udf2c\ufe0f<\/li>\n <li>Utilisations M\u00e9dicales du Cannabis \ud83c\udfe5<\/li>\n <\/ul>\n\n <p class=\"content-text\">J'ai cr\u00e9\u00e9 plusieurs fa\u00e7ons diff\u00e9rentes d'aborder ces sujets, parce que tout le monde n'apprend pas ou n'\u00e9coute pas de la m\u00eame mani\u00e8re.<\/p>\n \n <p class=\"content-text\">D'abord, il y a une vid\u00e9o YouTube rapide de 2-3 minutes qui d\u00e9compose les points cl\u00e9s. Facile \u00e0 dig\u00e9rer, droit au but, un bon point de d\u00e9part.<\/p>\n\n <p class=\"content-text\">Ensuite, il y a la version audio, moi qui la lis, plus quelques divagations de temps en temps. Id\u00e9al pour le trajet, une balade, ou quand tu n'as pas envie de fixer un \u00e9cran.<\/p>\n \n <p class=\"content-text\">Et si tu veux l'histoire compl\u00e8te, pas seulement les points cl\u00e9s, prends 5-10 minutes et lis l'article. C'est l\u00e0 que tu auras l'image compl\u00e8te, le bon truc.<\/p>\n \n <p class=\"content-text\">Je comprends que le cannabis n'est peut-\u00eatre pas ton obsession principale, la vie est charg\u00e9e et on a tous des trucs en cours. Donc si tu regardes seulement la vid\u00e9o de 2 minutes, c'est d\u00e9j\u00e0 une grosse victoire. Si \u00e7a \u00e9veille ton int\u00e9r\u00eat, mets la version audio la prochaine fois que tu te d\u00e9places.<\/p>\n <\/div>\n\n <!-- Endocannabinoid System Highlight -->\n <div class=\"content-card\">\n <h3>Le syst\u00e8me endocannabino\u00efde - Ma d\u00e9couverte pr\u00e9f\u00e9r\u00e9e<\/h3>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Your-body-making-its-own-cannabis.png\" alt=\"Your body makes its own cannabis\">\n <\/div>\n \n <p class=\"content-text\">Mon article pr\u00e9f\u00e9r\u00e9 sur lequel j'ai appris et \u00e9crit ces deux derni\u00e8res ann\u00e9es est \"Le syst\u00e8me endocannabino\u00efde\". Pour moi, apprendre \u00e0 ce sujet, toute la d\u00e9couverte r\u00e9cente et la fa\u00e7on dont le syst\u00e8me fonctionne en nous est dingue. Un aper\u00e7u tr\u00e8s rapide est le suivant :<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Quand tu consommes du cannabis, tu consommes ce qu'on appelle des compos\u00e9s cannabino\u00efdes, comme le THC et le CBD. Ce qu'on a d\u00e9couvert (en 1988), c'est que les cellules de ton propre corps, en ce moment m\u00eame, fabriquent exactement le m\u00eame type de compos\u00e9s, naturellement en toi. Quelque chose dont on n'avait aucune id\u00e9e avant 1988.<\/p>\n <\/div>\n\n <p class=\"content-text\">Etttttt on dirait que c'est une sacr\u00e9e grosse d\u00e9couverte.<\/p>\n \n <p class=\"content-text\">Par exemple, prends Jo Cameron, une femme en \u00c9cosse qui ne peut litt\u00e9ralement pas ressentir la douleur. Ni pendant l'accouchement, ni apr\u00e8s une op\u00e9ration. Elle ne s'est pas rendu compte que sa peau br\u00fblait, jusqu'\u00e0 ce qu'elle sente sa propre chair br\u00fbler. Les scientifiques ont finalement d\u00e9couvert que son corps produit des niveaux extr\u00eamement \u00e9lev\u00e9s d'endocannabino\u00efdes naturels. Elle n'\u00e9tait pas engourdie, elle \u00e9tait satur\u00e9e. Son corps activait constamment ce syst\u00e8me. Et ni elle, ni le reste d'entre nous, n'en avions la moindre id\u00e9e.<\/p>\n \n <p class=\"content-text\">En plus de \u00e7a, si tu as d\u00e9j\u00e0 v\u00e9cu un \"runner's high\". Cette sensation d'euphorie et de bonheur apr\u00e8s un exercice intense comme la course, la musculation ou la natation, devine ce qui facilite \u00e7a ? Ton syst\u00e8me endocannabino\u00efde. C'est ton propre corps qui fabrique ses propres compos\u00e9s ressemblant au cannabis en toi, qui te donnent cette sensation d'euphorie et de bonheur.<\/p>\n \n <p class=\"content-text\">Alors tu y vas et tu exploses ton max au d\u00e9velopp\u00e9 couch\u00e9\/squat ou tu cours ce mile chronom\u00e9tr\u00e9, puis cette bonne sensation te traverse.<\/p>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Runners-high-anadamide.png\" alt=\"Runner's high anandamide\">\n <\/div>\n \n <p class=\"content-text\">Ce qui se passe l\u00e0, c'est que ta masse corporelle produit de l'anandamide (AEA en abr\u00e9g\u00e9), ton propre compos\u00e9 ressemblant au cannabis (d\u00e9couvert en 1992) qui se verrouille sur des r\u00e9cepteurs qui permettent ensuite la lib\u00e9ration de dopamine, ce qui nous donne ce high naturel que nous \u00e9prouvons.<\/p>\n \n <p class=\"content-text\">Tout prenait sens. Les humains interagissaient avec le cannabis depuis des milliers d'ann\u00e9es, et maintenant on savait pourquoi. On n'introduisait pas quelque chose d'\u00e9tranger dans nos corps, on activait un syst\u00e8me qui existait d\u00e9j\u00e0 en nous.<\/p>\n \n <p class=\"content-text\">Ton propre corps fabriquant ses propres compos\u00e9s ressemblant au cannabis, pour te r\u00e9compenser apr\u00e8s l'exercice. Plut\u00f4t int\u00e9ressant ?<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Comme l'\u00e9crit le Dr David J. Linden, PhD de Johns Hopkins Medicine. \"L'exercice augmente les niveaux d'endocannabino\u00efdes dans le sang. Contrairement aux endorphines, les endocannabino\u00efdes peuvent facilement traverser la barri\u00e8re cellulaire s\u00e9parant le sang du cerveau, o\u00f9 ces neuromodulateurs am\u00e9liorant l'humeur favorisent des effets psychoactifs \u00e0 court terme tels qu'une anxi\u00e9t\u00e9 r\u00e9duite et des sentiments de calme\"<\/p>\n <\/div>\n \n <p class=\"content-text\">Quelque chose que nous avons d\u00e9couvert uniquement gr\u00e2ce au cannabis. Cet exemple particulier du syst\u00e8me endocannabino\u00efde en action ne fait qu'effleurer la surface de ce qui se passe.<\/p>\n \n <p class=\"content-text\">La relation entre plante et humain commence \u00e0 avoir plus de sens.<\/p>\n \n <p class=\"content-text\">Donc si tu aimes apprendre de nouvelles choses, jette un \u0153il \u00e0 cet article. Il y a des connaissances solides de 3\/4 pintes de profondeur \u00e0 transmettre. Deviens l'expert du pub s'il te pla\u00eet x<\/p>\n <\/div>\n\n <!-- Media Fact Checking -->\n <div class=\"content-card\">\n <h3>Etttttt Finalement<\/h3>\n <p class=\"content-text\" style=\"text-align: center;\">Pour tous ceux qui diffusent des nouvelles alarmistes sur le cannabis, salut \ud83d\ude42<\/p>\n <p class=\"content-text translation-block\">Le quotidien le plus vendu d'Irlande a publi\u00e9 un titre en premi\u00e8re page affirmant que <strong>5 000 personnes ont \u00e9t\u00e9 hospitalis\u00e9es \u00e0 cause de l'usage du cannabis<\/strong>.<\/p>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/irish-Independant-Article.jpg\" alt=\"Irish Independent Article\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Source: Irish Independant<\/p>\n<\/div>\n \n <p class=\"content-text\">Lis \u00e7a et tu penserais que la plante elle-m\u00eame envoyait les gens directement aux urgences. C'est le but, faire en sorte que le cannabis semble dangereux, faire parler les gens et vendre plus de journaux. Fair-play si ton boulot est de vendre des histoires, bien jou\u00e9. Mais creusons plus profond.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Le nombre a \u00e9t\u00e9 fortement influenc\u00e9 par le <strong>cannabis synth\u00e9tique<\/strong>, qui est une drogue compl\u00e8tement diff\u00e9rente.<\/p>\n <p class=\"content-text translation-block\">Le cannabis synth\u00e9tique n'est pas du cannabis. Ce sont litt\u00e9ralement des produits chimiques fabriqu\u00e9s par l'homme pulv\u00e9ris\u00e9s sur de la mati\u00e8re v\u00e9g\u00e9tale s\u00e9ch\u00e9e pour imiter les effets du THC. C'est tout. <strong>Pas de compos\u00e9s naturels, pas de fleur de cannabis<\/strong>, juste un cocktail fait en laboratoire con\u00e7u pour \u00e9chapper aux tests de d\u00e9pistage de drogues.<\/p>\n <p class=\"content-text\">C'est moins cher \u00e0 fabriquer, plus facile \u00e0 distribuer et beaucoup plus dangereux. Et devine quoi ? Il n'existe que parce que la vraie plante est ill\u00e9gale.<\/p>\n <p class=\"content-text\">Interdis la version naturelle et tu cr\u00e9es le march\u00e9 pour la contrefa\u00e7on toxique. Ce n'est pas de la r\u00e9duction des risques, c'est une politique qui se retourne contre elle en temps r\u00e9el.<\/p>\n <\/div>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Syntehtic-v-Real-cannabis.png\" alt=\"Synthetic vs Real Cannabis\">\n <\/div>\n \n <p class=\"content-text translation-block\">Alors peut-\u00eatre qu'au lieu d'utiliser ces chiffres pour pousser la peur, on pose une meilleure question : <em>pourquoi les gens se tournent-ils vers le synth\u00e9tique en premier lieu ?<\/em><\/p>\n \n <p class=\"content-text translation-block\">Ou dans The Echo, qui appartient \u00e0 l'Irish Times, le deuxi\u00e8me quotidien le plus vendu d'Irlande. Un titre qui dit <em><a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_self\">\"L'Irlande a un probl\u00e8me de drogue, et la l\u00e9galisation n'est pas une panac\u00e9e.\"<\/a><\/em><\/p>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/irish-newpaper-image.png\" alt=\"Irish Newspaper Article\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\"><a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_blank\" style=\"color: #E3E3DC\">https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html<\/a><\/p>\n<\/div>\n \n <p class=\"content-text translation-block\">Je comprends, c'est une discussion qui vaut la peine d'\u00eatre men\u00e9e. Mais l'image principale ? <strong>Un joint.<\/strong> M\u00eame si l'article se concentre sur les d\u00e9c\u00e8s li\u00e9s aux drogues en Europe et que le cannabis n'est pas associ\u00e9 aux surdoses mortelles.<\/p>\n \n <p class=\"content-text\">Pourquoi utiliser cette image ? \u00c7a semble d\u00e9lib\u00e9r\u00e9. Ce genre de trucs s'accumule. Petits choix, cadrage subtil, renforcement constant du m\u00eame r\u00e9cit d\u00e9pass\u00e9.<\/p>\n \n <p class=\"content-text\">Je suis irlandais, donc je vois principalement ce qui est pouss\u00e9 dans les m\u00e9dias ici. C'est pourquoi j'ai donn\u00e9 ces exemples, mais \u00e7a existe partout.<\/p>\n \n <p class=\"content-text translation-block\">Par exemple, de l'autre c\u00f4t\u00e9 de l'\u00e9tang en Angleterre. Un commissaire de police en <strong>juillet 2025<\/strong> a compar\u00e9 le cannabis au cancer, \u00e0 la psychose et aux malformations cong\u00e9nitales, et a appel\u00e9 \u00e0 le reclasser comme drogue de classe A, le mettant au m\u00eame niveau que l'h\u00e9ro\u00efne.<\/p>\n \n <p class=\"content-text translation-block\">En plus de cela, au cours du m\u00eame mois <strong>(juillet 2025)<\/strong>, certains des plus hauts responsables policiers du Royaume-Uni, notamment le directeur du Coll\u00e8ge de la police (le type qui fixe litt\u00e9ralement les normes pour la police dans le pays), le chef de la police du Grand Manchester et le chef de la police de Merseyside ont fait une d\u00e9claration publique commune appelant \u00e0 une position plus ferme sur le cannabis. Ils ont dit que l'<strong>odeur du cannabis est un signe de crime et de d\u00e9sordre<\/strong>. Avec cette logique, l'odeur de peinture fra\u00eeche est un signe de r\u00e9novation ill\u00e9gale et l'odeur d'essence signifie que quelqu'un pr\u00e9voit un incendie criminel.<\/p>\n \n <p class=\"content-text translation-block\"><strong>Laisse \u00e7a rentrer<\/strong>. Dans leur propre pays o\u00f9 ils d\u00e9clarent que le cannabis est \"chroniquement dangereux\", la plante est prescrite par des m\u00e9decins, y compris le NHS, pour aider les patients atteints de maladies graves. G\u00e9niaaaaaaal.<\/p>\n \n <p class=\"content-text\">La stigmatisation n'est pas apparue du jour au lendemain. Elle a \u00e9t\u00e9 construite, article par article, titre par titre. Alors maintenant c'est notre tour de commencer \u00e0 la d\u00e9manteler.<\/p>\n \n <p class=\"content-text translation-block\">Un post \u00e0 la fois. La v\u00e9rit\u00e9 est plus difficile \u00e0 ignorer. <a href=\"https:\/\/www.youtube.com\/watch?v=4w4ZHukivB8\" target=\"_blank\">On arrive.<\/a><\/p>\n <\/div>\n \n <!-- Life Perspective Section -->\n <div class=\"content-card\">\n <h3>Une perspective rapide sur la vie<\/h3>\n <p class=\"content-text\">Maintenant avec \u00e7a j'esp\u00e8re que vous passez tous une super journ\u00e9e. Compl\u00e8tement hors sujet. Rappelez-vous qu'on sera tous partis dans 70 ans environ, donc rien de ce que je viens d'\u00e9crire ou que tu as lu n'aura d'importance pour nous. Pourquoi ?<\/p>\n \n <p class=\"content-text\">Parce qu'on sera tous partis. Je serai parti, tu seras parti, et les choses qui te stressent aujourd'hui seront aussi insignifiantes que la pluie d'hier. Il y a une \u00e9trange beaut\u00e9 l\u00e0-dedans. Donc quoi que ce soit qui te d\u00e9prime, respire. Souris. Donne-toi toutes les chances d'\u00eatre heureux.<\/p>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Lotto-v-life.png\" alt=\"Lottery vs Life\">\n <div class=\"text-content\">\n <div class=\"highlight-box\">\n <p class=\"content-text\">Voici un concept que j'adore. Imagine gagner \u00e0 la loterie, 50 millions de dollars. Tu courrais partout dans la maison, perdant la t\u00eate. Quelles \u00e9taient les vraies chances que tu gagnes ?? Maintenant fais une pause et r\u00e9alise ceci : les chances que tu existes sont bien, bien plus faibles que de gagner cette loterie. Le fait que tu sois l\u00e0, vivant, respirant, pensant, est assez extraordinaire franchement.<\/p>\n <\/div>\n \n <p class=\"content-text\">C'est dingue qu'on puisse tous exister. Et en plus, exister d'une mani\u00e8re ou d'une autre avec tes amis, sur cette minuscule plan\u00e8te \u00e0 ce moment pr\u00e9cis ? C'est incroyable, personne ne sait pourquoi on nous a donn\u00e9 cette chance mais on l'a eue. Adopter l'\u00e9tat d'esprit d'avoir une chance extr\u00eame de vivre sur terre peut aider.<\/p>\n <\/div>\n <\/div>\n <p class=\"content-text\">Alors, ouais, la vie peut \u00eatre d\u00e9sordonn\u00e9e, stressante et m\u00eame carr\u00e9ment ridicule parfois, mais c'est aussi un cadeau massif et improbable.<\/p>\n \n <p class=\"content-text\">Quand la vie semble lourde, rappelle-toi : rien de tout \u00e7a n'aura d'importance assez t\u00f4t. Alors souris, profite du voyage, et faisons le maximum de cette chance folle qu'on nous a donn\u00e9e. Tu gagnes juste en \u00e9tant ici. \u270c\ufe0f<\/p>\n \n <p class=\"content-text\">Quel relou moralisateur je fais.<\/p>\n \n <p class=\"content-text\">Peace x<\/p>\n <\/div>\n\n <!-- Personal Note: For John - WITH CORRECT JPG URL -->\n<div class=\"content-card\">\n <h3>Une Note Personnelle: Pour John<\/h3>\n <p class=\"content-text\">Je savais pas si je devais partager \u00e7a ou pas. J'veux pas faire dans le d\u00e9lire X Factor de merde, mais j'y ai r\u00e9fl\u00e9chi et j'ai d\u00e9cid\u00e9 d'en parler.<\/p>\n \n <p class=\"content-text\">J'ai r\u00e9cemment perdu un de mes meilleurs amis. Tu viens de lire sur lui.<\/p>\n \n <p class=\"content-text\">L'ami que j'ai appel\u00e9 'John Doean', celui tra\u00een\u00e9 au tribunal pour \u20ac0,50 d'herbe, ne s'appelait pas vraiment comme \u00e7a.<\/p>\n \n <p class=\"content-text\">Son vrai nom \u00e9tait John Dolan. Il est d\u00e9c\u00e9d\u00e9 fin octobre 2025, apr\u00e8s une maladie tr\u00e8s soudaine.<\/p>\n \n <p class=\"content-text\">Quand j'ai \u00e9crit ce texte \u00e0 l'origine, j'ai pens\u00e9 \u00eatre malin et utiliser 'John Doe', comme tu ferais dans une affaire judiciaire pour prot\u00e9ger l'identit\u00e9 de quelqu'un. Sauf que j'ai fait 'John Doean' comme un jeu de mots entre John Doe et John Dolan. Si tu viens d'o\u00f9 je viens ou si tu connaissais John, tu aurais vu clair dans mon jeu. C'\u00e9tait \u00e7a le but.<\/p>\n \n <p class=\"content-text\">Pourquoi je te raconte \u00e7a et j'\u00e9cris l\u00e0-dessus? J'ai lutt\u00e9 avec \u00e7a. Est-ce que \u00e7a compte dans le grand sch\u00e9ma? Que John soit parti ne change pas comment le cannabis est per\u00e7u.<\/p>\n \n <p class=\"content-text\">Ou peut-\u00eatre que si.<\/p>\n \n <p class=\"content-text\">La v\u00e9rit\u00e9, c'est que je sais que je ne suis pas seul \u00e0 vouloir changer comment le cannabis est per\u00e7u. Ce que je sais, c'est que j'ai au moins une personne qui \u00e9tait d'accord avec moi sur comment on doit changer la fa\u00e7on dont le cannabis est per\u00e7u, et c'\u00e9tait John.<\/p>\n \n <!-- UPDATED WITH JPG URL -->\n <p class=\"content-text\">Quand je lui ai demand\u00e9 son acte d'accusation original pour ce site en f\u00e9vrier, sa r\u00e9ponse \u00e9tait du pur Dolan: <em><a href=\"javascript:void(0);\" onclick=\"openLightbox('https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-12-at-4.18.52%E2%80%AFpm.jpg')\" style=\"color: #4CAF50; text-decoration: underline; cursor: pointer;\">\"\u00c9videmment je suis d'accord avec toi que c'\u00e9tait la cha\u00eene d'\u00e9v\u00e9nements la plus stupide, arri\u00e9r\u00e9e et inutile et je soutiendrais totalement la l\u00e9galisation haha\"<\/a><\/em><\/p>\n \n <p class=\"content-text\">Je veux rendre hommage \u00e0 mon ami John. \u00c9go\u00efstement, je veux qu'il fasse partie de ce message et de cette vision de ce qui se passe ici. Je veux que tous ceux qui l'ont connu sachent combien il comptait pour notre groupe d'amis. Il a aid\u00e9 \u00e0 fa\u00e7onner nos vies et ce projet pour moi en particulier.<\/p>\n \n <p class=\"content-text\">John \u00e9tait r\u00e9el, son cas \u00e9tait r\u00e9el, et son soutien pour changer ce stigmate et ce syst\u00e8me arri\u00e9r\u00e9 \u00e9tait r\u00e9el.<\/p>\n \n <p class=\"content-text\">Je vais pas mentir, la vie fait vraiment putain de mal en ce moment. Mais c'est la vie et on passera tous par l\u00e0 \u00e0 un moment. Un truc comme \u00e7a ne fait que solidifier ce que je veux faire de ma vie. Ce sur quoi je veux bosser, construire, poursuivre et essayer d'accomplir. Je sais que c'est ce qu'il voulait et qu'il poursuivait activement lui-m\u00eame. Je veux apporter cette \u00e9nergie et cette vision de la vie \u00e0 autant de personnes que possible.<\/p>\n \n <p class=\"content-text\">Alors je vais tout donner pour lui.<\/p>\n \n <p class=\"content-text\">Alors, pour toi <a href=\"javascript:void(0);\" onclick=\"openLightbox('https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/11\/DSC_0229-scaled.jpg')\" style=\"color: #4CAF50; text-decoration: underline; cursor: pointer;\">John Dolan<\/a>, je t'aime mon pote. Tu nous manques tellement mec. Les mots ne touchent pas ce qu'on ressent.<\/p>\n \n <p class=\"content-text\">Une pi\u00e8ce du puzzle manque maintenant mais celles que tu as touch\u00e9es tiennent encore fort ensemble. On a tous encore plein de pi\u00e8ces, alors on doit se concentrer l\u00e0-dessus.<\/p>\n \n <p class=\"content-text\">Jusqu'\u00e0 ce qu'on se retrouve, fr\u00e8re x.<\/p>\n \n <p class=\"content-text\">\u2764\ufe0f<\/p>\n<\/div>\n \n <div class=\"section-divider\"><\/div>\n <\/div>\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- Media Section -->\n <div class=\"media-section\">\n <!-- Video Section -->\n <div class=\"media-card animate-in\">\n <h3>\ud83c\udfac Regarde cette histoire<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">D\u00e9couvre le parcours personnel derri\u00e8re cette mission<\/p>\n<!-- Responsive Video Container -->\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n <iframe id=\"tbos-video\" \n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n src=\"https:\/\/www.youtube.com\/embed\/AlybgiRbVdk\" \n data-en=\"AlybgiRbVdk\"\n data-ga=\"Nz_sIJM92U8\"\n data-es=\"CkSyhK3Xq2Y\"\n data-de=\"1zmIdpJ2rlI\"\n data-pt=\"1KfhsLgthm0\"\n data-fr=\"Mlf0IoGTrLE\"\n data-it=\"fqrK26cBY1M\"\n data-pl=\"aPlHv9gsiFs\"\n title=\"Lecteur vid\u00e9o YouTube\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n referrerpolicy=\"strict-origin-when-cross-origin\" \n allowfullscreen>\n <\/iframe>\n<\/div>\n\n<script>\n(function() {\n const videoFrame = document.getElementById('tbos-video');\n if (!videoFrame) return;\n \n const currentLang = document.documentElement.lang || 'en';\n \n let langCode = 'en';\n if (currentLang.includes('ga')) langCode = 'ga';\n else if (currentLang.includes('es')) langCode = 'es';\n else if (currentLang.includes('de')) langCode = 'de';\n else if (currentLang.includes('pt')) langCode = 'pt';\n else if (currentLang.includes('fr')) langCode = 'fr';\n else if (currentLang.includes('it')) langCode = 'it';\n else if (currentLang.includes('pl')) langCode = 'pl';\n \n const videoId = videoFrame.dataset[langCode];\n if (videoId) {\n videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n }\n})();\n<\/script>\n <\/div>\n\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- Audio Section -->\n <div class=\"media-card animate-in\" style=\"margin: 4rem auto 3rem auto;\">\n <h3>\ud83c\udfa7 \u00c9coute en d\u00e9placement<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfect for your commute \u2014 audio-only version<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2PYJXdWXGRpwDl4sRgqPk4?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 <!-- Keep Learning Section -->\n <div class=\"keep-learning-section\">\n <div class=\"signup-split\">\n <div class=\"signup-text\">\n <h3>La Seule Fa\u00e7on de Rester \u00e0 Jour<\/h3>\n <p>Le cannabis \u00e9volue et on couvre la science, la recherche et la culture. Tout est gratuit et direct dans ta bo\u00eete mail. Pas de r\u00e9seaux sociaux. Email seulement. 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 <!-- Section Break before comments -->\n <div class=\"section-break\"><\/div>\n \n <!-- SECURE ENGAGEMENT SYSTEM -->\n <div class=\"engagement-container\">\n <div class=\"engagement-split\">\n <div class=\"engagement-content\">\n <h3>Qu'en penses-tu ?<\/h3>\n <p>Tu as quelque chose \u00e0 dire ? Laisse-le ci-dessous. Ta voix aide \u00e0 fa\u00e7onner ce qui vient ensuite.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Partage tes exp\u00e9riences<\/li>\n <li>\ud83e\udd1d Discute-en avec les autres<\/li>\n <li>\ud83d\udcda Aide \u00e0 am\u00e9liorer le contenu futur<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>Comment \u00e7a marche<\/h4>\n <ol>\n <li class=\"translation-block\"><span>\u00c9tape 1:<\/span>Choisis : Entre ton email OU commente anonymement<\/li>\n <li class=\"translation-block\"><span>\u00c9tape 2:<\/span>Re\u00e7ois ton nom d'utilisateur unique (tu le gardes sur tout le site)<\/li>\n <li class=\"translation-block\"><span>\u00c9tape 3:<\/span>Commente, vote, r\u00e9ponds et partage tes pens\u00e9es : tu fais partie de la conversation !<\/li>\n <\/ol>\n <form id=\"secureCommentForm\" action=\"\">\n <!-- HONEYPOT FIELDS - INVISIBLE TO HUMANS -->\n <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n \n <!-- Anonymous toggle -->\n <div class=\"form-group-v1\">\n <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Commente anonymement (aucun email requis)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"ton@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Ton nom d'utilisateur appara\u00eetra ici<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Obtiens un nom d'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 <!-- STATUS MESSAGES -->\n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n <!-- Section Break before comments -->\n <div class=\"section-break\"><\/div>\n \n <!-- COMMENTS DISPLAY -->\n <div class=\"comments-display\">\n <!-- Sort Options -->\n <div class=\"sort-container\">\n <label for=\"commentSort\" class=\"sort-label\">Trier par :<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">Plus r\u00e9cent<\/option>\n <option value=\"liked\">Plus aim\u00e9<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Commentaires r\u00e9cents (<span id=\"commentCount\">0<\/span>)\n <\/div>\n <div id=\"commentsList\">\n <!-- User comments will be dynamically inserted here -->\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Section Break -->\n <div class=\"section-break\"><\/div>\n\n <!-- Go Exploring CTA -->\n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\" class=\"cta-button\">\n \ud83c\udf3f Va explorer\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Firebase SDK (needs to be inline module for imports) -->\n <script type=\"module\">\n import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n \/\/ Firebase configuration\n const firebaseConfig = {\n apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n authDomain: \"tbos-site-comments.firebaseapp.com\",\n projectId: \"tbos-site-comments\",\n storageBucket: \"tbos-site-comments.firebasestorage.app\",\n messagingSenderId: \"154628531943\",\n appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n };\n\n \/\/ Initialize Firebase\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const auth = getAuth(app);\n\n \/\/ Make Firebase available globally\n window.firebaseDB = {\n db: db,\n auth: auth,\n collection: collection,\n addDoc: addDoc,\n getDocs: getDocs,\n query: query,\n orderBy: orderBy,\n where: where,\n doc: doc,\n updateDoc: updateDoc,\n deleteDoc: deleteDoc,\n getDoc: getDoc,\n setDoc: setDoc,\n serverTimestamp: serverTimestamp,\n onSnapshot: onSnapshot,\n signInAnonymously: signInAnonymously\n };\n\n console.log('\ud83d\udd25 Firebase initialized successfully');\n <\/script>\n\n <!-- Your External JavaScript Files -->\n <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n \n \/\/ Lightbox functions\n function openLightbox(imgSrc) {\n document.getElementById('lightbox').classList.add('active');\n document.getElementById('lightbox-img').src = imgSrc;\n }\n\n function closeLightbox() {\n document.getElementById('lightbox').classList.remove('active');\n }\n\n \/\/ Close on clicking outside the image\n document.getElementById('lightbox').addEventListener('click', function(e) {\n if (e.target === this) {\n closeLightbox();\n }\n });\n\n \/\/ Close on ESC key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n closeLightbox();\n }\n });\n\n \/\/ Reading progress tracking\n function updateProgressBar() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n }\n\n window.addEventListener('scroll', updateProgressBar);\n\n \/\/ Email signup functionality\n function setupEmailSignup() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n if (!form) return;\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n \/\/ Show loading state\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n \/\/ Create form data\n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n \/\/ Submit to Google Forms\n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n \/\/ Show success message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n \/\/ Clear form\n emailInput.value = '';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n \/\/ Show error message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n \/\/ Reset button\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentEmoji = button.textContent.trim();\n\nif (currentEmoji === '\ud83c\udf19') {\n button.textContent = '\u2600\ufe0f';\n playAudio('dayTimeAudio');\n isDarkTheme = false;\n } else {\n button.textContent = '\ud83c\udf19';\n playAudio('nightTimeAudio');\n isDarkTheme = true;\n }\n \n toggleTheme();\n }\n\n function playAudio(audioId) {\n const audio = document.getElementById(audioId);\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX AND HEADER\/FOOTER SUPPORT\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n const title = document.querySelector('.article-title');\n const subtitle = document.querySelector('.article-subtitle');\n const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n const toggleButton = document.getElementById('theme-toggle');\n const navHint = document.querySelector('.nav-hint');\n \n \/\/ Comment system selectors\n const engagementContainer = document.querySelector('.engagement-container');\n const commentForm = document.querySelectorAll('.comment-form-v1');\n const commentItems = document.querySelectorAll('.comment-item');\n const sortLabel = document.querySelector('.sort-label');\n const sortDropdown = document.querySelector('.sort-dropdown');\n const commentsHeader = document.querySelector('.comments-header');\n const noCommentsMessage = document.querySelector('.no-comments-message');\n \n \/\/ HEADER SELECTORS - ADDED FOR FIX\n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n \/\/ FOOTER SELECTORS - ADDED FOR FIX\n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME (Day Time)\n console.log('Applying LIGHT theme');\n \n \/\/ Add light theme class to both html and body\n html.classList.add('light-theme');\n body.classList.add('light-theme');\n \n \/\/ Apply cream background\n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR LIGHT THEME - ADDED FOR FIX\n if (header) {\n header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FOR FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR LIGHT THEME - ADDED FOR FIX\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Light cards\n contentCards.forEach(card => {\n if (card.classList.contains('keep-learning-section')) {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n } else {\n card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n }\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Update strong\/highlighted text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Update links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list, .quote-box');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ Remove light theme class\n html.classList.remove('light-theme');\n body.classList.remove('light-theme');\n \n \/\/ Apply dark background\n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR DARK THEME - ADDED FOR FIX\n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FOR FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR DARK THEME - ADDED FOR FIX\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Dark 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\/highlighted 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, .list-container, .other-parts-list, .quote-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', '4px solid #F4C542', 'important');\n highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint\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\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 headings\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset engagement content text\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset engagement feature list items\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset username display placeholder text\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#fff', '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\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 \/\/ Initialize page functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Set up animations\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('animate-in');\n }\n });\n }, observerOptions);\n \n cards.forEach(card => {\n observer.observe(card);\n });\n \n \/\/ Animate title section on load\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 }, 500);\n \n \/\/ Setup email signup\n setupEmailSignup();\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>Why Two Birds One Stoned Exists – Personal Stories Behind Cannabis Education Reform × Why Two Birds One Stoned Exists \ud83d\udc26\u200d\u2b1b The personal stories that sparked a mission to change cannabis conversations \ud83c\udf19 \u2193 Ready to dive into my personal story? Here’s the full breakdown \u2193 Why Two Birds One Stoned Exists \ud83d\udc26\u200d\u2b1b What made […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/2350","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=2350"}],"version-history":[{"count":165,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/2350\/revisions"}],"predecessor-version":[{"id":8030,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/2350\/revisions\/8030"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=2350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}