Guide d'anatomie de la plante de cannabis : Analyse scientifique des parties et fonctions | Two Birds One Stoned<\/title>\n <meta name=\"description\" content=\"Apprends l'anatomie de la plante de cannabis des racines aux trichomes. Guide scientifique couvrant les tiges, les feuilles, les fleurs et la production de cannabino\u00efdes. \u00c9ducation sur le cannabis fond\u00e9e sur des preuves.\">\n <meta name=\"keywords\" content=\"cannabis plant anatomy, cannabis botany, cannabis education, plant science, trichomes, cannabinoids, cannabis research, hemp anatomy, marijuana plant parts, cannabis biology\">\n <meta name=\"author\" content=\"Two Birds One Stoned\">\n <meta name=\"robots\" content=\"index, follow\">\n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-plant-anatomy-breakdown\/\">\n \n \n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-plant-anatomy-breakdown\/\">\n <meta property=\"og:title\" content=\"Guide d'anatomie de la plante de cannabis : Analyse scientifique des parties et fonctions\">\n <meta property=\"og:description\" content=\"Apprends l'anatomie de la plante de cannabis des racines aux trichomes. Guide scientifique couvrant les tiges, les feuilles, les fleurs et la production de cannabino\u00efdes. \u00c9ducation sur le cannabis fond\u00e9e sur des preuves.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Full-plant.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:image:alt\" content=\"Diagramme complet de l'anatomie de la plante de cannabis montrant toutes les parties des racines aux fleurs\">\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 Plant Anatomy\">\n <meta property=\"article:tag\" content=\"\u00c9ducation au cannabis\">\n <meta property=\"article:tag\" content=\"Plant Science\">\n <meta property=\"article:tag\" content=\"Cannabis Biology\">\n \n \n <meta property=\"twitter:card\" content=\"summary_large_image\">\n <meta property=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-plant-anatomy-breakdown\/\">\n <meta property=\"twitter:title\" content=\"Cannabis Plant Anatomy Guide: Scientific Breakdown of Parts & Functions\">\n <meta property=\"twitter:description\" content=\"Learn cannabis plant anatomy from roots to trichomes. Scientific guide covering stems, leaves, flowers, and cannabinoid production.\">\n <meta property=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Full-plant.png\">\n <meta property=\"twitter:image:alt\" content=\"Complete cannabis plant anatomy diagram showing all parts from roots to flowers\">\n <meta property=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n <meta property=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n \n \n <meta name=\"theme-color\" content=\"#F4C542\">\n <meta name=\"application-name\" content=\"Two Birds One Stoned\">\n <meta name=\"msapplication-TileColor\" content=\"#F4C542\">\n <meta name=\"format-detection\" content=\"telephone=no\">\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"Inside the Cannabis Plant: A Breakdown of Its Parts\",\n \"description\": \"A comprehensive scientific guide to cannabis plant anatomy, covering all parts from roots to trichomes and their functions in cannabinoid production.\",\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 },\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-plant-anatomy-breakdown\\\/\"\n },\n \"image\": [\n \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Full-plant.png\",\n \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Seeds.png\",\n \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Roots.png\",\n \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Flower.png\"\n ],\n \"datePublished\": \"2025-01-01\",\n \"dateModified\": \"2025-01-01\",\n \"articleSection\": \"Cannabis Education\",\n \"keywords\": [\n \"cannabis plant anatomy\",\n \"cannabis botany\",\n \"plant science\",\n \"trichomes\",\n \"cannabinoids\"\n ],\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Plant Anatomy\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Botany\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Plant Science\"\n }\n ],\n \"educationalLevel\": \"Beginner to Intermediate\",\n \"learningResourceType\": \"Article\",\n \"isAccessibleForFree\": true\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"EducationalOrganization\",\n \"name\": \"Two Birds One Stoned\",\n \"description\": \"Cannabis education and culture platform delivering evidence-based information to challenge stigma and promote understanding.\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n ],\n \"foundingDate\": \"2024\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"educationalCredentialAwarded\": \"Cannabis Education Certificate\",\n \"hasCredential\": {\n \"@type\": \"EducationalOccupationalCredential\",\n \"credentialCategory\": \"Cannabis Education\"\n }\n}<\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n \n \n <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Full-plant.png\" as=\"image\">\n<\/head>\n \n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n color: #fff;\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n line-height: 1.6;\n }\n\n \/* ARTICLE PAGE SECTION *\/\n .article-page {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 100px;\n padding-bottom: 6rem;\n }\n\n \/* Container *\/\n .tbos-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 3rem;\n border-radius: 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n margin: 4rem auto;\n max-width: 950px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Cards animate in when visible *\/\n .content-card.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Content Card Hover *\/\n .content-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n \/* Title Section *\/\n.article-page .tbos-container .title-section {\n text-align: center !important;\n margin-bottom: 60px !important; \/* CHANGED: was 30px *\/\n margin-top: 60px !important; \/* CHANGED: was 40px *\/\n padding-bottom: 3rem !important; \/* CHANGED: was 2rem *\/\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n max-width: 1000px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n position: relative !important;\n z-index: 10 !important;\n display: block !important;\n overflow: visible !important;\n min-height: auto; \/* ADDED: new line *\/\n}\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(2rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 2.5rem !important;\n color: #F4C542 !important;\n text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n line-height: 1.4 !important;\n letter-spacing: 0 !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 word-spacing: 0.1em !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n color: #E3E3DC !important;\n font-weight: 400 !important;\n margin-bottom: 4rem !important;\n opacity: 0.9 !important;\n line-height: 1.5 !important;\n max-width: 90% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n word-wrap: break-word !important;\n }\n\n \/* Media Section Spacing *\/\n .media-section {\n margin: 8rem auto;\n max-width: 950px;\n position: relative;\n z-index: 5;\n }\n\n .media-section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #F4C542;\n margin-bottom: 3rem;\n font-weight: 600;\n }\n\n \/* Media Cards *\/\n .media-card {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 4rem auto;\n max-width: 950px;\n text-align: center;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n }\n\n \/* Content Break *\/\n .content-break {\n height: 3rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .content-break::before {\n content: '';\n width: 200px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n border-radius: 1px;\n }\n\n \/* Navigation hint *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important; \/* CHANGED: was 4rem *\/\n margin-top: 3rem !important; \/* CHANGED: was 2rem *\/\n font-weight: 600 !important;\n text-shadow: none !important;\n padding-top: 3rem !important; \/* CHANGED: was 2rem *\/\n line-height: 1.4 !important; \/* ADDED: new line *\/\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\n }\n\n \/* Lists *\/\n .content-card ul {\n list-style-type: disc;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card ol {\n list-style-type: decimal;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1.15rem;\n color: #E3E3DC;\n line-height: 1.7;\n margin-bottom: 0.8rem;\n }\n\n \/* Links *\/\n .content-card a {\n color: #4CAF50;\n text-decoration: underline;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .content-card a:hover {\n color: #45a049;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n border-left: 5px solid #F4C542;\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 0 16px 16px 0;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* 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 .signup-text p {\n color: #E3E3DC;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n text-align: left;\n transition: color 0.3s ease;\n }\n\n .signup-form-container {\n display: flex;\n flex-direction: column;\n }\n\n .signup-form-container input {\n width: 100%;\n padding: 1rem 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 8px;\n background: rgba(255,255,255,0.05);\n color: #fff;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n\n .signup-form-container input:focus {\n outline: none;\n border-color: #4CAF50;\n }\n\n .signup-form-container input::placeholder {\n color: rgba(255,255,255,0.6);\n }\n\n \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n body.light-theme .signup-form-container input::placeholder,\n html.light-theme .signup-form-container input::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n\n .signup-form-container button {\n width: 100%;\n padding: 1rem;\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Montserrat', sans-serif;\n }\n\n .signup-form-container button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n\n .signup-form-container button:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n\n .form-note {\n color: #E3E3DC;\n font-size: 0.9rem;\n opacity: 0.8;\n margin: 1.5rem 0 0 0;\n text-align: center;\n transition: color 0.3s ease;\n }\n\n \/* Benefits List Styling *\/\n .benefits-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 1.5rem 0;\n padding-left: 0 !important;\n }\n\n .benefits-list li {\n color: #E3E3DC;\n margin-bottom: 1rem;\n font-size: 1rem;\n line-height: 1.6;\n padding-left: 0 !important;\n list-style: none !important;\n position: relative;\n transition: color 0.3s ease;\n }\n\n .benefits-list li:last-child {\n margin-bottom: 0;\n }\n\n .benefits-list li::before {\n content: none !important;\n }\n\n \/* ============================================================================ *\/\n \/* SECURE COMMENT SYSTEM STYLES *\/\n \/* ============================================================================ *\/\n .engagement-container {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 6rem auto;\n max-width: 950px;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: background-color 0.3s ease, border-color 0.3s ease;\n }\n .engagement-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: flex-start;\n }\n .engagement-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 400px;\n position: relative;\n top: 1rem;\n }\n .engagement-content h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n transition: color 0.3s ease;\n }\n .engagement-content p {\n color: #E3E3DC;\n font-size: 1.1rem;\n line-height: 1.7;\n margin-bottom: 2rem;\n transition: color 0.3s ease;\n }\n .engagement-features {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .engagement-features li {\n color: #E3E3DC;\n margin-bottom: 1.2rem;\n font-size: 1.05rem;\n line-height: 1.6;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n transition: color 0.3s ease;\n }\n .engagement-features li:last-child {\n margin-bottom: 0;\n }\n .engagement-interaction {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n }\n .comment-form-v1 h4 {\n color: #F4C542;\n font-size: 1.6rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n text-align: center;\n transition: color 0.3s ease;\n }\n .comment-form-v1 p {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n padding-left: 1.5rem;\n counter-reset: step-counter;\n }\n .comment-form-v1 ol li {\n margin-bottom: 0.8rem;\n list-style: none;\n position: relative;\n padding-left: 4rem;\n color: #fff;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol li span {\n position: absolute;\n left: 0;\n color: #F4C542;\n font-weight: 600;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n body.light-theme .comment-form-v1 ol li span,\n html.light-theme .comment-form-v1 ol li span {\n color: #B8860B !important;\n font-weight: 600 !important;\n }\n\n .form-group-v1 {\n margin-bottom: 2rem;\n }\n .form-group-v1 input,\n .form-group-v1 textarea {\n width: 100%;\n padding: 1rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 8px;\n font-size: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n .form-group-v1 input:focus,\n .form-group-v1 textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n .form-group-v1 input::placeholder,\n .form-group-v1 textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Main comment form placeholder styling for light theme *\/\n body.light-theme .form-group-v1 input::placeholder,\n html.light-theme .form-group-v1 input::placeholder,\n body.light-theme .form-group-v1 textarea::placeholder,\n html.light-theme .form-group-v1 textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Main comment form input text color in light theme *\/\n body.light-theme .form-group-v1 input,\n html.light-theme .form-group-v1 input,\n body.light-theme .form-group-v1 textarea,\n html.light-theme .form-group-v1 textarea {\n color: #333333 !important;\n background: rgba(255, 255, 255, 0.9) !important;\n border: 1px solid rgba(184, 134, 11, 0.5) !important;\n }\n \n .form-group-v1 textarea {\n height: 100px;\n resize: vertical;\n }\n\n \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n .username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n }\n\n .username-display {\n flex: 1;\n width: auto;\n padding: 1rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .username-display.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n .username-display.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: auto;\n }\n\n .username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .username-refresh-btn:active {\n transform: rotate(180deg) scale(0.95);\n }\n\n .username-refresh-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n transform: none;\n }\n\n .username-refresh-btn.spinning {\n animation: spin 0.5s ease-in-out;\n }\n\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* Inline reply form styles *\/\n .inline-username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n margin-bottom: 0.8rem;\n }\n\n .inline-reply-username {\n flex: 1;\n width: auto;\n padding: 0.8rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 6px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .inline-reply-username.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n \n .inline-reply-username.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .inline-username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 0.8rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 40px;\n }\n\n .inline-username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .submit-btn-v1 {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n padding: 1.2rem 1.5rem;\n color: #fff;\n font-weight: 600;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 1rem;\n }\n .submit-btn-v1:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n .submit-btn-v1:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n .status-message {\n text-align: center;\n padding: 1rem;\n border-radius: 8px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .status-message.show {\n opacity: 1;\n }\n .status-message.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n .status-message.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n .comments-display {\n margin-top: 2rem !important;\n border-top: none !important;\n padding-top: 2.5rem !important;\n width: 100%;\n box-sizing: border-box;\n }\n .sort-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 0.5rem !important;\n margin-bottom: 2rem !important;\n padding: 0 !important;\n }\n .sort-label {\n color: #E3E3DC;\n font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n font-weight: 400 !important;\n transition: color 0.3s ease;\n }\n .sort-dropdown {\n background: rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(76, 175, 80, 0.4);\n color: #E3E3DC;\n padding: 0.4rem 0.6rem !important;\n border-radius: 4px !important;\n font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n font-family: 'Montserrat', sans-serif;\n cursor: pointer;\n transition: all 0.3s ease;\n outline: none;\n }\n .sort-dropdown:hover {\n border-color: #4CAF50;\n background: rgba(0, 0, 0, 0.8);\n }\n .sort-dropdown:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n }\n .comments-header {\n color: #4CAF50;\n font-size: clamp(1.1rem, 3vw, 1.3rem);\n margin-bottom: 2rem !important;\n font-weight: 600;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-wrap: wrap;\n transition: color 0.3s ease;\n }\n.comment-item {\n background: rgba(0,0,0,0.4);\n border-radius: 8px;\n padding: 1.2rem;\n margin-bottom: 1.5rem !important;\n border-left: 3px solid #4CAF50;\n width: auto;\n max-width: 100%;\n box-sizing: border-box;\n transition: background-color 0.3s ease, border-color 0.3s ease;\n overflow-wrap: break-word;\n word-wrap: break-word;\n position: relative; \n }\n \n .comment-container {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n .comment-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n gap: 1rem;\n min-height: 2rem;\n }\n .comment-author {\n color: #F4C542;\n font-weight: 600;\n font-size: clamp(0.9rem, 2.5vw, 1rem);\n transition: color 0.3s ease;\n }\n .comment-date {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n transition: color 0.3s ease;\n }\n .comment-text {\n color: #E3E3DC;\n line-height: 1.5;\n font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n word-wrap: break-word;\n overflow-wrap: break-word;\n margin-bottom: 1rem;\n transition: color 0.3s ease;\n }\n .comment-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 1rem;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n transition: border-color 0.3s ease;\n }\n .comment-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.5);\n color: #4CAF50;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n min-width: 50px;\n justify-content: center;\n white-space: nowrap;\n height: 32px;\n box-sizing: border-box;\n }\n .comment-like-btn:hover,\n .comment-reply-btn:hover {\n background: rgba(76, 175, 80, 0.1);\n border-color: #4CAF50;\n transform: translateY(-1px);\n }\n .comment-like-btn.liked {\n background: rgba(76, 175, 80, 0.2);\n border-color: #4CAF50;\n color: #4CAF50;\n }\n .comment-dislike-btn {\n border-color: rgba(255, 107, 107, 0.5);\n color: #ff6b6b;\n margin-left: 0.2rem;\n }\n .comment-dislike-btn:hover {\n background: rgba(255, 107, 107, 0.1);\n border-color: #ff6b6b;\n transform: translateY(-1px);\n }\n .comment-dislike-btn.disliked {\n background: rgba(255, 107, 107, 0.2);\n border-color: #ff6b6b;\n color: #ff6b6b;\n }\n .comment-like-count {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n transition: color 0.3s ease;\n }\n .like-count, .dislike-count {\n font-weight: 600;\n margin-left: 0.2rem;\n }\n \n \/* Reply indicator styles *\/\n .reply-indicator {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.8rem;\n padding: 0.4rem 0.8rem;\n background: rgba(76, 175, 80, 0.08);\n border: 1px solid rgba(76, 175, 80, 0.2);\n border-radius: 12px;\n font-size: 0.85rem;\n color: #4CAF50;\n transition: all 0.3s ease;\n }\n \n .reply-icon {\n font-size: 1rem;\n font-weight: bold;\n color: #4CAF50;\n opacity: 0.8;\n }\n \n .reply-text {\n color: #E3E3DC;\n font-size: 0.8rem;\n opacity: 0.9;\n }\n \n .reply-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n \n \/* Read More Button Styles *\/\n .read-more-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.5);\n color: #F4C542;\n padding: 0.3rem 0.8rem;\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.8rem;\n font-weight: 500;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n transition: all 0.3s ease;\n display: inline-block;\n }\n \n .read-more-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: translateY(-1px);\n }\n \n .read-more-btn.expanded {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n }\n \n \/* Thread connection line for visual hierarchy *\/\n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n content: '';\n position: absolute;\n left: -6px;\n top: -8px;\n bottom: 50%;\n width: 2px;\n background: linear-gradient(to bottom, \n rgba(76, 175, 80, 0.4) 0%, \n rgba(76, 175, 80, 0.2) 50%, \n transparent 100%);\n border-radius: 1px;\n }\n #cancelReplyBtn {\n background: transparent !important;\n border: 1px solid #ff6b6b !important;\n color: #ff6b6b !important;\n padding: 0.6rem 1rem !important;\n border-radius: 6px !important;\n cursor: pointer !important;\n font-size: 0.9rem !important;\n margin-left: 1rem !important;\n transition: all 0.3s ease !important;\n font-family: 'Montserrat', sans-serif !important;\n }\n #cancelReplyBtn:hover {\n background: rgba(255, 107, 107, 0.1) !important;\n transform: translateY(-1px) !important;\n }\n .no-comments-message {\n text-align: center;\n color: #E3E3DC;\n opacity: 0.7;\n padding: 2rem;\n font-style: italic;\n transition: all 0.3s ease;\n }\n\n \/* Inline reply system styles *\/\n .inline-reply-form {\n background: rgba(76, 175, 80, 0.05);\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n padding: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n opacity: 0;\n transform: translateY(-10px);\n transition: all 0.3s ease;\n }\n \n .inline-reply-form.show {\n opacity: 1;\n transform: translateY(0);\n }\n \n .inline-reply-form h5 {\n color: #F4C542;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .inline-reply-email {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 0.8rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-email:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-email::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Inline reply form placeholder styling for light theme *\/\n body.light-theme .inline-reply-email::placeholder,\n html.light-theme .inline-reply-email::placeholder,\n body.light-theme .inline-reply-textarea::placeholder,\n html.light-theme .inline-reply-textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Username display text visibility in light theme *\/\n body.light-theme .username-display:not(.authenticated),\n html.light-theme .username-display:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .username-display.authenticated,\n html.light-theme .username-display.authenticated {\n color: #B8860B !important;\n }\n \n \/* FIXED: Inline reply username display visibility in light theme *\/\n body.light-theme .inline-reply-username:not(.authenticated),\n html.light-theme .inline-reply-username:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .inline-reply-username.authenticated,\n html.light-theme .inline-reply-username.authenticated {\n color: #B8860B !important;\n }\n \n .inline-reply-textarea {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n height: 80px;\n resize: vertical;\n margin-bottom: 1rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n .inline-reply-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .inline-reply-submit {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 6px;\n padding: 0.8rem 1.2rem;\n color: #fff;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n flex: 1;\n min-width: 100px;\n }\n \n .inline-reply-submit:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n }\n \n .inline-reply-submit:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n \n .inline-reply-cancel {\n background: transparent;\n border: 1px solid #ff6b6b;\n color: #ff6b6b;\n padding: 0.8rem 1.2rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 0.9rem;\n font-weight: 500;\n transition: all 0.3s ease;\n flex: 0 0 auto;\n }\n \n .inline-reply-cancel:hover {\n background: rgba(255, 107, 107, 0.1);\n transform: translateY(-1px);\n }\n \n .inline-reply-status {\n width: 100%;\n text-align: center;\n padding: 0.8rem;\n border-radius: 6px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .inline-reply-status.show {\n opacity: 1;\n }\n \n .inline-reply-status.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n \n .inline-reply-status.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n\n \/* ============================================================================ *\/\n \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n \/* ============================================================================ *\/\n \n \/* Light theme styles for dynamically created comments *\/\n body.light-theme .comment-item,\n html.light-theme .comment-item {\n background: rgba(0,0,0,0.05) !important;\n border-left: 3px solid #B8860B !important;\n }\n\n body.light-theme .comment-text,\n html.light-theme .comment-text {\n color: #333333 !important;\n }\n\n body.light-theme .comment-author,\n html.light-theme .comment-author {\n color: #B8860B !important;\n }\n\n body.light-theme .comment-date,\n html.light-theme .comment-date {\n color: #666666 !important;\n }\n\n body.light-theme .comment-footer,\n html.light-theme .comment-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n }\n\n body.light-theme .comment-like-count,\n html.light-theme .comment-like-count {\n color: #666666 !important;\n }\n\n body.light-theme .comments-header,\n html.light-theme .comments-header {\n color: #B8860B !important;\n }\n\n body.light-theme .no-comments-message,\n html.light-theme .no-comments-message {\n color: #666666 !important;\n }\n\n \/* Light theme styles for reply indicators in dynamically created comments *\/\n body.light-theme .reply-text,\n html.light-theme .reply-text {\n color: #666666 !important;\n }\n\n body.light-theme .reply-text strong,\n html.light-theme .reply-text strong {\n color: #B8860B !important;\n }\n\n \/* Light theme styles for comment action buttons *\/\n body.light-theme .comment-like-btn,\n html.light-theme .comment-like-btn,\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn,\n body.light-theme .comment-reply-btn,\n html.light-theme .comment-reply-btn {\n border-color: rgba(184, 134, 11, 0.5) !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn:hover,\n html.light-theme .comment-like-btn:hover,\n body.light-theme .comment-reply-btn:hover,\n html.light-theme .comment-reply-btn:hover {\n background: rgba(184, 134, 11, 0.1) !important;\n border-color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn.liked,\n html.light-theme .comment-like-btn.liked {\n background: rgba(184, 134, 11, 0.2) !important;\n border-color: #B8860B !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn {\n border-color: rgba(204, 85, 85, 0.5) !important;\n color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn:hover,\n html.light-theme .comment-dislike-btn:hover {\n background: rgba(204, 85, 85, 0.1) !important;\n border-color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn.disliked,\n html.light-theme .comment-dislike-btn.disliked {\n background: rgba(204, 85, 85, 0.2) !important;\n border-color: #cc5555 !important;\n color: #cc5555 !important;\n }\n\n \/* CTA Button Styles *\/\n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #F4C542, #E6B82E);\n color: #000;\n padding: 1rem 3rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n border: none;\n cursor: pointer;\n }\n\n .cta-button:hover {\n transform: translateY(-3px) !important;\n box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n }\n\n \/* CTA Section Styles *\/\n .cta-section {\n text-align: center;\n margin: 4rem auto;\n max-width: 950px;\n padding: 2rem;\n }\n\n \/* Enhanced Typography *\/\n .content-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* Better desktop image sizing for large screens *\/\n @media (min-width: 1200px) {\n .center-image img {\n max-width: 60%;\n }\n \n .section-image {\n max-width: 400px;\n }\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .tbos-container {\n padding: 0 1rem;\n }\n\n .content-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .media-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .keep-learning-section {\n padding: 1.5rem;\n margin: 2rem auto;\n position: relative;\n z-index: 1;\n }\n\n .signup-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .signup-text h3,\n .signup-text p {\n text-align: center;\n }\n\n .signup-form-container {\n position: relative;\n z-index: 2;\n }\n\n .signup-form-container input {\n width: 100%;\n position: relative;\n z-index: 3;\n }\n\n .signup-form-container button {\n width: 100%;\n position: relative;\n z-index: 3;\n margin-bottom: 0.5rem;\n }\n\n .form-note {\n margin-top: 1rem;\n position: relative;\n z-index: 4;\n clear: both;\n display: block;\n width: 100%;\n padding-top: 0.5rem;\n }\n\n #formMessage {\n position: relative;\n z-index: 5;\n clear: both;\n margin-top: 1.5rem;\n display: block;\n width: 100%;\n box-sizing: border-box;\n padding: 1rem;\n text-align: center;\n font-weight: 600;\n }\n\n .engagement-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .engagement-container {\n padding: 2rem 1.5rem;\n }\n .engagement-content {\n text-align: center;\n min-height: auto;\n position: static;\n margin-bottom: 1rem;\n }\n\n .split-content {\n flex-direction: column;\n gap: 2rem;\n }\n\n .split-content img {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n \n <div style=\"display: none;\">\n <audio id=\"nightTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n \n <audio id=\"dayTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/div>\n\n <section class=\"article-page\">\n <div class=\"tbos-container\">\n \n <div class=\"title-section\">\n <h1 class=\"article-title\">\u00c0 l'int\u00e9rieur de la plante de cannabis : Une analyse de ses parties \ud83c\udf3f<\/h1>\n <p class=\"article-subtitle\">Une visite guid\u00e9e des racines aux trichomes<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \n <div class=\"media-card animate-in\" id=\"video-content\">\n <h3>\ud83c\udfac Regarde l'analyse compl\u00e8te<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Obtiens le parcours visuel complet \u00e0 travers l'anatomie de la plante de cannabis<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n <iframe id=\"tbos-video\" \n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n src=\"https:\/\/www.youtube.com\/embed\/8q84fqhX5G4\" \n data-en=\"8q84fqhX5G4\"\n data-ga=\"RkVEe1T6Q7w\"\n data-es=\"k8MQkPTX9fI\"\n data-de=\"0xok6GWgMKU\"\n data-pt=\"hslWobctIBc\"\n data-fr=\"WCnTbseLqIc\"\n data-it=\"4uNDPOSEUpk\"\n data-pl=\"qo4UC37cX2g\"\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 \n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n <h3>\ud83c\udfa7 \u00c9coute en d\u00e9placement<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Parfait pour ton trajet ou ton entra\u00eenement, version audio uniquement<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/6dL7KWWwt2fGgGwQIa0mAc?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n<\/div>\n<\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"nav-hint\">\n \u2193 Tu pr\u00e9f\u00e8res lire ? Plonge dans l'analyse compl\u00e8te \u00e9crite ci-dessous \u2193\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"content-section\" id=\"written-content\">\n <h2 class=\"content-section-title\">\u00c0 l'int\u00e9rieur de la plante de cannabis : Une analyse de ses parties \ud83c\udf3f<\/h2>\n\n \n <div class=\"content-card\">\n <h3>Le voyage commence<\/h3>\n <p class=\"content-text\">Faisons un voyage \u00e0 travers la plante de cannabis, depuis le sol. Imagine \u00e7a comme une visite guid\u00e9e, en commen\u00e7ant par les racines et en montant jusqu'au sommet, o\u00f9 toute la magie se passe. \u00c0 la fin, tu auras une image claire de ce qui rend cette plante si unique et pourquoi chaque partie joue un r\u00f4le crucial.<\/p>\n <p class=\"content-text\"><strong>Pr\u00eat ? C'est parti !<\/strong><\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Les graines \u2014 Le d\u00e9but de la vie<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Seeds.png\" alt=\"Graines de cannabis en cours de germination\">\n <div class=\"text-content\">\n <p class=\"content-text\">Alors, qu'est-ce qui est venu en premier, la poule ou l'\u0153uf ? La plante ou la graine ? Quoi qu'il en soit, la graine est l\u00e0 o\u00f9 commence le voyage du cannabis.<\/p>\n \n <p class=\"content-text translation-block\"><strong>Les plantes de cannabis femelles<\/strong> produisent des graines apr\u00e8s avoir \u00e9t\u00e9 pollinis\u00e9es, et ces graines portent la g\u00e9n\u00e9tique de la plante m\u00e2le qui les a fertilis\u00e9es. Une fois plant\u00e9e, chaque graine envoie une racine pivotante qui ancre la plante et lance le processus de croissance<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3 style=\"display: flex; align-items: center; justify-content: center;\" class=\"translation-block\"><a href=\"https:\/\/www.youtube.com\/watch?v=iFZL4U3snnI&list=RDiFZL4U3snnI&start_radio=1\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: none; color: #4CAF50; font-size: inherit; font-weight: inherit;\">Roots \u2014 The Foundation<\/a> \r\n <span style=\"color: #F4C542; margin: 0 0.5rem;\">\u2190<\/span>\r\n <span style=\"font-size: 0.6em; font-weight: 400; color: #F4C542; line-height: 1;\">(tune btw)<\/span><\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Roots.png\" alt=\"Syst\u00e8me racinaire du cannabis\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">La <strong>racine pivotante<\/strong> est la racine principale qui stabilise la plante dans le sol. De cette racine centrale, de plus petites racines se r\u00e9pandent, absorbant l'eau, l'oxyg\u00e8ne et les nutriments. Pense aux racines comme le syst\u00e8me de survie de la plante. Sans racines saines, la plante ne survivrait pas.<\/p>\n \n <p class=\"content-text\">\u00c0 partir de ces racines, la tige commence \u00e0 pousser.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Tige \u2014 Le c\u0153ur de la plante<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Stem.png\" alt=\"Tige de cannabis et d\u00e9but de croissance\">\n <div class=\"text-content\">\n <p class=\"content-text\">La tige est la grande structure centrale qui parcourt toute la plante de cannabis. Elle fournit stabilit\u00e9 et structure, un peu comme une colonne vert\u00e9brale humaine. Elle permet \u00e0 la plante de pousser verticalement tout en maintenant une prise solide dans le sol. La tige transporte \u00e9galement l'eau, l'oxyg\u00e8ne et les nutriments dans toute la plante.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Fait int\u00e9ressant :<\/strong> La fibre de chanvre, qui provient de la tige, est utilis\u00e9e pour fabriquer des v\u00eatements, du papier, de la corde, des int\u00e9rieurs de voitures et plus encore. Elle est meilleure pour l'environnement et plus durable que de nombreux autres mat\u00e9riaux tels que le bois, le papier, le b\u00e9ton, le cuir et plus encore.<\/p>\n <\/div>\n \n <p class=\"content-text\">Le chanvre \u00e9tait utilis\u00e9 par les marins comme \u00e0 l'\u00e9poque des vikings aux VIIIe-XIe si\u00e8cles et des explorateurs comme Christophe Colomb au XVe si\u00e8cle. Il \u00e9tait utilis\u00e9 pour leurs voiles et leurs cordes alors qu'ils parcouraient la terre, explorant des terres inexplor\u00e9es.<\/p>\n \n <p class=\"content-text translation-block\">Donc ouais, <strong>le chanvre provient principalement de la tige de la plante de cannabis<\/strong>, rappelle-toi \u00e7a x<\/p>\n \n <p class=\"content-text\">Maintenant, montons l\u00e0 o\u00f9 les branches commencent \u00e0 se former.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>N\u0153uds \u2014 Les points de connexion<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nodes-1.png\" alt=\"N\u0153uds de la plante de cannabis o\u00f9 les branches se connectent\">\n <div class=\"text-content\">\n <p class=\"content-text\">Les n\u0153uds sont les points o\u00f9 la tige et les branches se connectent. Ils sont comme de petites intersections le long de l'autoroute principale de la plante.<\/p>\n \n <p class=\"content-text translation-block\">Les cultivateurs peuvent d\u00e9terminer si une plante est m\u00e2le ou femelle en coupant dans le n\u0153ud. C'est important car <strong>seules les plantes femelles produisent les fleurs (t\u00eates)<\/strong> que nous consommons. Les cultivateurs doivent donc savoir \u00e0 quelle plante ils ont affaire pour s'assurer qu'ils ont le bon sexe \u00e0 cultiver. Oui, pour souligner, ce sont les plantes femelles sur lesquelles on compte pour notre cannabis. Les femmes ont marqu\u00e9 un point ici les gars. 1 - 0.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Branches \u2014 Le chemin vers les t\u00eates<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/015d96ed-ee15-4c2f-bd36-eb8c204f7158.png\" alt=\"Branches de la plante de cannabis s'\u00e9tendant \u00e0 partir de la tige principale\">\n <div class=\"text-content\">\n <p class=\"content-text\">Et la branche sur l'arbre, et l'arbre dans le trou, et le trou dans la tourbi\u00e8re, et la tourbi\u00e8re dans la vall\u00e9e !<\/p>\n \n <p class=\"content-text\">Les branches. Les branches s'\u00e9tendent \u00e0 partir de la tige. Chaque branche peut devenir un \"site de t\u00eate,\" o\u00f9 les fleurs se forment.<\/p>\n \n <p class=\"content-text\">Les cultivateurs visent \u00e0 maximiser le nombre de branches et de sites de t\u00eates. Pourquoi ? Plus de branches signifie plus de sites de t\u00eates. Plus de sites de t\u00eates signifie plus de t\u00eates. Plus de t\u00eates signifie plus de produit \u00e0 consommer ou \u00e0 vendre. Les billets de banque se faufilent toujours l\u00e0-dedans, non ?<\/p>\n \n <p class=\"content-text\">Ce n'est pas seulement une question d'argent, mais \u00e7a joue certainement un r\u00f4le.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Feuilles \u2014 Les panneaux solaires de la plante<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Fan-leaf.png\" alt=\"Feuilles de cannabis en \u00e9ventail\">\n <div class=\"text-content\">\n <p class=\"content-text\">Il existe trois principaux types de feuilles sur la plante de cannabis :<\/p>\n \n <div class=\"list-container\">\n <ol>\n <li class=\"translation-block\"><strong>Feuilles Cotyl\u00e9donaires<\/strong> \u2014 Les premi\u00e8res feuilles \u00e0 appara\u00eetre apr\u00e8s la germination de la graine. Elles fournissent des nutriments au semis avant que la photosynth\u00e8se ne commence.<\/li>\n <li class=\"translation-block\"><strong>Feuilles en \u00e9ventail<\/strong> \u2014 Le symbole embl\u00e9matique de la marijuana. Celle que tu vois sur l'image. Vous la connaissez tous. LIB\u00c9REZ.L'HERBE, LIB\u00c9REZ.L'HERBE. \"Yo mec, c'est juste une plante\". Ces feuilles capturent la lumi\u00e8re du soleil et jouent un r\u00f4le cl\u00e9 dans la photosynth\u00e8se.<\/li>\n <li class=\"translation-block\"><strong>Feuilles Sucr\u00e9es<\/strong> \u2014 Des feuilles plus petites qui poussent pr\u00e8s des t\u00eates. Elles semblent recouvertes de cristaux de sucre, mais ces cristaux de \"sucre\" sont en r\u00e9alit\u00e9 des trichomes, on en parle dans un instant.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Fleur\/T\u00eate \u2014 La vedette du spectacle<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Flower.png\" alt=\"Fleur\/bouton de cannabis, gros plan\">\n <div class=\"text-content\">\n <p class=\"content-text\">La fleur\/t\u00eate, comme tu veux l'appeler. La machine \u00e0 sous. Pourquoi la plante de cannabis est cultiv\u00e9e \u00e0 des fins m\u00e9dicales\/r\u00e9cr\u00e9atives. La vedette du spectacle, c'est ton moment de briller. C'est l\u00e0 que toutes les bonnes choses, THC, CBD, cannabino\u00efdes, terp\u00e8nes et flavono\u00efdes sont concentr\u00e9es.<\/p>\n \n <p class=\"content-text translation-block\">Voici le point cl\u00e9 comme mentionn\u00e9 ci-dessus. <strong>Seules les plantes de cannabis femelles produisent les fleurs que nous utilisons.<\/strong><\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Facto interessante:<\/strong> Os cultivadores separam plantas macho e f\u00eamea para prevenir a poliniza\u00e7\u00e3o. Porqu\u00ea? Se uma planta f\u00eamea for polinizada, ela para de colocar a sua energia em cultivar bot\u00f5es grandes e resinosos e come\u00e7a a produzir sementes. A quest\u00e3o \u00e9 que, quando ela n\u00e3o \u00e9 polinizada, ela fica faminta por isso. Essa frustra\u00e7\u00e3o biol\u00f3gica leva-a a trabalhar horas extra, produzindo camadas grossas de resina para atrair p\u00f3len que nunca vem. Essa resina est\u00e1 carregada de canabinoides e terpenos. Ent\u00e3o sim, sem sementes significa que toda essa energia vai para a pot\u00eancia.<\/p>\n <\/div>\n \n <p class=\"content-text\">En gros, on a frustr\u00e9 sexuellement la plante femelle pour avoir les meilleures t\u00eates. ( 1 - 1, vol\u00e9e en pivot, lucarne) Ta m\u00e8re c'est ton p\u00e8re etc etc.<\/p>\n \n <p class=\"content-text\">Les fleurs sont s\u00e9ch\u00e9es lorsqu'elles sont coup\u00e9es de la plante. C'est ce qui est ensuite utilis\u00e9 par les consommateurs de cannabis. Soit la fleur elle-m\u00eame dans son int\u00e9gralit\u00e9, soit quelques extraits de celle-ci.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Colas \u2014 Les joyaux de la couronne<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Colas.png\" alt=\"Cannabis cola - grappe de bourgeons au sommet\">\n <div class=\"text-content\">\n <p class=\"content-text\">Tout en haut de la plante, tu trouveras la cola, un groupe de t\u00eates qui poussent tr\u00e8s proches les unes des autres. La cola principale est g\u00e9n\u00e9ralement la plus grande et a la plus forte concentration de cannabino\u00efdes, de terp\u00e8nes et de flavono\u00efdes.<\/p>\n \n <p class=\"content-text\">Pense \u00e0 \u00e7a comme la cerise sur notre g\u00e2teau.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Trichomes \u2014 La bont\u00e9 givr\u00e9e<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Trichomes.png\" alt=\"Gros plan sur les trichomes de cannabis\">\n <div class=\"text-content\">\n <p class=\"content-text\">Les trichomes sont ces minuscules structures ressemblant \u00e0 des cristaux qui donnent au cannabis son apparence givr\u00e9e. Quand on regarde la plante de cannabis, on remarque qu'elle a un \u00e9clat givr\u00e9. Ils ressemblent \u00e0 de petits yeux d'escargot qui sortent de la plante. \ud83d\udc0c<\/p>\n \n <p class=\"content-text translation-block\">Ces glandes de r\u00e9sine sont pleines de <a href=\"https:\/\/twobirdsonestoned.co\/fr\/major-thccbd-minor-cannabinoids-terpenes-flavonoids\/\" target=\"_blank\" rel=\"noopener noreferrer\">THC, CBD et d'autres cannabino\u00efdes et terp\u00e8nes<\/a>. Elles sont aussi un m\u00e9canisme de d\u00e9fense, prot\u00e9geant la plante des pr\u00e9dateurs et des environnements hostiles.<\/p>\n \n <p class=\"content-text\">Si tu as d\u00e9j\u00e0 broy\u00e9 du cannabis, tu auras remarqu\u00e9 qu'au fond de ton grinder du \"kief\" se forme. Le kief ce sont des trichomes qui tombent de la t\u00eate elle-m\u00eame et se frayent un chemin jusqu'au fond de ton grinder. Le kief est juste une collection concentr\u00e9e de trichomes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Autres pi\u00e8ces notables<\/h3>\n \n <div class=\"other-parts-list\">\n <ul>\n <li class=\"translation-block\"><strong>Bract\u00e9es<\/strong> \u2014 Petites feuilles qui prot\u00e8gent le syst\u00e8me reproducteur f\u00e9minin.<\/li>\n <li class=\"translation-block\"><strong>Calice<\/strong> \u2014 Une partie de la plante qui contient le pistil et les trichomes.<\/li>\n <li class=\"translation-block\"><strong>Pistil<\/strong> \u2014 Contient les parties reproductrices de la plante.<\/li>\n <li class=\"translation-block\"><strong>Stigmate<\/strong> \u2014 Structures fines ressemblant \u00e0 des poils qui collectent le pollen sur la plante femelle.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>R\u00e9flexions finales \u2014 C'est juste une plante<\/h3>\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Full-plant.png\" alt=\"Plante de cannabis compl\u00e8te montrant toutes les parties\" class=\"section-image\">\n \n <p class=\"content-text\">Alors, voil\u00e0, une analyse de la plante de cannabis des racines au sommet. J'esp\u00e8re que tu as appris quelque chose de nouveau. Peut-\u00eatre que maintenant tu sais d'o\u00f9 vient ton kief ou pourquoi seules les plantes femelles produisent les t\u00eates que nous consommons.<\/p>\n \n <p class=\"content-text\">Le cannabis est plus que juste du THC et du CBD. C'est une plante complexe avec de nombreux composants qui travaillent ensemble pour cr\u00e9er ses effets. Comprendre l'anatomie de la plante est la premi\u00e8re \u00e9tape pour prendre des d\u00e9cisions plus \u00e9clair\u00e9es lors de l'interaction avec le cannabis.<\/p>\n \n <div class=\"section-divider\"><\/div>\n <\/div>\n\n \n <div class=\"keep-learning-section\">\n <div class=\"signup-split\">\n <div class=\"signup-text\">\n <h3>La Seule Fa\u00e7on de Rester \u00e0 Jour<\/h3>\n <p>Le cannabis \u00e9volue et on couvre la science, la recherche et la culture, tout gratuit et directement dans ta bo\u00eete mail. Pas de r\u00e9seaux sociaux. Email uniquement. Rejoins-nous si tu es curieux.<\/p>\n <ul class=\"benefits-list\">\n <li>\ud83c\udfac Interviews & Documentaires<\/li>\n <li>\ud83d\udcda Vid\u00e9os et audios \u00e9ducatifs<\/li>\n <li>\ud83d\udd2c Informations et perspectives scientifiques<\/li>\n <\/ul>\n <\/div>\n <div class=\"signup-form\">\n <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n <input type=\"email\" name=\"entry.690743589\" placeholder=\"ton@email.com\" required id=\"emailInput\">\n <button type=\"submit\" id=\"emailSubmitBtn\">Recevoir les Mises \u00e0 Jour<\/button>\n <p class=\"form-note\">\u27a1\ufe0f Reste curieux \u2b05\ufe0f<\/p>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n <\/div>\n <\/div>\n <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n <\/div>\n\n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"engagement-container\">\n <div class=\"engagement-split\">\n <div class=\"engagement-content\">\n <h3>Qu'en penses-tu ?<\/h3>\n <p>Tu as quelque chose \u00e0 dire ? Laisse-le ci-dessous. Ta voix aide \u00e0 fa\u00e7onner ce qui vient ensuite.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Partage tes exp\u00e9riences<\/li>\n <li>\ud83e\udd1d Discute-en avec les autres<\/li>\n <li>\ud83d\udcda Aide \u00e0 am\u00e9liorer le contenu futur<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>Comment \u00e7a marche<\/h4>\n <ol>\n <li class=\"translation-block\"><span>\u00c9tape 1:<\/span>Choisis : Entre ton email OU commente anonymement<\/li>\n <li class=\"translation-block\"><span>\u00c9tape 2:<\/span>Re\u00e7ois ton nom d'utilisateur unique (tu le gardes sur tout le site)<\/li>\n <li class=\"translation-block\"><span>\u00c9tape 3:<\/span>Commente, vote, r\u00e9ponds et partage tes pens\u00e9es : tu fais partie de la conversation !<\/li>\n <\/ol>\n <form id=\"secureCommentForm\" action=\"\">\n \n <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n \n \n <div class=\"form-group-v1\">\n <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Commente anonymement (aucun email requis)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"ton@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Ton nom d'utilisateur appara\u00eetra ici<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Obtiens un nom d'utilisateur diff\u00e9rent\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"Qu'en as-tu pens\u00e9 ? Des questions ou des exp\u00e9riences \u00e0 partager ?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n <span id=\"submitText\">Publier le commentaire<\/span>\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n <\/div>\n \n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"comments-display\">\n \n <div class=\"sort-container\">\n <label for=\"commentSort\" class=\"sort-label\">Trier par :<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">Plus r\u00e9cent<\/option>\n <option value=\"liked\">Plus aim\u00e9<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Commentaires r\u00e9cents (<span id=\"commentCount\">0<\/span>)\n <\/div>\n <div id=\"commentsList\">\n \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n Plus de sujets \u2192\n <\/a>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>R\u00e9f\u00e9rences<\/h3>\n <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n <p>Booth, J.K. et Bohlmann, J., 2019. <em>Terp\u00e8nes dans le Cannabis sativa - Du g\u00e9nome de la plante \u00e0 l'homme<\/em>. Plant Science, 284, pp.67-72.<\/p>\n \n <p>Caplan, D., Dixon, M. et Zheng, Y., 2019. <em>Augmentation du poids sec des inflorescences et de la teneur en cannabino\u00efdes du cannabis m\u00e9dical gr\u00e2ce \u00e0 un stress de s\u00e9cheresse contr\u00f4l\u00e9<\/em>. HortScience, 54(5), pp.964-969.<\/p>\n \n <p>Chandra, S., Lata, H. et ElSohly, M.A. eds, 2017. <em>Cannabis sativa L.-botanique et biotechnologie<\/em>. Springer.<\/p>\n \n <p>DocMJ, n.d. <em>Anatomie et cycles de vie de la plante de marijuana<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/docmj.com\/marijuana-plant-anatomy-and-life-cycles\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/docmj.com\/marijuana-plant-anatomy-and-life-cycles\/<\/a> [consult\u00e9 le 30 d\u00e9cembre 2024].<\/p>\n \n <p>Elsohly, M.A. et Slade, D., 2005. <em>Composants chimiques de la marijuana : le m\u00e9lange complexe de cannabino\u00efdes naturels<\/em>. Sciences de la vie, 78(5), pp.539-548.<\/p>\n \n <p>Huchelmann, A., Boutry, M. et Hachez, C., 2017. <em>Les trichomes glandulaires des plantes : des usines cellulaires naturelles d'un grand int\u00e9r\u00eat biotechnologique<\/em>. Plant physiology, 175(1), pp.6-22.<\/p>\n \n <p>Livingston, S.J., Quilichini, T.D., Booth, J.K., Wong, D.C., Rensing, K.H., Laflamme-Yonkman, J., Castellarin, S.D., Bohlmann, J., Page, J.E. et Samuels, A.L., 2020. <em>Les trichomes glandulaires du cannabis modifient la morphologie et le contenu en m\u00e9tabolites pendant la maturation de la fleur<\/em>. The Plant Journal, 101(1), pp.37-56.<\/p>\n \n <p>M\u00dcV, s.d. <em>Anatomie du cannabis<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/muvfl.com\/post\/cannabis-anatomy\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/muvfl.com\/post\/cannabis-anatomy<\/a> [consult\u00e9 le 30 d\u00e9cembre 2024].<\/p>\n \n <p>Small, E., 2015. <em>\u00c9volution et classification du Cannabis sativa (marijuana, chanvre) en relation avec l'utilisation par l'homme<\/em>. The Botanical Review, 81(3), pp. 189-294.<\/p>\n \n <p>Terpene Belt Farms, s.d. <em>L'anatomie de la plante de cannabis : Une analyse simple<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/terpenebeltfarms.com\/blogs\/the-anatomy-of-the-cannabis-plant-a-simple-breakdown\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/terpenebeltfarms.com\/blogs\/the-anatomy-of-the-cannabis-plant-a-simple-breakdown\/<\/a> [consult\u00e9 le 30 d\u00e9cembre 2024].<\/p>\n \n <p>THC Design, s.d. <em>Anatomie de la plante de cannabis<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/thcdesign.com\/blog\/cannabis-plant-anatomy\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/thcdesign.com\/blog\/cannabis-plant-anatomy\/<\/a> [consult\u00e9 le 30 d\u00e9cembre 2024].<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Si tu es arriv\u00e9 jusqu'ici...<\/h3>\n \n <div class=\"section-divider\"><\/div>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">C'est \u00e0 la fin de chaque article que j'\u00e9cris, donc si tu as d\u00e9j\u00e0 lu quelque chose ici avant, tu connais le topo.<\/p>\n \n <p class=\"content-text translation-block\">Si tu es arriv\u00e9 \u00e0 la fin de cet article, <strong>merci<\/strong>. Vraiment. Tu as pris le temps de plonger dans un sujet qui a \u00e9t\u00e9 cach\u00e9 sous des couches de stigmatisation pendant des g\u00e9n\u00e9rations. Rien que \u00e7a signifie que tu fais partie d'un changement absolument n\u00e9cessaire.<\/p>\n \n <p class=\"content-text translation-block\">Si quelque chose ici t'a fait r\u00e9fl\u00e9chir ou penser diff\u00e9remment, fais ceci : <strong>parles-en<\/strong>. Aborde le sujet avec quelqu'un. Peu importe qui, ton ami, ton p\u00e8re, ton kin\u00e9, ton coll\u00e8gue, n'importe qui. Partage ce que tu as appris, ce qui t'a surpris, ou m\u00eame ce dont tu n'es pas encore s\u00fbr.<\/p>\n \n <p class=\"content-text translation-block\">Ces discussions, qu'elles soient d\u00e9contract\u00e9es, profondes, al\u00e9atoires ou g\u00eanantes, \u00e9rodent la stigmatisation, petit \u00e0 petit. Pas en pr\u00eachant, mais simplement en <strong>\u00e9tant honn\u00eate sur le moment<\/strong>.<\/p>\n \n <p class=\"content-text\">Il s'agit de briser le cycle de d\u00e9sinformation et de peur qui nous a retenus bien trop longtemps.<\/p>\n \n <p class=\"content-text\">Chaque fois que nous transmettons des informations pr\u00e9cises et \u00e9quilibr\u00e9es, nous faisons un pas de plus vers le fait de laisser ce monde un peu meilleur que nous l'avons trouv\u00e9, pour la prochaine g\u00e9n\u00e9ration.<\/p>\n \n <p class=\"content-text\">Je ne veux pas non plus que la vie des gens soit affect\u00e9e n\u00e9gativement \u00e0 cause des r\u00e8gles sociales qui entourent cette plante.<\/p>\n \n <p class=\"content-text\">Nous leur devons de bien faire les choses. Parler ouvertement, sans jugement ni honte. Remplacer les mythes d\u00e9pass\u00e9s par des preuves et de la compr\u00e9hension.<\/p>\n \n <p class=\"content-text\"><strong>Continuons cette conversation x<\/strong><\/p>\n \n <p class=\"content-text\">Sur ce, je te laisse. Tu peux le faire. Si tu as appris quelque chose de nouveau, va le dire \u00e0 quelqu'un haha<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\" class=\"cta-button\">\n \ud83c\udf3f Va explorer\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script type=\"module\">\n import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n \/\/ Firebase configuration\n const firebaseConfig = {\n apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n authDomain: \"tbos-site-comments.firebaseapp.com\",\n projectId: \"tbos-site-comments\",\n storageBucket: \"tbos-site-comments.firebasestorage.app\",\n messagingSenderId: \"154628531943\",\n appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n };\n\n \/\/ Initialize Firebase\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const auth = getAuth(app);\n\n \/\/ Make Firebase available globally\n window.firebaseDB = {\n db: db,\n auth: auth,\n collection: collection,\n addDoc: addDoc,\n getDocs: getDocs,\n query: query,\n orderBy: orderBy,\n where: where,\n doc: doc,\n updateDoc: updateDoc,\n deleteDoc: deleteDoc,\n getDoc: getDoc,\n setDoc: setDoc,\n serverTimestamp: serverTimestamp,\n onSnapshot: onSnapshot,\n signInAnonymously: signInAnonymously\n };\n\n console.log('\ud83d\udd25 Firebase initialized successfully');\n <\/script>\n\n \n <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n\n \/\/ Reading progress tracking\n function updateProgressBar() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n }\n\n window.addEventListener('scroll', updateProgressBar);\n\n \/\/ Email signup functionality\n function setupEmailSignup() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n if (!form) return;\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n \/\/ Show loading state\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n \/\/ Create form data\n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n \/\/ Submit to Google Forms\n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n \/\/ Show success message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n \/\/ Clear form\n emailInput.value = '';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n \/\/ Show error message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n \/\/ Reset button\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentEmoji = button.textContent.trim();\n \n if (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 HEADER AND FOOTER FIX\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n const title = document.querySelector('.article-title');\n const subtitle = document.querySelector('.article-subtitle');\n const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n const toggleButton = document.getElementById('theme-toggle');\n const navHint = document.querySelector('.nav-hint');\n \n \/\/ Comment system selectors\n const engagementContainer = document.querySelector('.engagement-container');\n const commentForm = document.querySelectorAll('.comment-form-v1');\n const commentItems = document.querySelectorAll('.comment-item');\n const sortLabel = document.querySelector('.sort-label');\n const sortDropdown = document.querySelector('.sort-dropdown');\n const commentsHeader = document.querySelector('.comments-header');\n const noCommentsMessage = document.querySelector('.no-comments-message');\n \n \/\/ HEADER SELECTORS\n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n \/\/ FOOTER SELECTORS\n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME (Day Time)\n console.log('Applying LIGHT theme');\n \n \/\/ Add light theme class to both html and body\n html.classList.add('light-theme');\n body.classList.add('light-theme');\n \n \/\/ Apply cream background\n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR LIGHT THEME\n if (header) {\n header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR LIGHT THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Light cards\n contentCards.forEach(card => {\n if (card.classList.contains('keep-learning-section')) {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n } else {\n card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n }\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Update strong\/highlighted text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Update links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ Remove light theme class from both html and body\n html.classList.remove('light-theme');\n body.classList.remove('light-theme');\n \n \/\/ Reset to dark gradient\n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR DARK THEME\n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR DARK THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset cards\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#1d1d1d', 'important');\n card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n card.style.setProperty('color', '#fff', 'important');\n \n \/\/ Reset headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset strong text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#F4C542', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Reset links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint to original color in dark mode\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements for dark theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content elements\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans to original color in dark theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n }\n\n \/\/ Animate content cards on scroll\n function animateOnScroll() {\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n cards.forEach(card => {\n const cardTop = card.getBoundingClientRect().top;\n const cardBottom = card.getBoundingClientRect().bottom;\n \n if (cardTop < window.innerHeight && cardBottom > 0) {\n card.classList.add('animate-in');\n }\n });\n }\n\n \/\/ Smooth scroll to anchor on page load with offset\n document.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n });\n\n \/\/ Initialize everything when DOM is ready\n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis Plant Anatomy Updated');\n \n \/\/ Setup email signup\n setupEmailSignup();\n \n \/\/ Setup scroll animations\n animateOnScroll();\n window.addEventListener('scroll', animateOnScroll);\n \n \/\/ Animate title section\n setTimeout(() => {\n const titleSection = document.querySelector('.title-section');\n if (titleSection) {\n titleSection.style.opacity = '1';\n titleSection.style.transform = 'translateY(0)';\n }\n }, 100);\n \n \/\/ Initialize anonymous mode toggle\n const anonymousCheckbox = document.getElementById('anonymousMode');\n const emailGroup = document.getElementById('emailGroup');\n \n if (anonymousCheckbox && emailGroup) {\n anonymousCheckbox.addEventListener('change', function() {\n if (this.checked) {\n emailGroup.style.display = 'none';\n document.getElementById('commentEmail').removeAttribute('required');\n } else {\n emailGroup.style.display = 'block';\n document.getElementById('commentEmail').setAttribute('required', '');\n }\n });\n }\n \n \/\/ Ensure progress bar starts at 0\n updateProgressBar();\n \n console.log('\u2705 All components initialized successfully');\n });\n\n \/\/ Handle visibility change for audio\n document.addEventListener('visibilitychange', function() {\n if (document.hidden) {\n \/\/ Pause any playing audio when tab is not visible\n const nightAudio = document.getElementById('nightTimeAudio');\n const dayAudio = document.getElementById('dayTimeAudio');\n if (nightAudio) nightAudio.pause();\n if (dayAudio) dayAudio.pause();\n }\n });\n\n \/\/ Error handling for external scripts\n window.addEventListener('error', function(e) {\n if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n console.warn('External script error detected, but core functionality preserved:', e.message);\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Cannabis Plant Anatomy Guide: Scientific Breakdown of Parts & Functions | Two Birds One Stoned Inside the Cannabis Plant: A Breakdown of Its Parts \ud83c\udf3f A guided tour from roots to trichomes \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis plant anatomy \ud83c\udfa7 Listen on the Go Perfect for your […]<\/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-1789","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1789","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=1789"}],"version-history":[{"count":69,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1789\/revisions"}],"predecessor-version":[{"id":8048,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1789\/revisions\/8048"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=1789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n \n Guide d'anatomie de la plante de cannabis : Analyse scientifique des parties et fonctions | Two Birds One Stoned<\/title>\n <meta name=\"description\" content=\"Apprends l'anatomie de la plante de cannabis des racines aux trichomes. Guide scientifique couvrant les tiges, les feuilles, les fleurs et la production de cannabino\u00efdes. \u00c9ducation sur le cannabis fond\u00e9e sur des preuves.\">\n <meta name=\"keywords\" content=\"cannabis plant anatomy, cannabis botany, cannabis education, plant science, trichomes, cannabinoids, cannabis research, hemp anatomy, marijuana plant parts, cannabis biology\">\n <meta name=\"author\" content=\"Two Birds One Stoned\">\n <meta name=\"robots\" content=\"index, follow\">\n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-plant-anatomy-breakdown\/\">\n \n \n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-plant-anatomy-breakdown\/\">\n <meta property=\"og:title\" content=\"Guide d'anatomie de la plante de cannabis : Analyse scientifique des parties et fonctions\">\n <meta property=\"og:description\" content=\"Apprends l'anatomie de la plante de cannabis des racines aux trichomes. Guide scientifique couvrant les tiges, les feuilles, les fleurs et la production de cannabino\u00efdes. \u00c9ducation sur le cannabis fond\u00e9e sur des preuves.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Full-plant.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:image:alt\" content=\"Diagramme complet de l'anatomie de la plante de cannabis montrant toutes les parties des racines aux fleurs\">\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 Plant Anatomy\">\n <meta property=\"article:tag\" content=\"\u00c9ducation au cannabis\">\n <meta property=\"article:tag\" content=\"Plant Science\">\n <meta property=\"article:tag\" content=\"Cannabis Biology\">\n \n \n <meta property=\"twitter:card\" content=\"summary_large_image\">\n <meta property=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-plant-anatomy-breakdown\/\">\n <meta property=\"twitter:title\" content=\"Cannabis Plant Anatomy Guide: Scientific Breakdown of Parts & Functions\">\n <meta property=\"twitter:description\" content=\"Learn cannabis plant anatomy from roots to trichomes. Scientific guide covering stems, leaves, flowers, and cannabinoid production.\">\n <meta property=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Full-plant.png\">\n <meta property=\"twitter:image:alt\" content=\"Complete cannabis plant anatomy diagram showing all parts from roots to flowers\">\n <meta property=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n <meta property=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n \n \n <meta name=\"theme-color\" content=\"#F4C542\">\n <meta name=\"application-name\" content=\"Two Birds One Stoned\">\n <meta name=\"msapplication-TileColor\" content=\"#F4C542\">\n <meta name=\"format-detection\" content=\"telephone=no\">\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"Inside the Cannabis Plant: A Breakdown of Its Parts\",\n \"description\": \"A comprehensive scientific guide to cannabis plant anatomy, covering all parts from roots to trichomes and their functions in cannabinoid production.\",\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 },\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-plant-anatomy-breakdown\\\/\"\n },\n \"image\": [\n \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Full-plant.png\",\n \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Seeds.png\",\n \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Roots.png\",\n \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Flower.png\"\n ],\n \"datePublished\": \"2025-01-01\",\n \"dateModified\": \"2025-01-01\",\n \"articleSection\": \"Cannabis Education\",\n \"keywords\": [\n \"cannabis plant anatomy\",\n \"cannabis botany\",\n \"plant science\",\n \"trichomes\",\n \"cannabinoids\"\n ],\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Plant Anatomy\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Botany\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Plant Science\"\n }\n ],\n \"educationalLevel\": \"Beginner to Intermediate\",\n \"learningResourceType\": \"Article\",\n \"isAccessibleForFree\": true\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"EducationalOrganization\",\n \"name\": \"Two Birds One Stoned\",\n \"description\": \"Cannabis education and culture platform delivering evidence-based information to challenge stigma and promote understanding.\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n ],\n \"foundingDate\": \"2024\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"educationalCredentialAwarded\": \"Cannabis Education Certificate\",\n \"hasCredential\": {\n \"@type\": \"EducationalOccupationalCredential\",\n \"credentialCategory\": \"Cannabis Education\"\n }\n}<\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n \n \n <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Full-plant.png\" as=\"image\">\n<\/head>\n \n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n color: #fff;\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n line-height: 1.6;\n }\n\n \/* ARTICLE PAGE SECTION *\/\n .article-page {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 100px;\n padding-bottom: 6rem;\n }\n\n \/* Container *\/\n .tbos-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 3rem;\n border-radius: 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n margin: 4rem auto;\n max-width: 950px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Cards animate in when visible *\/\n .content-card.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Content Card Hover *\/\n .content-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n \/* Title Section *\/\n.article-page .tbos-container .title-section {\n text-align: center !important;\n margin-bottom: 60px !important; \/* CHANGED: was 30px *\/\n margin-top: 60px !important; \/* CHANGED: was 40px *\/\n padding-bottom: 3rem !important; \/* CHANGED: was 2rem *\/\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n max-width: 1000px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n position: relative !important;\n z-index: 10 !important;\n display: block !important;\n overflow: visible !important;\n min-height: auto; \/* ADDED: new line *\/\n}\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(2rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 2.5rem !important;\n color: #F4C542 !important;\n text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n line-height: 1.4 !important;\n letter-spacing: 0 !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 word-spacing: 0.1em !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n color: #E3E3DC !important;\n font-weight: 400 !important;\n margin-bottom: 4rem !important;\n opacity: 0.9 !important;\n line-height: 1.5 !important;\n max-width: 90% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n word-wrap: break-word !important;\n }\n\n \/* Media Section Spacing *\/\n .media-section {\n margin: 8rem auto;\n max-width: 950px;\n position: relative;\n z-index: 5;\n }\n\n .media-section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #F4C542;\n margin-bottom: 3rem;\n font-weight: 600;\n }\n\n \/* Media Cards *\/\n .media-card {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 4rem auto;\n max-width: 950px;\n text-align: center;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n }\n\n \/* Content Break *\/\n .content-break {\n height: 3rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .content-break::before {\n content: '';\n width: 200px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n border-radius: 1px;\n }\n\n \/* Navigation hint *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important; \/* CHANGED: was 4rem *\/\n margin-top: 3rem !important; \/* CHANGED: was 2rem *\/\n font-weight: 600 !important;\n text-shadow: none !important;\n padding-top: 3rem !important; \/* CHANGED: was 2rem *\/\n line-height: 1.4 !important; \/* ADDED: new line *\/\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\n }\n\n \/* Lists *\/\n .content-card ul {\n list-style-type: disc;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card ol {\n list-style-type: decimal;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1.15rem;\n color: #E3E3DC;\n line-height: 1.7;\n margin-bottom: 0.8rem;\n }\n\n \/* Links *\/\n .content-card a {\n color: #4CAF50;\n text-decoration: underline;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .content-card a:hover {\n color: #45a049;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n border-left: 5px solid #F4C542;\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 0 16px 16px 0;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* 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 .signup-text p {\n color: #E3E3DC;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n text-align: left;\n transition: color 0.3s ease;\n }\n\n .signup-form-container {\n display: flex;\n flex-direction: column;\n }\n\n .signup-form-container input {\n width: 100%;\n padding: 1rem 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 8px;\n background: rgba(255,255,255,0.05);\n color: #fff;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n\n .signup-form-container input:focus {\n outline: none;\n border-color: #4CAF50;\n }\n\n .signup-form-container input::placeholder {\n color: rgba(255,255,255,0.6);\n }\n\n \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n body.light-theme .signup-form-container input::placeholder,\n html.light-theme .signup-form-container input::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n\n .signup-form-container button {\n width: 100%;\n padding: 1rem;\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Montserrat', sans-serif;\n }\n\n .signup-form-container button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n\n .signup-form-container button:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n\n .form-note {\n color: #E3E3DC;\n font-size: 0.9rem;\n opacity: 0.8;\n margin: 1.5rem 0 0 0;\n text-align: center;\n transition: color 0.3s ease;\n }\n\n \/* Benefits List Styling *\/\n .benefits-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 1.5rem 0;\n padding-left: 0 !important;\n }\n\n .benefits-list li {\n color: #E3E3DC;\n margin-bottom: 1rem;\n font-size: 1rem;\n line-height: 1.6;\n padding-left: 0 !important;\n list-style: none !important;\n position: relative;\n transition: color 0.3s ease;\n }\n\n .benefits-list li:last-child {\n margin-bottom: 0;\n }\n\n .benefits-list li::before {\n content: none !important;\n }\n\n \/* ============================================================================ *\/\n \/* SECURE COMMENT SYSTEM STYLES *\/\n \/* ============================================================================ *\/\n .engagement-container {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 6rem auto;\n max-width: 950px;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: background-color 0.3s ease, border-color 0.3s ease;\n }\n .engagement-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: flex-start;\n }\n .engagement-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 400px;\n position: relative;\n top: 1rem;\n }\n .engagement-content h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n transition: color 0.3s ease;\n }\n .engagement-content p {\n color: #E3E3DC;\n font-size: 1.1rem;\n line-height: 1.7;\n margin-bottom: 2rem;\n transition: color 0.3s ease;\n }\n .engagement-features {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .engagement-features li {\n color: #E3E3DC;\n margin-bottom: 1.2rem;\n font-size: 1.05rem;\n line-height: 1.6;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n transition: color 0.3s ease;\n }\n .engagement-features li:last-child {\n margin-bottom: 0;\n }\n .engagement-interaction {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n }\n .comment-form-v1 h4 {\n color: #F4C542;\n font-size: 1.6rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n text-align: center;\n transition: color 0.3s ease;\n }\n .comment-form-v1 p {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n padding-left: 1.5rem;\n counter-reset: step-counter;\n }\n .comment-form-v1 ol li {\n margin-bottom: 0.8rem;\n list-style: none;\n position: relative;\n padding-left: 4rem;\n color: #fff;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol li span {\n position: absolute;\n left: 0;\n color: #F4C542;\n font-weight: 600;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n body.light-theme .comment-form-v1 ol li span,\n html.light-theme .comment-form-v1 ol li span {\n color: #B8860B !important;\n font-weight: 600 !important;\n }\n\n .form-group-v1 {\n margin-bottom: 2rem;\n }\n .form-group-v1 input,\n .form-group-v1 textarea {\n width: 100%;\n padding: 1rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 8px;\n font-size: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n .form-group-v1 input:focus,\n .form-group-v1 textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n .form-group-v1 input::placeholder,\n .form-group-v1 textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Main comment form placeholder styling for light theme *\/\n body.light-theme .form-group-v1 input::placeholder,\n html.light-theme .form-group-v1 input::placeholder,\n body.light-theme .form-group-v1 textarea::placeholder,\n html.light-theme .form-group-v1 textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Main comment form input text color in light theme *\/\n body.light-theme .form-group-v1 input,\n html.light-theme .form-group-v1 input,\n body.light-theme .form-group-v1 textarea,\n html.light-theme .form-group-v1 textarea {\n color: #333333 !important;\n background: rgba(255, 255, 255, 0.9) !important;\n border: 1px solid rgba(184, 134, 11, 0.5) !important;\n }\n \n .form-group-v1 textarea {\n height: 100px;\n resize: vertical;\n }\n\n \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n .username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n }\n\n .username-display {\n flex: 1;\n width: auto;\n padding: 1rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .username-display.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n .username-display.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: auto;\n }\n\n .username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .username-refresh-btn:active {\n transform: rotate(180deg) scale(0.95);\n }\n\n .username-refresh-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n transform: none;\n }\n\n .username-refresh-btn.spinning {\n animation: spin 0.5s ease-in-out;\n }\n\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* Inline reply form styles *\/\n .inline-username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n margin-bottom: 0.8rem;\n }\n\n .inline-reply-username {\n flex: 1;\n width: auto;\n padding: 0.8rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 6px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .inline-reply-username.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n \n .inline-reply-username.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .inline-username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 0.8rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 40px;\n }\n\n .inline-username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .submit-btn-v1 {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n padding: 1.2rem 1.5rem;\n color: #fff;\n font-weight: 600;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 1rem;\n }\n .submit-btn-v1:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n .submit-btn-v1:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n .status-message {\n text-align: center;\n padding: 1rem;\n border-radius: 8px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .status-message.show {\n opacity: 1;\n }\n .status-message.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n .status-message.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n .comments-display {\n margin-top: 2rem !important;\n border-top: none !important;\n padding-top: 2.5rem !important;\n width: 100%;\n box-sizing: border-box;\n }\n .sort-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 0.5rem !important;\n margin-bottom: 2rem !important;\n padding: 0 !important;\n }\n .sort-label {\n color: #E3E3DC;\n font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n font-weight: 400 !important;\n transition: color 0.3s ease;\n }\n .sort-dropdown {\n background: rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(76, 175, 80, 0.4);\n color: #E3E3DC;\n padding: 0.4rem 0.6rem !important;\n border-radius: 4px !important;\n font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n font-family: 'Montserrat', sans-serif;\n cursor: pointer;\n transition: all 0.3s ease;\n outline: none;\n }\n .sort-dropdown:hover {\n border-color: #4CAF50;\n background: rgba(0, 0, 0, 0.8);\n }\n .sort-dropdown:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n }\n .comments-header {\n color: #4CAF50;\n font-size: clamp(1.1rem, 3vw, 1.3rem);\n margin-bottom: 2rem !important;\n font-weight: 600;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-wrap: wrap;\n transition: color 0.3s ease;\n }\n.comment-item {\n background: rgba(0,0,0,0.4);\n border-radius: 8px;\n padding: 1.2rem;\n margin-bottom: 1.5rem !important;\n border-left: 3px solid #4CAF50;\n width: auto;\n max-width: 100%;\n box-sizing: border-box;\n transition: background-color 0.3s ease, border-color 0.3s ease;\n overflow-wrap: break-word;\n word-wrap: break-word;\n position: relative; \n }\n \n .comment-container {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n .comment-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n gap: 1rem;\n min-height: 2rem;\n }\n .comment-author {\n color: #F4C542;\n font-weight: 600;\n font-size: clamp(0.9rem, 2.5vw, 1rem);\n transition: color 0.3s ease;\n }\n .comment-date {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n transition: color 0.3s ease;\n }\n .comment-text {\n color: #E3E3DC;\n line-height: 1.5;\n font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n word-wrap: break-word;\n overflow-wrap: break-word;\n margin-bottom: 1rem;\n transition: color 0.3s ease;\n }\n .comment-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 1rem;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n transition: border-color 0.3s ease;\n }\n .comment-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.5);\n color: #4CAF50;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n min-width: 50px;\n justify-content: center;\n white-space: nowrap;\n height: 32px;\n box-sizing: border-box;\n }\n .comment-like-btn:hover,\n .comment-reply-btn:hover {\n background: rgba(76, 175, 80, 0.1);\n border-color: #4CAF50;\n transform: translateY(-1px);\n }\n .comment-like-btn.liked {\n background: rgba(76, 175, 80, 0.2);\n border-color: #4CAF50;\n color: #4CAF50;\n }\n .comment-dislike-btn {\n border-color: rgba(255, 107, 107, 0.5);\n color: #ff6b6b;\n margin-left: 0.2rem;\n }\n .comment-dislike-btn:hover {\n background: rgba(255, 107, 107, 0.1);\n border-color: #ff6b6b;\n transform: translateY(-1px);\n }\n .comment-dislike-btn.disliked {\n background: rgba(255, 107, 107, 0.2);\n border-color: #ff6b6b;\n color: #ff6b6b;\n }\n .comment-like-count {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n transition: color 0.3s ease;\n }\n .like-count, .dislike-count {\n font-weight: 600;\n margin-left: 0.2rem;\n }\n \n \/* Reply indicator styles *\/\n .reply-indicator {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.8rem;\n padding: 0.4rem 0.8rem;\n background: rgba(76, 175, 80, 0.08);\n border: 1px solid rgba(76, 175, 80, 0.2);\n border-radius: 12px;\n font-size: 0.85rem;\n color: #4CAF50;\n transition: all 0.3s ease;\n }\n \n .reply-icon {\n font-size: 1rem;\n font-weight: bold;\n color: #4CAF50;\n opacity: 0.8;\n }\n \n .reply-text {\n color: #E3E3DC;\n font-size: 0.8rem;\n opacity: 0.9;\n }\n \n .reply-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n \n \/* Read More Button Styles *\/\n .read-more-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.5);\n color: #F4C542;\n padding: 0.3rem 0.8rem;\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.8rem;\n font-weight: 500;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n transition: all 0.3s ease;\n display: inline-block;\n }\n \n .read-more-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: translateY(-1px);\n }\n \n .read-more-btn.expanded {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n }\n \n \/* Thread connection line for visual hierarchy *\/\n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n content: '';\n position: absolute;\n left: -6px;\n top: -8px;\n bottom: 50%;\n width: 2px;\n background: linear-gradient(to bottom, \n rgba(76, 175, 80, 0.4) 0%, \n rgba(76, 175, 80, 0.2) 50%, \n transparent 100%);\n border-radius: 1px;\n }\n #cancelReplyBtn {\n background: transparent !important;\n border: 1px solid #ff6b6b !important;\n color: #ff6b6b !important;\n padding: 0.6rem 1rem !important;\n border-radius: 6px !important;\n cursor: pointer !important;\n font-size: 0.9rem !important;\n margin-left: 1rem !important;\n transition: all 0.3s ease !important;\n font-family: 'Montserrat', sans-serif !important;\n }\n #cancelReplyBtn:hover {\n background: rgba(255, 107, 107, 0.1) !important;\n transform: translateY(-1px) !important;\n }\n .no-comments-message {\n text-align: center;\n color: #E3E3DC;\n opacity: 0.7;\n padding: 2rem;\n font-style: italic;\n transition: all 0.3s ease;\n }\n\n \/* Inline reply system styles *\/\n .inline-reply-form {\n background: rgba(76, 175, 80, 0.05);\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n padding: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n opacity: 0;\n transform: translateY(-10px);\n transition: all 0.3s ease;\n }\n \n .inline-reply-form.show {\n opacity: 1;\n transform: translateY(0);\n }\n \n .inline-reply-form h5 {\n color: #F4C542;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .inline-reply-email {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 0.8rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-email:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-email::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Inline reply form placeholder styling for light theme *\/\n body.light-theme .inline-reply-email::placeholder,\n html.light-theme .inline-reply-email::placeholder,\n body.light-theme .inline-reply-textarea::placeholder,\n html.light-theme .inline-reply-textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Username display text visibility in light theme *\/\n body.light-theme .username-display:not(.authenticated),\n html.light-theme .username-display:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .username-display.authenticated,\n html.light-theme .username-display.authenticated {\n color: #B8860B !important;\n }\n \n \/* FIXED: Inline reply username display visibility in light theme *\/\n body.light-theme .inline-reply-username:not(.authenticated),\n html.light-theme .inline-reply-username:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .inline-reply-username.authenticated,\n html.light-theme .inline-reply-username.authenticated {\n color: #B8860B !important;\n }\n \n .inline-reply-textarea {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n height: 80px;\n resize: vertical;\n margin-bottom: 1rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n .inline-reply-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .inline-reply-submit {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 6px;\n padding: 0.8rem 1.2rem;\n color: #fff;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n flex: 1;\n min-width: 100px;\n }\n \n .inline-reply-submit:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n }\n \n .inline-reply-submit:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n \n .inline-reply-cancel {\n background: transparent;\n border: 1px solid #ff6b6b;\n color: #ff6b6b;\n padding: 0.8rem 1.2rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 0.9rem;\n font-weight: 500;\n transition: all 0.3s ease;\n flex: 0 0 auto;\n }\n \n .inline-reply-cancel:hover {\n background: rgba(255, 107, 107, 0.1);\n transform: translateY(-1px);\n }\n \n .inline-reply-status {\n width: 100%;\n text-align: center;\n padding: 0.8rem;\n border-radius: 6px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .inline-reply-status.show {\n opacity: 1;\n }\n \n .inline-reply-status.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n \n .inline-reply-status.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n\n \/* ============================================================================ *\/\n \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n \/* ============================================================================ *\/\n \n \/* Light theme styles for dynamically created comments *\/\n body.light-theme .comment-item,\n html.light-theme .comment-item {\n background: rgba(0,0,0,0.05) !important;\n border-left: 3px solid #B8860B !important;\n }\n\n body.light-theme .comment-text,\n html.light-theme .comment-text {\n color: #333333 !important;\n }\n\n body.light-theme .comment-author,\n html.light-theme .comment-author {\n color: #B8860B !important;\n }\n\n body.light-theme .comment-date,\n html.light-theme .comment-date {\n color: #666666 !important;\n }\n\n body.light-theme .comment-footer,\n html.light-theme .comment-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n }\n\n body.light-theme .comment-like-count,\n html.light-theme .comment-like-count {\n color: #666666 !important;\n }\n\n body.light-theme .comments-header,\n html.light-theme .comments-header {\n color: #B8860B !important;\n }\n\n body.light-theme .no-comments-message,\n html.light-theme .no-comments-message {\n color: #666666 !important;\n }\n\n \/* Light theme styles for reply indicators in dynamically created comments *\/\n body.light-theme .reply-text,\n html.light-theme .reply-text {\n color: #666666 !important;\n }\n\n body.light-theme .reply-text strong,\n html.light-theme .reply-text strong {\n color: #B8860B !important;\n }\n\n \/* Light theme styles for comment action buttons *\/\n body.light-theme .comment-like-btn,\n html.light-theme .comment-like-btn,\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn,\n body.light-theme .comment-reply-btn,\n html.light-theme .comment-reply-btn {\n border-color: rgba(184, 134, 11, 0.5) !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn:hover,\n html.light-theme .comment-like-btn:hover,\n body.light-theme .comment-reply-btn:hover,\n html.light-theme .comment-reply-btn:hover {\n background: rgba(184, 134, 11, 0.1) !important;\n border-color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn.liked,\n html.light-theme .comment-like-btn.liked {\n background: rgba(184, 134, 11, 0.2) !important;\n border-color: #B8860B !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn {\n border-color: rgba(204, 85, 85, 0.5) !important;\n color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn:hover,\n html.light-theme .comment-dislike-btn:hover {\n background: rgba(204, 85, 85, 0.1) !important;\n border-color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn.disliked,\n html.light-theme .comment-dislike-btn.disliked {\n background: rgba(204, 85, 85, 0.2) !important;\n border-color: #cc5555 !important;\n color: #cc5555 !important;\n }\n\n \/* CTA Button Styles *\/\n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #F4C542, #E6B82E);\n color: #000;\n padding: 1rem 3rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n border: none;\n cursor: pointer;\n }\n\n .cta-button:hover {\n transform: translateY(-3px) !important;\n box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n }\n\n \/* CTA Section Styles *\/\n .cta-section {\n text-align: center;\n margin: 4rem auto;\n max-width: 950px;\n padding: 2rem;\n }\n\n \/* Enhanced Typography *\/\n .content-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* Better desktop image sizing for large screens *\/\n @media (min-width: 1200px) {\n .center-image img {\n max-width: 60%;\n }\n \n .section-image {\n max-width: 400px;\n }\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .tbos-container {\n padding: 0 1rem;\n }\n\n .content-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .media-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .keep-learning-section {\n padding: 1.5rem;\n margin: 2rem auto;\n position: relative;\n z-index: 1;\n }\n\n .signup-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .signup-text h3,\n .signup-text p {\n text-align: center;\n }\n\n .signup-form-container {\n position: relative;\n z-index: 2;\n }\n\n .signup-form-container input {\n width: 100%;\n position: relative;\n z-index: 3;\n }\n\n .signup-form-container button {\n width: 100%;\n position: relative;\n z-index: 3;\n margin-bottom: 0.5rem;\n }\n\n .form-note {\n margin-top: 1rem;\n position: relative;\n z-index: 4;\n clear: both;\n display: block;\n width: 100%;\n padding-top: 0.5rem;\n }\n\n #formMessage {\n position: relative;\n z-index: 5;\n clear: both;\n margin-top: 1.5rem;\n display: block;\n width: 100%;\n box-sizing: border-box;\n padding: 1rem;\n text-align: center;\n font-weight: 600;\n }\n\n .engagement-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .engagement-container {\n padding: 2rem 1.5rem;\n }\n .engagement-content {\n text-align: center;\n min-height: auto;\n position: static;\n margin-bottom: 1rem;\n }\n\n .split-content {\n flex-direction: column;\n gap: 2rem;\n }\n\n .split-content img {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n \n <div style=\"display: none;\">\n <audio id=\"nightTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n \n <audio id=\"dayTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/div>\n\n <section class=\"article-page\">\n <div class=\"tbos-container\">\n \n <div class=\"title-section\">\n <h1 class=\"article-title\">\u00c0 l'int\u00e9rieur de la plante de cannabis : Une analyse de ses parties \ud83c\udf3f<\/h1>\n <p class=\"article-subtitle\">Une visite guid\u00e9e des racines aux trichomes<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \n <div class=\"media-card animate-in\" id=\"video-content\">\n <h3>\ud83c\udfac Regarde l'analyse compl\u00e8te<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Obtiens le parcours visuel complet \u00e0 travers l'anatomie de la plante de cannabis<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n <iframe id=\"tbos-video\" \n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n src=\"https:\/\/www.youtube.com\/embed\/8q84fqhX5G4\" \n data-en=\"8q84fqhX5G4\"\n data-ga=\"RkVEe1T6Q7w\"\n data-es=\"k8MQkPTX9fI\"\n data-de=\"0xok6GWgMKU\"\n data-pt=\"hslWobctIBc\"\n data-fr=\"WCnTbseLqIc\"\n data-it=\"4uNDPOSEUpk\"\n data-pl=\"qo4UC37cX2g\"\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 \n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n <h3>\ud83c\udfa7 \u00c9coute en d\u00e9placement<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Parfait pour ton trajet ou ton entra\u00eenement, version audio uniquement<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/6dL7KWWwt2fGgGwQIa0mAc?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n<\/div>\n<\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"nav-hint\">\n \u2193 Tu pr\u00e9f\u00e8res lire ? Plonge dans l'analyse compl\u00e8te \u00e9crite ci-dessous \u2193\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"content-section\" id=\"written-content\">\n <h2 class=\"content-section-title\">\u00c0 l'int\u00e9rieur de la plante de cannabis : Une analyse de ses parties \ud83c\udf3f<\/h2>\n\n \n <div class=\"content-card\">\n <h3>Le voyage commence<\/h3>\n <p class=\"content-text\">Faisons un voyage \u00e0 travers la plante de cannabis, depuis le sol. Imagine \u00e7a comme une visite guid\u00e9e, en commen\u00e7ant par les racines et en montant jusqu'au sommet, o\u00f9 toute la magie se passe. \u00c0 la fin, tu auras une image claire de ce qui rend cette plante si unique et pourquoi chaque partie joue un r\u00f4le crucial.<\/p>\n <p class=\"content-text\"><strong>Pr\u00eat ? C'est parti !<\/strong><\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Les graines \u2014 Le d\u00e9but de la vie<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Seeds.png\" alt=\"Graines de cannabis en cours de germination\">\n <div class=\"text-content\">\n <p class=\"content-text\">Alors, qu'est-ce qui est venu en premier, la poule ou l'\u0153uf ? La plante ou la graine ? Quoi qu'il en soit, la graine est l\u00e0 o\u00f9 commence le voyage du cannabis.<\/p>\n \n <p class=\"content-text translation-block\"><strong>Les plantes de cannabis femelles<\/strong> produisent des graines apr\u00e8s avoir \u00e9t\u00e9 pollinis\u00e9es, et ces graines portent la g\u00e9n\u00e9tique de la plante m\u00e2le qui les a fertilis\u00e9es. Une fois plant\u00e9e, chaque graine envoie une racine pivotante qui ancre la plante et lance le processus de croissance<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3 style=\"display: flex; align-items: center; justify-content: center;\" class=\"translation-block\"><a href=\"https:\/\/www.youtube.com\/watch?v=iFZL4U3snnI&list=RDiFZL4U3snnI&start_radio=1\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: none; color: #4CAF50; font-size: inherit; font-weight: inherit;\">Roots \u2014 The Foundation<\/a> \r\n <span style=\"color: #F4C542; margin: 0 0.5rem;\">\u2190<\/span>\r\n <span style=\"font-size: 0.6em; font-weight: 400; color: #F4C542; line-height: 1;\">(tune btw)<\/span><\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Roots.png\" alt=\"Syst\u00e8me racinaire du cannabis\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">La <strong>racine pivotante<\/strong> est la racine principale qui stabilise la plante dans le sol. De cette racine centrale, de plus petites racines se r\u00e9pandent, absorbant l'eau, l'oxyg\u00e8ne et les nutriments. Pense aux racines comme le syst\u00e8me de survie de la plante. Sans racines saines, la plante ne survivrait pas.<\/p>\n \n <p class=\"content-text\">\u00c0 partir de ces racines, la tige commence \u00e0 pousser.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Tige \u2014 Le c\u0153ur de la plante<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Stem.png\" alt=\"Tige de cannabis et d\u00e9but de croissance\">\n <div class=\"text-content\">\n <p class=\"content-text\">La tige est la grande structure centrale qui parcourt toute la plante de cannabis. Elle fournit stabilit\u00e9 et structure, un peu comme une colonne vert\u00e9brale humaine. Elle permet \u00e0 la plante de pousser verticalement tout en maintenant une prise solide dans le sol. La tige transporte \u00e9galement l'eau, l'oxyg\u00e8ne et les nutriments dans toute la plante.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Fait int\u00e9ressant :<\/strong> La fibre de chanvre, qui provient de la tige, est utilis\u00e9e pour fabriquer des v\u00eatements, du papier, de la corde, des int\u00e9rieurs de voitures et plus encore. Elle est meilleure pour l'environnement et plus durable que de nombreux autres mat\u00e9riaux tels que le bois, le papier, le b\u00e9ton, le cuir et plus encore.<\/p>\n <\/div>\n \n <p class=\"content-text\">Le chanvre \u00e9tait utilis\u00e9 par les marins comme \u00e0 l'\u00e9poque des vikings aux VIIIe-XIe si\u00e8cles et des explorateurs comme Christophe Colomb au XVe si\u00e8cle. Il \u00e9tait utilis\u00e9 pour leurs voiles et leurs cordes alors qu'ils parcouraient la terre, explorant des terres inexplor\u00e9es.<\/p>\n \n <p class=\"content-text translation-block\">Donc ouais, <strong>le chanvre provient principalement de la tige de la plante de cannabis<\/strong>, rappelle-toi \u00e7a x<\/p>\n \n <p class=\"content-text\">Maintenant, montons l\u00e0 o\u00f9 les branches commencent \u00e0 se former.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>N\u0153uds \u2014 Les points de connexion<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nodes-1.png\" alt=\"N\u0153uds de la plante de cannabis o\u00f9 les branches se connectent\">\n <div class=\"text-content\">\n <p class=\"content-text\">Les n\u0153uds sont les points o\u00f9 la tige et les branches se connectent. Ils sont comme de petites intersections le long de l'autoroute principale de la plante.<\/p>\n \n <p class=\"content-text translation-block\">Les cultivateurs peuvent d\u00e9terminer si une plante est m\u00e2le ou femelle en coupant dans le n\u0153ud. C'est important car <strong>seules les plantes femelles produisent les fleurs (t\u00eates)<\/strong> que nous consommons. Les cultivateurs doivent donc savoir \u00e0 quelle plante ils ont affaire pour s'assurer qu'ils ont le bon sexe \u00e0 cultiver. Oui, pour souligner, ce sont les plantes femelles sur lesquelles on compte pour notre cannabis. Les femmes ont marqu\u00e9 un point ici les gars. 1 - 0.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Branches \u2014 Le chemin vers les t\u00eates<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/015d96ed-ee15-4c2f-bd36-eb8c204f7158.png\" alt=\"Branches de la plante de cannabis s'\u00e9tendant \u00e0 partir de la tige principale\">\n <div class=\"text-content\">\n <p class=\"content-text\">Et la branche sur l'arbre, et l'arbre dans le trou, et le trou dans la tourbi\u00e8re, et la tourbi\u00e8re dans la vall\u00e9e !<\/p>\n \n <p class=\"content-text\">Les branches. Les branches s'\u00e9tendent \u00e0 partir de la tige. Chaque branche peut devenir un \"site de t\u00eate,\" o\u00f9 les fleurs se forment.<\/p>\n \n <p class=\"content-text\">Les cultivateurs visent \u00e0 maximiser le nombre de branches et de sites de t\u00eates. Pourquoi ? Plus de branches signifie plus de sites de t\u00eates. Plus de sites de t\u00eates signifie plus de t\u00eates. Plus de t\u00eates signifie plus de produit \u00e0 consommer ou \u00e0 vendre. Les billets de banque se faufilent toujours l\u00e0-dedans, non ?<\/p>\n \n <p class=\"content-text\">Ce n'est pas seulement une question d'argent, mais \u00e7a joue certainement un r\u00f4le.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Feuilles \u2014 Les panneaux solaires de la plante<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Fan-leaf.png\" alt=\"Feuilles de cannabis en \u00e9ventail\">\n <div class=\"text-content\">\n <p class=\"content-text\">Il existe trois principaux types de feuilles sur la plante de cannabis :<\/p>\n \n <div class=\"list-container\">\n <ol>\n <li class=\"translation-block\"><strong>Feuilles Cotyl\u00e9donaires<\/strong> \u2014 Les premi\u00e8res feuilles \u00e0 appara\u00eetre apr\u00e8s la germination de la graine. Elles fournissent des nutriments au semis avant que la photosynth\u00e8se ne commence.<\/li>\n <li class=\"translation-block\"><strong>Feuilles en \u00e9ventail<\/strong> \u2014 Le symbole embl\u00e9matique de la marijuana. Celle que tu vois sur l'image. Vous la connaissez tous. LIB\u00c9REZ.L'HERBE, LIB\u00c9REZ.L'HERBE. \"Yo mec, c'est juste une plante\". Ces feuilles capturent la lumi\u00e8re du soleil et jouent un r\u00f4le cl\u00e9 dans la photosynth\u00e8se.<\/li>\n <li class=\"translation-block\"><strong>Feuilles Sucr\u00e9es<\/strong> \u2014 Des feuilles plus petites qui poussent pr\u00e8s des t\u00eates. Elles semblent recouvertes de cristaux de sucre, mais ces cristaux de \"sucre\" sont en r\u00e9alit\u00e9 des trichomes, on en parle dans un instant.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Fleur\/T\u00eate \u2014 La vedette du spectacle<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Flower.png\" alt=\"Fleur\/bouton de cannabis, gros plan\">\n <div class=\"text-content\">\n <p class=\"content-text\">La fleur\/t\u00eate, comme tu veux l'appeler. La machine \u00e0 sous. Pourquoi la plante de cannabis est cultiv\u00e9e \u00e0 des fins m\u00e9dicales\/r\u00e9cr\u00e9atives. La vedette du spectacle, c'est ton moment de briller. C'est l\u00e0 que toutes les bonnes choses, THC, CBD, cannabino\u00efdes, terp\u00e8nes et flavono\u00efdes sont concentr\u00e9es.<\/p>\n \n <p class=\"content-text translation-block\">Voici le point cl\u00e9 comme mentionn\u00e9 ci-dessus. <strong>Seules les plantes de cannabis femelles produisent les fleurs que nous utilisons.<\/strong><\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Facto interessante:<\/strong> Os cultivadores separam plantas macho e f\u00eamea para prevenir a poliniza\u00e7\u00e3o. Porqu\u00ea? Se uma planta f\u00eamea for polinizada, ela para de colocar a sua energia em cultivar bot\u00f5es grandes e resinosos e come\u00e7a a produzir sementes. A quest\u00e3o \u00e9 que, quando ela n\u00e3o \u00e9 polinizada, ela fica faminta por isso. Essa frustra\u00e7\u00e3o biol\u00f3gica leva-a a trabalhar horas extra, produzindo camadas grossas de resina para atrair p\u00f3len que nunca vem. Essa resina est\u00e1 carregada de canabinoides e terpenos. Ent\u00e3o sim, sem sementes significa que toda essa energia vai para a pot\u00eancia.<\/p>\n <\/div>\n \n <p class=\"content-text\">En gros, on a frustr\u00e9 sexuellement la plante femelle pour avoir les meilleures t\u00eates. ( 1 - 1, vol\u00e9e en pivot, lucarne) Ta m\u00e8re c'est ton p\u00e8re etc etc.<\/p>\n \n <p class=\"content-text\">Les fleurs sont s\u00e9ch\u00e9es lorsqu'elles sont coup\u00e9es de la plante. C'est ce qui est ensuite utilis\u00e9 par les consommateurs de cannabis. Soit la fleur elle-m\u00eame dans son int\u00e9gralit\u00e9, soit quelques extraits de celle-ci.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Colas \u2014 Les joyaux de la couronne<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Colas.png\" alt=\"Cannabis cola - grappe de bourgeons au sommet\">\n <div class=\"text-content\">\n <p class=\"content-text\">Tout en haut de la plante, tu trouveras la cola, un groupe de t\u00eates qui poussent tr\u00e8s proches les unes des autres. La cola principale est g\u00e9n\u00e9ralement la plus grande et a la plus forte concentration de cannabino\u00efdes, de terp\u00e8nes et de flavono\u00efdes.<\/p>\n \n <p class=\"content-text\">Pense \u00e0 \u00e7a comme la cerise sur notre g\u00e2teau.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Trichomes \u2014 La bont\u00e9 givr\u00e9e<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Trichomes.png\" alt=\"Gros plan sur les trichomes de cannabis\">\n <div class=\"text-content\">\n <p class=\"content-text\">Les trichomes sont ces minuscules structures ressemblant \u00e0 des cristaux qui donnent au cannabis son apparence givr\u00e9e. Quand on regarde la plante de cannabis, on remarque qu'elle a un \u00e9clat givr\u00e9. Ils ressemblent \u00e0 de petits yeux d'escargot qui sortent de la plante. \ud83d\udc0c<\/p>\n \n <p class=\"content-text translation-block\">Ces glandes de r\u00e9sine sont pleines de <a href=\"https:\/\/twobirdsonestoned.co\/fr\/major-thccbd-minor-cannabinoids-terpenes-flavonoids\/\" target=\"_blank\" rel=\"noopener noreferrer\">THC, CBD et d'autres cannabino\u00efdes et terp\u00e8nes<\/a>. Elles sont aussi un m\u00e9canisme de d\u00e9fense, prot\u00e9geant la plante des pr\u00e9dateurs et des environnements hostiles.<\/p>\n \n <p class=\"content-text\">Si tu as d\u00e9j\u00e0 broy\u00e9 du cannabis, tu auras remarqu\u00e9 qu'au fond de ton grinder du \"kief\" se forme. Le kief ce sont des trichomes qui tombent de la t\u00eate elle-m\u00eame et se frayent un chemin jusqu'au fond de ton grinder. Le kief est juste une collection concentr\u00e9e de trichomes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Autres pi\u00e8ces notables<\/h3>\n \n <div class=\"other-parts-list\">\n <ul>\n <li class=\"translation-block\"><strong>Bract\u00e9es<\/strong> \u2014 Petites feuilles qui prot\u00e8gent le syst\u00e8me reproducteur f\u00e9minin.<\/li>\n <li class=\"translation-block\"><strong>Calice<\/strong> \u2014 Une partie de la plante qui contient le pistil et les trichomes.<\/li>\n <li class=\"translation-block\"><strong>Pistil<\/strong> \u2014 Contient les parties reproductrices de la plante.<\/li>\n <li class=\"translation-block\"><strong>Stigmate<\/strong> \u2014 Structures fines ressemblant \u00e0 des poils qui collectent le pollen sur la plante femelle.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>R\u00e9flexions finales \u2014 C'est juste une plante<\/h3>\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Full-plant.png\" alt=\"Plante de cannabis compl\u00e8te montrant toutes les parties\" class=\"section-image\">\n \n <p class=\"content-text\">Alors, voil\u00e0, une analyse de la plante de cannabis des racines au sommet. J'esp\u00e8re que tu as appris quelque chose de nouveau. Peut-\u00eatre que maintenant tu sais d'o\u00f9 vient ton kief ou pourquoi seules les plantes femelles produisent les t\u00eates que nous consommons.<\/p>\n \n <p class=\"content-text\">Le cannabis est plus que juste du THC et du CBD. C'est une plante complexe avec de nombreux composants qui travaillent ensemble pour cr\u00e9er ses effets. Comprendre l'anatomie de la plante est la premi\u00e8re \u00e9tape pour prendre des d\u00e9cisions plus \u00e9clair\u00e9es lors de l'interaction avec le cannabis.<\/p>\n \n <div class=\"section-divider\"><\/div>\n <\/div>\n\n \n <div class=\"keep-learning-section\">\n <div class=\"signup-split\">\n <div class=\"signup-text\">\n <h3>La Seule Fa\u00e7on de Rester \u00e0 Jour<\/h3>\n <p>Le cannabis \u00e9volue et on couvre la science, la recherche et la culture, tout gratuit et directement dans ta bo\u00eete mail. Pas de r\u00e9seaux sociaux. Email uniquement. Rejoins-nous si tu es curieux.<\/p>\n <ul class=\"benefits-list\">\n <li>\ud83c\udfac Interviews & Documentaires<\/li>\n <li>\ud83d\udcda Vid\u00e9os et audios \u00e9ducatifs<\/li>\n <li>\ud83d\udd2c Informations et perspectives scientifiques<\/li>\n <\/ul>\n <\/div>\n <div class=\"signup-form\">\n <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n <input type=\"email\" name=\"entry.690743589\" placeholder=\"ton@email.com\" required id=\"emailInput\">\n <button type=\"submit\" id=\"emailSubmitBtn\">Recevoir les Mises \u00e0 Jour<\/button>\n <p class=\"form-note\">\u27a1\ufe0f Reste curieux \u2b05\ufe0f<\/p>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n <\/div>\n <\/div>\n <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n <\/div>\n\n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"engagement-container\">\n <div class=\"engagement-split\">\n <div class=\"engagement-content\">\n <h3>Qu'en penses-tu ?<\/h3>\n <p>Tu as quelque chose \u00e0 dire ? Laisse-le ci-dessous. Ta voix aide \u00e0 fa\u00e7onner ce qui vient ensuite.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Partage tes exp\u00e9riences<\/li>\n <li>\ud83e\udd1d Discute-en avec les autres<\/li>\n <li>\ud83d\udcda Aide \u00e0 am\u00e9liorer le contenu futur<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>Comment \u00e7a marche<\/h4>\n <ol>\n <li class=\"translation-block\"><span>\u00c9tape 1:<\/span>Choisis : Entre ton email OU commente anonymement<\/li>\n <li class=\"translation-block\"><span>\u00c9tape 2:<\/span>Re\u00e7ois ton nom d'utilisateur unique (tu le gardes sur tout le site)<\/li>\n <li class=\"translation-block\"><span>\u00c9tape 3:<\/span>Commente, vote, r\u00e9ponds et partage tes pens\u00e9es : tu fais partie de la conversation !<\/li>\n <\/ol>\n <form id=\"secureCommentForm\" action=\"\">\n \n <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n \n \n <div class=\"form-group-v1\">\n <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Commente anonymement (aucun email requis)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"ton@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Ton nom d'utilisateur appara\u00eetra ici<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Obtiens un nom d'utilisateur diff\u00e9rent\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"Qu'en as-tu pens\u00e9 ? Des questions ou des exp\u00e9riences \u00e0 partager ?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n <span id=\"submitText\">Publier le commentaire<\/span>\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n <\/div>\n \n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"comments-display\">\n \n <div class=\"sort-container\">\n <label for=\"commentSort\" class=\"sort-label\">Trier par :<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">Plus r\u00e9cent<\/option>\n <option value=\"liked\">Plus aim\u00e9<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Commentaires r\u00e9cents (<span id=\"commentCount\">0<\/span>)\n <\/div>\n <div id=\"commentsList\">\n \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n Plus de sujets \u2192\n <\/a>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>R\u00e9f\u00e9rences<\/h3>\n <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n <p>Booth, J.K. et Bohlmann, J., 2019. <em>Terp\u00e8nes dans le Cannabis sativa - Du g\u00e9nome de la plante \u00e0 l'homme<\/em>. Plant Science, 284, pp.67-72.<\/p>\n \n <p>Caplan, D., Dixon, M. et Zheng, Y., 2019. <em>Augmentation du poids sec des inflorescences et de la teneur en cannabino\u00efdes du cannabis m\u00e9dical gr\u00e2ce \u00e0 un stress de s\u00e9cheresse contr\u00f4l\u00e9<\/em>. HortScience, 54(5), pp.964-969.<\/p>\n \n <p>Chandra, S., Lata, H. et ElSohly, M.A. eds, 2017. <em>Cannabis sativa L.-botanique et biotechnologie<\/em>. Springer.<\/p>\n \n <p>DocMJ, n.d. <em>Anatomie et cycles de vie de la plante de marijuana<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/docmj.com\/marijuana-plant-anatomy-and-life-cycles\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/docmj.com\/marijuana-plant-anatomy-and-life-cycles\/<\/a> [consult\u00e9 le 30 d\u00e9cembre 2024].<\/p>\n \n <p>Elsohly, M.A. et Slade, D., 2005. <em>Composants chimiques de la marijuana : le m\u00e9lange complexe de cannabino\u00efdes naturels<\/em>. Sciences de la vie, 78(5), pp.539-548.<\/p>\n \n <p>Huchelmann, A., Boutry, M. et Hachez, C., 2017. <em>Les trichomes glandulaires des plantes : des usines cellulaires naturelles d'un grand int\u00e9r\u00eat biotechnologique<\/em>. Plant physiology, 175(1), pp.6-22.<\/p>\n \n <p>Livingston, S.J., Quilichini, T.D., Booth, J.K., Wong, D.C., Rensing, K.H., Laflamme-Yonkman, J., Castellarin, S.D., Bohlmann, J., Page, J.E. et Samuels, A.L., 2020. <em>Les trichomes glandulaires du cannabis modifient la morphologie et le contenu en m\u00e9tabolites pendant la maturation de la fleur<\/em>. The Plant Journal, 101(1), pp.37-56.<\/p>\n \n <p>M\u00dcV, s.d. <em>Anatomie du cannabis<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/muvfl.com\/post\/cannabis-anatomy\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/muvfl.com\/post\/cannabis-anatomy<\/a> [consult\u00e9 le 30 d\u00e9cembre 2024].<\/p>\n \n <p>Small, E., 2015. <em>\u00c9volution et classification du Cannabis sativa (marijuana, chanvre) en relation avec l'utilisation par l'homme<\/em>. The Botanical Review, 81(3), pp. 189-294.<\/p>\n \n <p>Terpene Belt Farms, s.d. <em>L'anatomie de la plante de cannabis : Une analyse simple<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/terpenebeltfarms.com\/blogs\/the-anatomy-of-the-cannabis-plant-a-simple-breakdown\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/terpenebeltfarms.com\/blogs\/the-anatomy-of-the-cannabis-plant-a-simple-breakdown\/<\/a> [consult\u00e9 le 30 d\u00e9cembre 2024].<\/p>\n \n <p>THC Design, s.d. <em>Anatomie de la plante de cannabis<\/em>. [en ligne] Disponible \u00e0 l'adresse suivante : <a href=\"https:\/\/thcdesign.com\/blog\/cannabis-plant-anatomy\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/thcdesign.com\/blog\/cannabis-plant-anatomy\/<\/a> [consult\u00e9 le 30 d\u00e9cembre 2024].<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Si tu es arriv\u00e9 jusqu'ici...<\/h3>\n \n <div class=\"section-divider\"><\/div>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">C'est \u00e0 la fin de chaque article que j'\u00e9cris, donc si tu as d\u00e9j\u00e0 lu quelque chose ici avant, tu connais le topo.<\/p>\n \n <p class=\"content-text translation-block\">Si tu es arriv\u00e9 \u00e0 la fin de cet article, <strong>merci<\/strong>. Vraiment. Tu as pris le temps de plonger dans un sujet qui a \u00e9t\u00e9 cach\u00e9 sous des couches de stigmatisation pendant des g\u00e9n\u00e9rations. Rien que \u00e7a signifie que tu fais partie d'un changement absolument n\u00e9cessaire.<\/p>\n \n <p class=\"content-text translation-block\">Si quelque chose ici t'a fait r\u00e9fl\u00e9chir ou penser diff\u00e9remment, fais ceci : <strong>parles-en<\/strong>. Aborde le sujet avec quelqu'un. Peu importe qui, ton ami, ton p\u00e8re, ton kin\u00e9, ton coll\u00e8gue, n'importe qui. Partage ce que tu as appris, ce qui t'a surpris, ou m\u00eame ce dont tu n'es pas encore s\u00fbr.<\/p>\n \n <p class=\"content-text translation-block\">Ces discussions, qu'elles soient d\u00e9contract\u00e9es, profondes, al\u00e9atoires ou g\u00eanantes, \u00e9rodent la stigmatisation, petit \u00e0 petit. Pas en pr\u00eachant, mais simplement en <strong>\u00e9tant honn\u00eate sur le moment<\/strong>.<\/p>\n \n <p class=\"content-text\">Il s'agit de briser le cycle de d\u00e9sinformation et de peur qui nous a retenus bien trop longtemps.<\/p>\n \n <p class=\"content-text\">Chaque fois que nous transmettons des informations pr\u00e9cises et \u00e9quilibr\u00e9es, nous faisons un pas de plus vers le fait de laisser ce monde un peu meilleur que nous l'avons trouv\u00e9, pour la prochaine g\u00e9n\u00e9ration.<\/p>\n \n <p class=\"content-text\">Je ne veux pas non plus que la vie des gens soit affect\u00e9e n\u00e9gativement \u00e0 cause des r\u00e8gles sociales qui entourent cette plante.<\/p>\n \n <p class=\"content-text\">Nous leur devons de bien faire les choses. Parler ouvertement, sans jugement ni honte. Remplacer les mythes d\u00e9pass\u00e9s par des preuves et de la compr\u00e9hension.<\/p>\n \n <p class=\"content-text\"><strong>Continuons cette conversation x<\/strong><\/p>\n \n <p class=\"content-text\">Sur ce, je te laisse. Tu peux le faire. Si tu as appris quelque chose de nouveau, va le dire \u00e0 quelqu'un haha<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/fr\" class=\"cta-button\">\n \ud83c\udf3f Va explorer\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script type=\"module\">\n import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n \/\/ Firebase configuration\n const firebaseConfig = {\n apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n authDomain: \"tbos-site-comments.firebaseapp.com\",\n projectId: \"tbos-site-comments\",\n storageBucket: \"tbos-site-comments.firebasestorage.app\",\n messagingSenderId: \"154628531943\",\n appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n };\n\n \/\/ Initialize Firebase\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const auth = getAuth(app);\n\n \/\/ Make Firebase available globally\n window.firebaseDB = {\n db: db,\n auth: auth,\n collection: collection,\n addDoc: addDoc,\n getDocs: getDocs,\n query: query,\n orderBy: orderBy,\n where: where,\n doc: doc,\n updateDoc: updateDoc,\n deleteDoc: deleteDoc,\n getDoc: getDoc,\n setDoc: setDoc,\n serverTimestamp: serverTimestamp,\n onSnapshot: onSnapshot,\n signInAnonymously: signInAnonymously\n };\n\n console.log('\ud83d\udd25 Firebase initialized successfully');\n <\/script>\n\n \n <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n\n \/\/ Reading progress tracking\n function updateProgressBar() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n }\n\n window.addEventListener('scroll', updateProgressBar);\n\n \/\/ Email signup functionality\n function setupEmailSignup() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n if (!form) return;\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n \/\/ Show loading state\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n \/\/ Create form data\n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n \/\/ Submit to Google Forms\n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n \/\/ Show success message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n \/\/ Clear form\n emailInput.value = '';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n \/\/ Show error message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n \/\/ Reset button\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentEmoji = button.textContent.trim();\n \n if (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 HEADER AND FOOTER FIX\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n const title = document.querySelector('.article-title');\n const subtitle = document.querySelector('.article-subtitle');\n const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n const toggleButton = document.getElementById('theme-toggle');\n const navHint = document.querySelector('.nav-hint');\n \n \/\/ Comment system selectors\n const engagementContainer = document.querySelector('.engagement-container');\n const commentForm = document.querySelectorAll('.comment-form-v1');\n const commentItems = document.querySelectorAll('.comment-item');\n const sortLabel = document.querySelector('.sort-label');\n const sortDropdown = document.querySelector('.sort-dropdown');\n const commentsHeader = document.querySelector('.comments-header');\n const noCommentsMessage = document.querySelector('.no-comments-message');\n \n \/\/ HEADER SELECTORS\n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n \/\/ FOOTER SELECTORS\n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME (Day Time)\n console.log('Applying LIGHT theme');\n \n \/\/ Add light theme class to both html and body\n html.classList.add('light-theme');\n body.classList.add('light-theme');\n \n \/\/ Apply cream background\n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR LIGHT THEME\n if (header) {\n header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR LIGHT THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Light cards\n contentCards.forEach(card => {\n if (card.classList.contains('keep-learning-section')) {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n } else {\n card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n }\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Update strong\/highlighted text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Update links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ Remove light theme class from both html and body\n html.classList.remove('light-theme');\n body.classList.remove('light-theme');\n \n \/\/ Reset to dark gradient\n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR DARK THEME\n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR DARK THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset cards\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#1d1d1d', 'important');\n card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n card.style.setProperty('color', '#fff', 'important');\n \n \/\/ Reset headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset strong text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#F4C542', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Reset links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint to original color in dark mode\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements for dark theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content elements\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans to original color in dark theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n }\n\n \/\/ Animate content cards on scroll\n function animateOnScroll() {\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n cards.forEach(card => {\n const cardTop = card.getBoundingClientRect().top;\n const cardBottom = card.getBoundingClientRect().bottom;\n \n if (cardTop < window.innerHeight && cardBottom > 0) {\n card.classList.add('animate-in');\n }\n });\n }\n\n \/\/ Smooth scroll to anchor on page load with offset\n document.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n });\n\n \/\/ Initialize everything when DOM is ready\n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis Plant Anatomy Updated');\n \n \/\/ Setup email signup\n setupEmailSignup();\n \n \/\/ Setup scroll animations\n animateOnScroll();\n window.addEventListener('scroll', animateOnScroll);\n \n \/\/ Animate title section\n setTimeout(() => {\n const titleSection = document.querySelector('.title-section');\n if (titleSection) {\n titleSection.style.opacity = '1';\n titleSection.style.transform = 'translateY(0)';\n }\n }, 100);\n \n \/\/ Initialize anonymous mode toggle\n const anonymousCheckbox = document.getElementById('anonymousMode');\n const emailGroup = document.getElementById('emailGroup');\n \n if (anonymousCheckbox && emailGroup) {\n anonymousCheckbox.addEventListener('change', function() {\n if (this.checked) {\n emailGroup.style.display = 'none';\n document.getElementById('commentEmail').removeAttribute('required');\n } else {\n emailGroup.style.display = 'block';\n document.getElementById('commentEmail').setAttribute('required', '');\n }\n });\n }\n \n \/\/ Ensure progress bar starts at 0\n updateProgressBar();\n \n console.log('\u2705 All components initialized successfully');\n });\n\n \/\/ Handle visibility change for audio\n document.addEventListener('visibilitychange', function() {\n if (document.hidden) {\n \/\/ Pause any playing audio when tab is not visible\n const nightAudio = document.getElementById('nightTimeAudio');\n const dayAudio = document.getElementById('dayTimeAudio');\n if (nightAudio) nightAudio.pause();\n if (dayAudio) dayAudio.pause();\n }\n });\n\n \/\/ Error handling for external scripts\n window.addEventListener('error', function(e) {\n if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n console.warn('External script error detected, but core functionality preserved:', e.message);\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Cannabis Plant Anatomy Guide: Scientific Breakdown of Parts & Functions | Two Birds One Stoned Inside the Cannabis Plant: A Breakdown of Its Parts \ud83c\udf3f A guided tour from roots to trichomes \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis plant anatomy \ud83c\udfa7 Listen on the Go Perfect for your […]<\/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-1789","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1789","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=1789"}],"version-history":[{"count":69,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1789\/revisions"}],"predecessor-version":[{"id":8048,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/1789\/revisions\/8048"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=1789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}