Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned<\/title>\n \n \n <meta name=\"description\" content=\"Guida scientifica alla cannabis medica per epilessia, dolore cronico, effetti collaterali della chemioterapia e cure palliative. Evidenze senza esagerazioni.\">\n <meta name=\"keywords\" content=\"medical cannabis, CBD epilepsy, chronic pain relief, chemotherapy nausea, palliative care, cannabis medicine, evidence-based\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"author\" content=\"James Gallagher, Two Birds One Stoned\">\n \n \n <meta property=\"og:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n <meta property=\"og:description\" content=\"Guida scientifica alla cannabis medica per epilessia, dolore cronico, effetti collaterali della chemioterapia e cure palliative. Evidenze senza esagerazioni.\">\n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:url\" content=\"[YOUR-PAGE-URL]\">\n <meta property=\"og:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n <meta name=\"twitter:description\" content=\"Science-backed guide to medical cannabis for epilepsy, chronic pain, chemotherapy side effects, and palliative care.\">\n <meta name=\"twitter:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n \n \n <link rel=\"canonical\" href=\"[YOUR-PAGE-URL]\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n color: #fff;\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n line-height: 1.6;\n }\n\n \/* ARTICLE PAGE SECTION *\/\n .article-page {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 100px;\n padding-bottom: 6rem;\n }\n\n \/* Container *\/\n .tbos-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 3rem;\n border-radius: 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n margin: 4rem auto;\n max-width: 950px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Cards animate in when visible *\/\n .content-card.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Content Card Hover *\/\n .content-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n \/* Title Section *\/\n.article-page .tbos-container .title-section {\n text-align: center !important;\n margin-bottom: 60px !important; \/* CHANGED: was 30px *\/\n margin-top: 60px !important; \/* CHANGED: was 40px *\/\n padding-bottom: 3rem !important; \/* CHANGED: was 2rem *\/\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n max-width: 1000px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n position: relative !important;\n z-index: 10 !important;\n display: block !important;\n overflow: visible !important;\n min-height: auto; \/* ADDED: new line *\/\n}\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(2rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 2.5rem !important;\n color: #F4C542 !important;\n text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n line-height: 1.3 !important;\n letter-spacing: -0.02em !important;\n max-width: 100% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n padding: 0 2rem !important;\n font-family: 'Montserrat', sans-serif !important;\n display: block !important;\n position: relative !important;\n overflow: visible !important;\n white-space: normal !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n color: #E3E3DC !important;\n font-weight: 400 !important;\n margin-bottom: 4rem !important;\n opacity: 0.9 !important;\n line-height: 1.5 !important;\n max-width: 90% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n word-wrap: break-word !important;\n }\n\n \/* Media Section Spacing *\/\n .media-section {\n margin: 8rem auto;\n max-width: 950px;\n position: relative;\n z-index: 5;\n }\n\n .media-section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #F4C542;\n margin-bottom: 3rem;\n font-weight: 600;\n }\n\n \/* Media Cards *\/\n .media-card {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 4rem auto;\n max-width: 950px;\n text-align: center;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n }\n\n \/* Content Break *\/\n .content-break {\n height: 3rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .content-break::before {\n content: '';\n width: 200px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n border-radius: 1px;\n }\n\n \/* Navigation hint *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important; \/* CHANGED: was 4rem *\/\n margin-top: 3rem !important; \/* CHANGED: was 2rem *\/\n font-weight: 600 !important;\n text-shadow: none !important;\n padding-top: 3rem !important; \/* CHANGED: was 2rem *\/\n line-height: 1.4 !important; \/* ADDED: new line *\/\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* 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 \/* Quote box styling *\/\n .quote-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 16px;\n font-style: italic;\n text-align: center;\n font-size: 1.2rem;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Statistics box *\/\n .stats-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 3rem;\n margin: 3rem auto;\n border-radius: 16px;\n text-align: center;\n max-width: 700px;\n position: relative;\n overflow: visible;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n .stats-box h4 {\n font-size: 2rem;\n color: #F4C542;\n margin-bottom: 2rem;\n text-align: center;\n font-weight: 600;\n }\n\n .stats-number {\n font-size: 3.5rem;\n color: #F4C542;\n font-weight: 700;\n margin: 1.5rem 0;\n display: block;\n line-height: 1.2;\n }\n\n .stats-description {\n font-size: 1.15rem;\n color: #E3E3DC;\n margin: 1rem 0;\n display: block;\n line-height: 1.5;\n }\n\n \/* Charlotte's Web highlight *\/\n .charlotte-highlight {\n background: linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08));\n border: 2px solid rgba(76,175,80,0.3);\n padding: 3rem;\n margin: 3rem auto;\n border-radius: 16px;\n text-align: center;\n max-width: 800px;\n position: relative;\n overflow: visible;\n box-shadow: 0 4px 12px rgba(76,175,80,0.1);\n }\n\n .charlotte-highlight h4 {\n font-size: 2rem;\n color: #4CAF50;\n margin-bottom: 2rem;\n text-align: center;\n font-weight: 600;\n }\n\n .charlotte-highlight .reduction-text {\n font-size: 2.8rem;\n color: #4CAF50;\n font-weight: 700;\n margin: 3rem 0 2rem 0;\n clear: both;\n display: block;\n width: 100%;\n text-align: center;\n }\n\n .charlotte-highlight .before-after {\n display: flex;\n justify-content: space-around;\n align-items: center;\n margin: 3rem 0;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .before-after-item {\n text-align: center;\n margin: 1rem;\n flex: 1;\n min-width: 150px;\n max-width: 200px;\n }\n\n .before-after-number {\n font-size: 4rem;\n font-weight: 700;\n margin: 1rem 0;\n display: block;\n line-height: 1;\n }\n\n .before-number {\n color: #ff6b6b;\n }\n\n .after-number {\n color: #4CAF50;\n }\n\n .before-after-label {\n font-size: 1rem;\n color: #E3E3DC;\n font-weight: 600;\n margin-top: 1rem;\n display: block;\n line-height: 1.3;\n letter-spacing: 0.5px;\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 .charlotte-highlight {\n padding: 2rem 1.5rem !important;\n margin: 3rem auto !important;\n }\n\n .charlotte-highlight .before-after {\n flex-direction: column !important;\n gap: 2rem !important;\n margin: 2rem 0 !important;\n }\n\n .charlotte-highlight .before-after-item {\n margin: 0.5rem auto !important;\n min-width: 120px !important;\n max-width: 180px !important;\n }\n\n .charlotte-highlight .before-after-number {\n font-size: 2.5rem !important;\n margin: 0.5rem 0 !important;\n }\n\n .charlotte-highlight .reduction-text {\n font-size: 1.8rem !important;\n margin: 2rem 0 1.5rem 0 !important;\n line-height: 1.3 !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n overflow: visible !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .before-after-number {\n font-size: 3rem;\n }\n\n .stats-number {\n font-size: 2.8rem;\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\">Usi Medici della Cannabis \ud83c\udfe5<\/h1>\n <p class=\"article-subtitle\">Dalla riduzione delle crisi epilettiche al sollievo dal dolore, esplorando il potenziale terapeutico della medicina della cannabis<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \n <div class=\"media-card animate-in\" id=\"video-content\">\n <h3>\ud83c\udfac Guarda la Storia della Cannabis Medica<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Scopri come la cannabis sta trasformando la medicina moderna<\/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\/u2_udA6uwrc\" \n data-en=\"u2_udA6uwrc\"\n data-ga=\"8LiKwCtEMk0\"\n data-es=\"xAwHY72KmKA\"\n data-de=\"Mn87Xy7bNXU\"\n data-pt=\"TOHjIBkkivs\"\n data-fr=\"gT_eCI8WCzs\"\n data-it=\"i0eEU9YMC3g\"\n data-pl=\"folAHtRW80A\"\n title=\"Lettore video di YouTube\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n referrerpolicy=\"strict-origin-when-cross-origin\" \n allowfullscreen>\n <\/iframe>\n<\/div>\n\n<script>\n(function() {\n const videoFrame = document.getElementById('tbos-video');\n if (!videoFrame) return;\n \n const currentLang = document.documentElement.lang || 'en';\n \n let langCode = 'en';\n if (currentLang.includes('ga')) langCode = 'ga';\n else if (currentLang.includes('es')) langCode = 'es';\n else if (currentLang.includes('de')) langCode = 'de';\n else if (currentLang.includes('pt')) langCode = 'pt';\n else if (currentLang.includes('fr')) langCode = 'fr';\n else if (currentLang.includes('it')) langCode = 'it';\n else if (currentLang.includes('pl')) langCode = 'pl';\n \n const videoId = videoFrame.dataset[langCode];\n if (videoId) {\n videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n }\n})();\n<\/script>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n <h3>\ud83c\udfa7 Ascolta ovunque sei<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfetto per il tuo tragitto o allenamento, versione solo audio<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2VY8CunM4JCxNiezG60nPj?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n<\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"nav-hint\">\n \u2193 Preferisci leggere? Immergiti nell'analisi scritta completa qui sotto \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\">Usi Medici della Cannabis \ud83c\udfe5<\/h2>\n\n \n <div class=\"content-card\">\n <h3>Il Controllo della Realt\u00e0<\/h3>\n <p class=\"content-text translation-block\">Nel 2015, in Australia, <strong style=\"font-weight: 700 !important\">l'80% dei decessi per overdose era legato a farmaci prescritti legalmente<\/strong>, come gli oppioidi. 80. S\u00ec, 80%. \u00c8 un fatto, non un numero inventato. Ottanta.<\/p>\n \n <p class=\"content-text translation-block\">Se la cannabis pu\u00f2 ridurre le crisi di un bambino da 50 al giorno a solo 2 o 3 al mese...un <strong style=\"font-weight: 700 !important\">calo di 500 volte<\/strong>...non vale almeno la pena dare un'occhiata pi\u00f9 da vicino?<\/p>\n \n <p class=\"content-text translation-block\">Guarda semplicemente come la cannabis pu\u00f2 <a href=\"https:\/\/www.youtube.com\/watch?v=zNT8Zo_sfwo\" target=\"_blank\">aiutare con i tremori e le abilit\u00e0 motorie causati dal morbo di Parkinson<\/a>. \u00c8 un video di un capitano di polizia in pensione che prova la cannabis per la prima volta.<\/p>\n \n <p class=\"content-text\">A differenza di sostanze come l'alcol o gli oppioidi, la cannabis ha un profilo di tossicit\u00e0 basso e non \u00e8 associata a overdose fatale, come supportato dai dati del National Institute on Drug Abuse (NIDA).<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Allora perch\u00e9 una pianta che non pu\u00f2 causare overdose letale \u00e8 ancora considerata pi\u00f9 pericolosa dei farmaci legali che uccidono persone ogni giorno?<\/p>\n <\/div>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Common-sense-man-on-tree.jpg\" alt=\"Common sense illustration\">\n <\/div>\n \n <p class=\"content-text\" style=\"text-align: center;\">Per iniziare questo articolo ho un annuncio di servizio pubblico.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>NON SONO UN MEDICO, INFERMIERE O PROFESSIONISTA, DI ALCUN TIPO.<\/h3>\n \n <p class=\"content-text\">Non prendere, e ripeto non prendere consigli medici da me o giro questa macchina immediatamente. Se intendi trattare una qualsiasi delle tue condizioni con la cannabis. Cerca consigli medici da un professionista sanitario qualificato.<\/p>\n \n <p class=\"content-text translation-block\">Di seguito sono riportate alcune delle principali condizioni mediche per cui le persone usano la cannabis per aiutarsi a curarsi. Sto cercando di avviare la conversazione che puoi avere con un professionista medico qualificato. Il contenuto qui sotto pu\u00f2 <strong style=\"font-weight: 700 !important\">darti un po' di contesto<\/strong> entrando in quella conversazione, in modo da essere un po' pi\u00f9 informato.<\/p>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Charolette-FIgi.png\" alt=\"Charlotte Figi\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Fonte: <a href=\"https:\/\/realitysandwich.com\/charlotte-figi\/\" target=\"_blank\" style=\"color: #E3E3DC;\">https:\/\/realitysandwich.com\/charlotte-figi\/<\/a><\/p>\n<\/div>\n \n <p class=\"content-text translation-block\">Immagina questo: Tuo figlio, di appena cinque anni, sta avendo fino a 50 crisi epilettiche al giorno. Hai provato tutto, ogni farmaco, ogni procedura, e niente funziona. Poi, con una minuscola goccia di olio di CBD sotto la lingua di tua figlia, le crisi si fermano. Non completamente, ma abbastanza da darle una possibilit\u00e0 di avere una vita non dominata dalle convulsioni. Questa era <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">la storia di Charlotte Figi<\/a>, e ha cambiato il modo in cui il mondo guardava alla cannabis.<\/p>\n \n <p class=\"content-text translation-block\">Dall'antica Cina al 1961, quando le Nazioni Unite etichettarono la cannabis come una sostanza con <strong style=\"font-weight: 700 !important\">\"alto potenziale di abuso e uso medico limitato\"<\/strong>, questa pianta ha portato uno stigma. Eppure eccoci qui nel 2025, a usarla per alleviare il dolore, combattere la nausea, calmare le crisi e migliorare le vite.<\/p>\n \n <p class=\"content-text\">Quindi s\u00ec, se possiamo iniziare la conversazione su come la cannabis pu\u00f2 aiutare le persone a migliorare la loro qualit\u00e0 di vita, sarebbe fantastico.<\/p>\n \n <h4>Schorzenia, kt\u00f3rych dotkn\u0119, gdzie kannabis mo\u017ce pom\u00f3c z\u0142agodzi\u0107 objawy, to:<\/h4>\n <ul>\n <li>Nausea e vomito indotti dalla chemioterapia<\/li>\n <li>Dolore cronico<\/li>\n <li>Epilessia<\/li>\n <li>Cure palliative<\/li>\n <\/ul>\n \n <p class=\"content-text\">Non posso coprire ogni condizione che la cannabis pu\u00f2 aiutare a trattare perch\u00e9 \u00e8 troppo da digerire in un post. Alcune delle condizioni che possono essere aiutate con la cannabis che non tratter\u00f2 includono, ma non sono limitate a Endometriosi, HIV\/AIDS, Sclerosi multipla, PTSD, Ansia, Insonnia, Alzheimer e morbo di Crohn.<\/p>\n \n <p class=\"content-text\">Iniziamo.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Nausea e vomito indotti dalla chemioterapia - (CINV)<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Cancer-patient-smoking.png\" alt=\"Cancer patient smoking cannabis\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Il trattamento del cancro \u00e8 estenuante, ma per molti pazienti, non \u00e8 solo la malattia, sono gli effetti collaterali. Nausea e vomito colpiscono come uno tsunami, derubando le persone della loro capacit\u00e0 di mangiare, funzionare o persino sperare. La N&V indotta dalla chemioterapia \u00e8 uno degli effetti collaterali acuti pi\u00f9 comuni e angoscianti del trattamento del cancro. Si verifica fino all'<strong style=\"font-weight: 700 !important\">80% dei pazienti<\/strong> e pu\u00f2 avere un impatto significativo sulla qualit\u00e0 di vita del paziente.<\/p>\n \n <p class=\"content-text\">Immagina il peggior caso di intossicazione alimentare che tu abbia mai avuto, sei rannicchiato, sudato, nauseato e supplichi il tuo corpo di farla finita. Ora immagina che questo ti colpisca ogni giorno, senza preavviso e spesso senza sollievo. \u00c8 cos\u00ec che possono sentirsi la nausea e il vomito indotti dalla chemioterapia (CINV).<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <h4>Quindi, come esattamente la cannabis sta aiutando con gli effetti della chemioterapia?<\/h4>\n \n <p class=\"content-text translation-block\">Il THC e il CBD interagiscono con il tuo cervello e intestino, bloccando i segnali che ti fanno sentire male. Il THC e il CBD interagiscono con i recettori cannabinoidi nel corpo, specialmente i recettori CB1 situati nel cervello e nel tratto gastrointestinale. Il <strong style=\"font-weight: 700 !important\">tratto gastrointestinale<\/strong> \u00e8 importante qui. L'attivazione di questi recettori pu\u00f2 inibire il rilascio di neurotrasmettitori che scatenano nausea e vomito. Inibisce anche i recettori della serotonina (5-HT3), che sono coinvolti nel riflesso del vomito. Bloccando questi recettori, la cannabis pu\u00f2 ridurre la sensazione di nausea. Dicono niente umano, niente vomito ora per favore.<\/p>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/5050-movie.jpg\" alt=\"50\/50 movie scene\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">(film 50\/50 srs. I pazienti oncologici fumano cannabis insieme per alleviare nausea, dolore e ansia)<\/p>\n <\/div>\n \n <p class=\"content-text translation-block\">In studi clinici randomizzati controllati con placebo, un rapporto equilibrato <strong style=\"font-weight: 700 !important\">THC:CBD (1:1)<\/strong> ha ridotto significativamente i punteggi di nausea nei pazienti oncologici che avevano esaurito tutti gli altri trattamenti. I risultati hanno indicato che il gruppo che riceveva l'estratto di cannabis aveva un tasso pi\u00f9 elevato di \"risposta completa\" (nessun vomito e nessuna necessit\u00e0 di farmaci aggiuntivi) rispetto al gruppo placebo. Hanno anche sperimentato meno nausea complessivamente e hanno preferito il trattamento con cannabis.<\/p>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/when-breath-becomes-air.jpg\" alt=\"When Breath Becomes Air book cover\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Vedere la qualit\u00e0 di vita di una persona cara deteriorarsi davanti a te deve essere una delle peggiori cose che puoi sperimentare nella vita, immagino. Siamo tutti consapevoli di cosa fa il cancro e la chemio a una persona, fisicamente e mentalmente. Ho appena finito di leggere <strong style=\"font-weight: 700 !important\">Quando il Respiro si fa Aria<\/strong>. \u00c8 una lettura fantastica e un crudo promemoria di quanto possa essere estenuante e disumanizzante una malattia grave. Come trattamenti come la chemioterapia non solo logorano il corpo, ma erodono il tuo senso di identit\u00e0, tempo e controllo. Vale la pena leggerlo per ricordarti quanto trascuriamo il semplice dono di sentirsi se stessi. Te ne vai pensando in modo diverso al tempo, alla salute e a ci\u00f2 che conta davvero.<\/p>\n <\/div>\n <\/div>\n \n <p class=\"content-text translation-block\">Se accendere uno spinello d\u00e0 loro anche solo un briciolo di sollievo, chi diavolo siamo noi per fermarli? Molte persone rinunciano alla chemioterapia a causa degli effetti collaterali. <strong style=\"font-weight: 700 !important\">Letteralmente si tolgono la possibilit\u00e0 di sopravvivenza<\/strong> perch\u00e9 \u00e8 troppo dolore e fastidio continuare. Questo di per s\u00e9 \u00e8 un concetto folle. Se il mio amico o familiare mi dice che trova sollievo dalla cannabis mentre fa la chemio, sono il suo spacciatore. Assolutamente nessuna domanda qualunque siano le regole in vigore. Scusa x<\/p>\n \n <p class=\"content-text\">In vari studi, i pazienti hanno espresso una preferenza per i trattamenti cannabinoidi rispetto agli antiemetici tradizionali, citando spesso un miglior sollievo dai sintomi e meno effetti collaterali.<\/p>\n \n \n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Tutte queste scoperte suggeriscono che la cannabis pu\u00f2 essere un'opzione preziosa per gestire la CINV, in particolare per i pazienti che non rispondono bene ai trattamenti antiemetici standard.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Dolore Cronico<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Chronic-pain.png\" alt=\"Man with chronic back pain\">\n <div class=\"text-content\">\n <p class=\"content-text\">Il dolore cronico \u00e8 implacabile. Non gli importa se hai lavoro da fare, bambini di cui prenderti cura o sogni da inseguire. Per milioni di persone in tutto il mondo, \u00e8 una battaglia quotidiana che non finisce mai.<\/p>\n \n <p class=\"content-text translation-block\">Il dolore cronico pu\u00f2 essere definito come qualsiasi dolore che \u00e8 stato costante per oltre <strong style=\"font-weight: 700 !important\">3 mesi<\/strong> e non \u00e8 scomparso. Pu\u00f2 derivare da varie condizioni come lesioni, interventi chirurgici, problemi muscoloscheletrici, cancro o talvolta senza una causa fisica apparente. Pu\u00f2 influenzare significativamente la qualit\u00e0 di vita di una persona, interferendo con le attivit\u00e0 quotidiane, il lavoro e le interazioni sociali.<\/p>\n \n <p class=\"content-text\">Colpisce circa il 20% delle persone in tutto il mondo. Le cause pi\u00f9 comuni di dolore cronico includono l'osteoartrite e il mal di schiena.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">La cannabis interagisce con il sistema endocannabinoide del corpo (ECS), prendendo di mira i recettori CB1 e CB2 per alleviare il dolore cronico. I recettori CB1, principalmente nel cervello e nel sistema nervoso, sono attivati dal THC, riducendo i segnali di dolore e alterando la percezione del dolore, spesso creando un senso di distanza dal dolore.<\/p>\n \n <p class=\"content-text translation-block\">I recettori CB2, presenti nel sistema immunitario, sono stimolati dai cannabinoidi per diminuire l'infiammazione riducendo le citochine pro-infiammatorie. Questo effetto antinfiammatorio aiuta ad affrontare la causa principale del dolore in condizioni come l'artrite. Inoltre, la cannabis <strong style=\"font-weight: 700 !important\">altera il modo in cui il cervello elabora il dolore<\/strong>, rendendolo meno invadente e pi\u00f9 tollerabile, migliorando significativamente la qualit\u00e0 di vita.<\/p>\n \n <h4>Quindi perch\u00e9 usare la cannabis per aiutare a trattare il dolore cronico?<\/h4>\n \n <p class=\"content-text translation-block\">Questo tocca ci\u00f2 di cui ho parlato nell'<a href=\"https:\/\/twobirdsonestoned.co\/it\/the-endocannabinoid-system\/\" target=\"_blank\">articolo sul sistema endocannabinoide<\/a>. La cannabis \u00e8 usata come trattamento di seconda linea, o di ultima linea al momento. Ci\u00f2 significa che non cerchiamo la cannabis immediatamente quando stiamo sperimentando alcuni dei problemi elencati sopra.<\/p>\n \n <p class=\"content-text\">Con ci\u00f2, ci\u00f2 che \u00e8 accaduto storicamente in passato con alcuni altri farmaci prescritti per trattare il dolore cronico, certi oppioidi per essere precisi, \u00e8 che hanno prodotto alcune statistiche interessanti per usare un eufemismo.<\/p>\n \n <h4>Parliamo di numeri:<\/h4>\n <ul>\n <li class=\"translation-block\">Negli Stati Uniti, <strong style=\"font-weight: 700 !important\">130 persone muoiono ogni giorno per overdose di oppioidi<\/strong>.<\/li>\n <li class=\"translation-block\">In Australia, <strong style=\"font-weight: 700 !important\">l'80% dei decessi per overdose \u00e8 legato ai farmaci<\/strong> come gli oppioidi.<\/li>\n <\/ul>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opiod-death-chart.jpg\" alt=\"U.S. Overdose Deaths Involving Prescription Opioids Chart\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Fonte: <a href=\"https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates\" target=\"_blank\">https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates<\/a><\/p>\n<\/div>\n \n <p class=\"content-text\">Queste statistiche sono strazianti, soprattutto quando consideri quante di quelle vite avrebbero potuto essere salvate con trattamenti alternativi come la cannabis. A differenza degli oppioidi, la cannabis non sopprime il tuo sistema respiratorio. In altre parole, non ti impedir\u00e0 di respirare.<\/p>\n \n <p class=\"content-text translation-block\"><a href=\"https:\/\/www.youtube.com\/watch?v=uQsagQwSLBY\" target=\"_blank\">\"Painkiller\"<\/a> di Netflix offre uno sguardo inquietante su come siamo arrivati qui, ma la cannabis offre una via d'uscita, un percorso per gestire il dolore <strong style=\"font-weight: 700 !important\">senza rischiare vite<\/strong>.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Epilessia<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Epilepsy.png\" alt=\"Person having seizure with help\">\n <div class=\"text-content\">\n <p class=\"content-text\">Charlotte Figi non \u00e8 sola. In tutto il mondo, 50 milioni di persone vivono con l'epilessia, e per molti, i trattamenti standard non funzionano.<\/p>\n \n <p class=\"content-text translation-block\">Attualmente <strong style=\"font-weight: 700 !important\">non esiste una cura per l'epilessia<\/strong>, solo trattamenti che possono aiutare con la gravit\u00e0 e la frequenza delle crisi.<\/p>\n \n <p class=\"content-text translation-block\">Per capire come la cannabis aiuta i pazienti con epilessia <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">guarda questo video<\/a>. Parla di Charlotte Figi, una bambina con un tipo catastrofico di epilessia che ha ispirato il movimento CBD. Charlotte era una bambina di cinque anni che aveva 50 crisi epilettiche farmacoresistenti al giorno. Al giorno\u2026.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">\u00c8 stata quindi trattata con una formulazione ad alto contenuto di CBD ora nota come Charlotte's Web. Cosa \u00e8 successo quando ha iniziato a prendere questa formulazione di CBD?<\/p>\n \n <div class=\"charlotte-highlight\">\n <h4>La Storia di Charlotte: Prima e Dopo il CBD<\/h4>\n <div class=\"before-after\">\n <div class=\"before-after-item\">\n <div class=\"before-after-number before-number\">50<\/div>\n <div class=\"before-after-label\">CRISI AL GIORNO<\/div>\n <\/div>\n <div style=\"font-size: 2rem; color: #F4C542; align-self: center;\">\u2192<\/div>\n <div class=\"before-after-item\">\n <div class=\"before-after-number after-number\">2-3<\/div>\n <div class=\"before-after-label\">CRISI AL MESE<\/div>\n <\/div>\n <\/div>\n <div class=\"reduction-text\">99,83% DI RIDUZIONE<\/div>\n <p class=\"content-text\" style=\"margin-top: 1.5rem; clear: both;\">Quando nient'altro funzionava, la cannabis \u00e8 arrivata e ha ridotto le crisi del 99,83%. Si scopre che ha una certa utilit\u00e0.<\/p>\n <\/div>\n \n <p class=\"content-text\">Nota come menziono il CBD specificamente. Quando discutiamo di come la cannabis pu\u00f2 aiutare con l'epilessia, stiamo davvero parlando del composto CBD. Se pensiamo alle ragioni principali per cui \u00e8 stato permesso che la cannabis venga usata come aiuto medico per le persone, questa storia sarebbe una delle ragioni principali, se non la principale.<\/p>\n \n <p class=\"content-text translation-block\">Ha rotto lo stigma attorno alla cannabis dimostrando che non era questa droga malvagia che ti faceva <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\">uccidere il tuo partner e saltare dai tetti degli edifici fino alla morte<\/a>.<\/p>\n \n <h4>Quindi, come funziona realmente?<\/h4>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-26-2025-05_56_20-PM.png\" alt=\"CBD seizure mechanism diagram\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Beh, se vuoi entrare nei dettagli scientifici, ecco cosa succede a livello scientifico. <strong style=\"font-weight: 700 !important\">Il CBD inibisce l'LPI<\/strong>, che normalmente amplifica i segnali nervosi e pu\u00f2 promuovere le crisi. Agisce come <strong style=\"font-weight: 700 !important\">antagonista funzionale del GPR55<\/strong>, un recettore coinvolto nell'eccitabilit\u00e0 neuronale e non solo blocca i segnali eccitatori ma rafforza anche i segnali inibitori che contrastano le crisi. Insieme a questo, rompe il ciclo di feedback positivo interrompendo il ciclo in cui le crisi aumentano la segnalazione da LPI a GPR55, che a sua volta promuove pi\u00f9 crisi.<\/p>\n <\/div>\n <\/div>\n \n <p class=\"content-text\">Mi piace scomporre gli aspetti tecnici della cannabis, approfondire i modi intricati in cui interagisce con i nostri corpi. Semplicemente non penso che sia un'informazione digeribile per tutti. Se \u00e8 qualcosa che interessa alle persone, fatemelo sapere e posso esplorare questo di pi\u00f9 x<\/p>\n \n <p class=\"content-text\">Non \u00e8 una soluzione completa e non copre tutta l'epilessia, ma possiamo vedere che pu\u00f2 essere di grande aiuto per le persone che hanno bisogno di aiuto.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Cure Palliative<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Pallative-care.jpg\" alt=\"Palliative care scene with family\">\n <div class=\"text-content\">\n <p class=\"content-text\">Le cure palliative riguardano la dignit\u00e0, assicurando che le persone che affrontano malattie che limitano la vita possano vivere i loro ultimi giorni con il massimo comfort e qualit\u00e0 possibile.<\/p>\n \n <p class=\"content-text translation-block\">Penso che sia un concetto figo che tutti stiamo morendo lentamente a ritmi diversi. Come se qualcosa stesse venendo a prenderci, potrebbe semplicemente non accadere per altri 2\/14\/41\/72 anni e non sappiamo cosa ci prender\u00e0. Cancro, treno merci, infarto, John Wick. C'\u00e8 una bomba a orologeria dentro? Chi diavolo lo sa. <strong style=\"font-weight: 700 !important\">Stai morendo lentamente mentre leggi questo<\/strong>, qualcosa sta divorando le nostre vite in sottofondo\u2026. Nomnomnomnom.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">Questa \u00e8 la dura realt\u00e0: Ognuno di noi sta morendo, solo a velocit\u00e0 diverse. Per coloro che sono in cure palliative, la fine \u00e8 pi\u00f9 vicina, ma ci\u00f2 non significa che debbano soffrire inutilmente.<\/p>\n \n <p class=\"content-text\">La cannabis sta aiutando anche qui. Allevia il dolore, ripristina l'appetito e calma l'ansia che spesso accompagna le diagnosi terminali. Facendo il tutto hippie, influisce davvero sul modo in cui percepisci il tuo mondo. Pu\u00f2 darti un maggiore apprezzamento per la vita e accettare qual \u00e8 la tua situazione.<\/p>\n \n <div class=\"stats-box\">\n <h4>Miglioramento della Qualit\u00e0 di Vita<\/h4>\n <p class=\"stats-description\">Uno studio che ha coinvolto oltre 3.000 pazienti oncologici ha scoperto che la cannabis medica ha migliorato significativamente i sintomi comuni nelle cure palliative, tra cui dolore, nausea, ansia e disturbi del sonno.<\/p>\n \n <div style=\"margin: 2rem 0;\">\n <div class=\"stats-number\">18.7%<\/div>\n <p class=\"stats-description\">Prima del Trattamento<\/p>\n <div style=\"margin: 1rem 0; font-size: 2rem; color: #F4C542;\">\u2193<\/div>\n <div class=\"stats-number\">69.5%<\/div>\n <p class=\"stats-description\">Dopo sei mesi di uso di cannabis<\/p>\n <\/div>\n \n <p class=\"content-text\" style=\"margin-top: 1.5rem; font-weight: bold; color: #E3E3DC;\">La percentuale di pazienti che hanno riportato una buona qualit\u00e0 di vita \u00e8 aumentata drasticamente.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Considerazioni Finali<\/h3>\n <p class=\"content-text\">La matematica non torna sul perch\u00e9 la cannabis sia vietata nel modo in cui lo \u00e8 a livello globale e su come sia vista dalle persone riguardo a quanto sia sicura. I numeri sopra lo dimostrano.<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Questa \u00e8 la domanda che ti lascio: Se una singola pianta pu\u00f2 alleviare la sofferenza, migliorare le vite e offrire speranza dove non ce n'era, perch\u00e9 dovremmo mai esitare ad esplorare il suo potenziale?<\/p>\n <\/div>\n \n <p class=\"content-text\">Questa conversazione. Continuiamo a farla<\/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>L'Unico Modo per Restare Aggiornato<\/h3>\n <p>La cannabis si sta evolvendo e noi copriamo la scienza, la ricerca e la cultura, tutto gratis e direttamente nella tua casella di posta. Niente social media. Solo email. Unisciti se sei curioso.<\/p>\n <ul class=\"benefits-list\">\n <li>\ud83c\udfac Interviste e Documentari<\/li>\n <li>\ud83d\udcda Video e audio educativi<\/li>\n <li>\ud83d\udd2c Informazioni e approfondimenti scientifici<\/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=\"tua@email.com\" required id=\"emailInput\">\n <button type=\"submit\" id=\"emailSubmitBtn\">Ricevi Aggiornamenti<\/button>\n <p class=\"form-note\">\u27a1\ufe0f Resta curioso \u2b05\ufe0f<\/p>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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>Qual \u00e8 la tua opinione?<\/h3>\n <p>Hai qualcosa da dire? Lascialo qui sotto. La tua voce aiuta a plasmare ci\u00f2 che verr\u00e0 dopo.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Condividi le tue esperienze<\/li>\n <li>\ud83e\udd1d Chiacchiera con gli altri a riguardo<\/li>\n <li>\ud83d\udcda Aiuta a migliorare i contenuti futuri<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>Come funziona<\/h4>\n <ol>\n <li class=\"translation-block\"><span>Passo 1:<\/span>Scegli: Inserisci la tua email O commenta anonimamente<\/li>\n <li class=\"translation-block\"><span>Passo 2:<\/span>Ottieni il tuo username unico (lo mantieni per tutto il sito)<\/li>\n <li class=\"translation-block\"><span>Passo 3:<\/span>Commenta, vota, rispondi e condividi le tue idee: fai parte della conversazione!<\/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;\">Commenta anonimamente (nessuna email richiesta)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"tua@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Il tuo nome utente apparir\u00e0 qui<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Ottieni un nome utente diverso\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"Cosa ne pensi? Domande o esperienze da condividere?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n <span id=\"submitText\">Pubblica commento<\/span>\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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\">Ordina per:<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">Pi\u00f9 recente<\/option>\n <option value=\"liked\">Pi\u00f9 apprezzato<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Commenti recenti (<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\/it\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n Altri Argomenti \u2192\n <\/a>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Riferimenti<\/h3>\n <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n <p>Australian Institute of Health and Welfare, 2019. <em>Drug-related deaths in Australia 1997\u20132017<\/em>. Canberra: AIHW.<\/p>\n \n <p>Devinsky, O., Cross, J.H., Laux, L., Marsh, E., Miller, I., Nabbout, R., Scheffer, I.E., Thiele, E.A. and Wright, S., 2017. Trial of cannabidiol for drug-resistant seizures in the Dravet syndrome. <em>New England Journal of Medicine<\/em>, 376(21), pp.2011-2020.<\/p>\n \n <p>H\u00e4user, W., Petzke, F. and Fitzcharles, M.A., 2018. Efficacy, tolerability and safety of cannabis-based medicines for chronic pain management\u2013an overview of systematic reviews. <em>European Journal of Pain<\/em>, 22(3), pp.455-470.<\/p>\n \n <p>Inglet, S., Winter, B., Yost, S.E., Entringer, S., Lian, A., Biksacky, M. and Pitt, K.M., 2020. Clinical data for the use of cannabis-based treatments: a comprehensive review of the literature. <em>Annals of Pharmacotherapy<\/em>, 54(11), pp.1109-1143.<\/p>\n \n <p>Kleckner, A.S., Kleckner, I.R., Kamen, C.S., Tejani, M.A., Janelsins, M.C., Morrow, G.R. and Peppone, L.J., 2019. Opportunities for cannabis in supportive care in cancer. <em>Therapeutic Advances in Medical Oncology<\/em>, 11, p.1758835919866362.<\/p>\n \n <p>Laux, L.C., Bebin, E.M., Checketts, D., Chez, M., Flamini, R., Marsh, E.D., Miller, I., Nichol, K., Park, Y., Segal, E. and Seltzer, L.E., 2019. Long-term safety and efficacy of cannabidiol in children and adults with treatment resistant Lennox-Gastaut syndrome or Dravet syndrome: Expanded access program results. <em>Epilepsy Research<\/em>, 154, pp.13-20.<\/p>\n \n <p>MacCallum, C.A. and Russo, E.B., 2018. Practical considerations in medical cannabis administration and dosing. <em>European Journal of Internal Medicine<\/em>, 49, pp.12-19.<\/p>\n \n <p>National Academy of Sciences, Engineering, and Medicine, 2017. <em>The health effects of cannabis and cannabinoids: the current state of evidence and recommendations for research<\/em>. Washington, DC: The National Academies Press.<\/p>\n \n <p>Piper, B.J., DeKeuster, R.M., Beals, M.L., Cobb, C.M., Burchman, C.A., Perkinson, L., Lynn, S.T., Nichols, S.D. and Abess, A.T., 2017. Substitution of medical cannabis for pharmaceutical agents for pain, anxiety, and sleep. <em>Journal of Psychopharmacology<\/em>, 31(5), pp.569-575.<\/p>\n \n <p>Sallan, S.E., Zinberg, N.E. and Frei III, E., 1975. Antiemetic effect of delta-9-tetrahydrocannabinol in patients receiving cancer chemotherapy. <em>New England Journal of Medicine<\/em>, 293(16), pp.795-797.<\/p>\n \n <p>Schrot, R.J. and Hubbard, J.R., 2016. Cannabinoids: medical implications. <em>Annals of Medicine<\/em>, 48(3), pp.128-141.<\/p>\n \n <p>Whiting, P.F., Wolff, R.F., Deshpande, S., Di Nisio, M., Duffy, S., Hernandez, A.V., Keurentjes, J.C., Lang, S., Misso, K., Ryder, S. and Schmidlkofer, S., 2015. Cannabinoids for medical use: a systematic review and meta-analysis. <em>JAMA<\/em>, 313(24), pp.2456-2473.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Se Sei Arrivato Fin Qui...<\/h3>\n \n <div class=\"section-divider\"><\/div>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Questo \u00e8 alla fine di ogni pezzo che scrivo, quindi se hai gi\u00e0 letto qualcosa qui prima, sai come funziona.<\/p>\n \n <p class=\"content-text translation-block\">Se sei arrivato alla fine di questo pezzo, <strong>grazie<\/strong>. Davvero. Hai dedicato il tempo per immergerti in un argomento che \u00e8 stato nascosto sotto strati di stigma per generazioni. Solo questo significa che fai parte di un cambiamento molto necessario.<\/p>\n \n <p class=\"content-text translation-block\">Se qualcosa qui ti ha fatto fermare o pensare diversamente, fai questo: <strong>parlane<\/strong>. Tiralo fuori con qualcuno. Non importa chi, il tuo amico, tuo padre, il tuo fisio, il tuo collega, chiunque. Condividi quello che hai imparato, quello che ti ha sorpreso, o anche quello di cui sei ancora incerto.<\/p>\n \n <p class=\"content-text translation-block\">Queste chiacchierate, che siano casuali, profonde, casuali o imbarazzanti, erodono lo stigma, pezzo per pezzo. Non predicando, ma semplicemente <strong>essendo onesti nel momento<\/strong>.<\/p>\n \n <p class=\"content-text\">Si tratta di spezzare il ciclo di disinformazione e paura che ci ha trattenuti per troppo tempo.<\/p>\n \n <p class=\"content-text\">Ogni volta che trasmettiamo informazioni accurate ed equilibrate, facciamo un altro passo verso il lasciare questo mondo un po' migliore di come l'abbiamo trovato, per la prossima generazione.<\/p>\n \n <p class=\"content-text\">Non voglio nemmeno che le vite delle persone siano influenzate negativamente dalle regole sociali che circondano questa pianta.<\/p>\n \n <p class=\"content-text\">Dobbiamo a loro fare le cose per bene. Parlare apertamente, senza giudizio n\u00e9 vergogna. Sostituire i miti obsoleti con prove e comprensione.<\/p>\n \n <p class=\"content-text\"><strong>Continuiamo questa conversazione x<\/strong><\/p>\n \n <p class=\"content-text\">Detto questo, ti lascio a te. Ce la puoi fare. Se hai imparato qualcosa di nuovo, vai a dirlo a qualcuno ahah<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/it\" class=\"cta-button\">\n \ud83c\udf3f Vai ad Esplorare\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' || button.textContent.trim() === 'Night Time') {\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 toggleTheme();\n}\n\n function playAudio(audioId) {\n const audio = document.getElementById(audioId);\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n const title = document.querySelector('.article-title');\n const subtitle = document.querySelector('.article-subtitle');\n const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n const toggleButton = document.getElementById('theme-toggle');\n const navHint = document.querySelector('.nav-hint');\n \n \/\/ Comment system selectors\n const engagementContainer = document.querySelector('.engagement-container');\n const commentForm = document.querySelectorAll('.comment-form-v1');\n const commentItems = document.querySelectorAll('.comment-item');\n const sortLabel = document.querySelector('.sort-label');\n const sortDropdown = document.querySelector('.sort-dropdown');\n const commentsHeader = document.querySelector('.comments-header');\n const noCommentsMessage = document.querySelector ('.no-comments-message');\n \n \/\/ HEADER SELECTORS\n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n \/\/ FOOTER SELECTORS\n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME (Day Time)\n console.log('Applying LIGHT theme');\n \n \/\/ Add light theme class to both html and body\n html.classList.add('light-theme');\n body.classList.add('light-theme');\n \n \/\/ Apply cream background\n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR LIGHT THEME\n if (header) {\n header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR LIGHT THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Light cards\n contentCards.forEach(card => {\n if (card.classList.contains('keep-learning-section')) {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n } else {\n card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n }\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Update strong\/highlighted text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Update links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n highlights.forEach(highlight => {\n if (highlight.classList.contains('stats-box')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n const statsNumbers = highlight.querySelectorAll('.stats-number');\n statsNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n } else if (highlight.classList.contains('charlotte-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', '2px solid rgba(184,134,11,0.3)', 'important');\n const reductionText = highlight.querySelector('.reduction-text');\n if (reductionText) reductionText.style.setProperty('color', '#B8860B', 'important');\n const beforeNumbers = highlight.querySelectorAll('.before-number');\n const afterNumbers = highlight.querySelectorAll('.after-number');\n beforeNumbers.forEach(num => num.style.setProperty('color', '#cc5555', 'important'));\n afterNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n } else {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n }\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ Remove light theme class from both html and body\n html.classList.remove('light-theme');\n body.classList.remove('light-theme');\n \n \/\/ Reset to dark gradient\n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR DARK THEME\n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR DARK THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset cards\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#1d1d1d', 'important');\n card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n card.style.setProperty('color', '#fff', 'important');\n \n \/\/ Reset headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset strong text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#F4C542', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Reset links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n highlights.forEach(highlight => {\n if (highlight.classList.contains('stats-box')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(244,197,66,0.3)', 'important');\n const statsNumbers = highlight.querySelectorAll('.stats-number');\n statsNumbers.forEach(num => num.style.setProperty('color', '#F4C542', 'important'));\n } else if (highlight.classList.contains('charlotte-highlight')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(76,175,80,0.3)', 'important');\n const reductionText = highlight.querySelector('.reduction-text');\n if (reductionText) reductionText.style.setProperty('color', '#4CAF50', 'important');\n const beforeNumbers = highlight.querySelectorAll('.before-number');\n const afterNumbers = highlight.querySelectorAll('.after-number');\n beforeNumbers.forEach(num => num.style.setProperty('color', '#ff6b6b', 'important'));\n afterNumbers.forEach(num => num.style.setProperty('color', '#4CAF50', 'important'));\n } else {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n }\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint to original color in dark mode\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements for dark theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content elements\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans to original color in dark theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n }\n\n \/\/ Animate content cards on scroll\n function animateOnScroll() {\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n cards.forEach(card => {\n const cardTop = card.getBoundingClientRect().top;\n const cardBottom = card.getBoundingClientRect().bottom;\n \n if (cardTop < window.innerHeight && cardBottom > 0) {\n card.classList.add('animate-in');\n }\n });\n }\n\/\/ Smooth scroll to anchor on page load with offset\ndocument.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n});\n \n \/\/ 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>Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned Medical Uses for Cannabis \ud83c\udfe5 From seizure reduction to pain relief, exploring the therapeutic potential of cannabis medicine \ud83c\udf19 \ud83c\udfac Watch the Medical Cannabis Story See how cannabis is transforming modern medicine \ud83c\udfa7 Listen on the Go Perfect for your commute or workout, audio […]<\/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-1860","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/1860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/comments?post=1860"}],"version-history":[{"count":81,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/1860\/revisions"}],"predecessor-version":[{"id":8051,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/1860\/revisions\/8051"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/media?parent=1860"}],"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 Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned<\/title>\n \n \n <meta name=\"description\" content=\"Guida scientifica alla cannabis medica per epilessia, dolore cronico, effetti collaterali della chemioterapia e cure palliative. Evidenze senza esagerazioni.\">\n <meta name=\"keywords\" content=\"medical cannabis, CBD epilepsy, chronic pain relief, chemotherapy nausea, palliative care, cannabis medicine, evidence-based\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"author\" content=\"James Gallagher, Two Birds One Stoned\">\n \n \n <meta property=\"og:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n <meta property=\"og:description\" content=\"Guida scientifica alla cannabis medica per epilessia, dolore cronico, effetti collaterali della chemioterapia e cure palliative. Evidenze senza esagerazioni.\">\n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:url\" content=\"[YOUR-PAGE-URL]\">\n <meta property=\"og:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n <meta name=\"twitter:description\" content=\"Science-backed guide to medical cannabis for epilepsy, chronic pain, chemotherapy side effects, and palliative care.\">\n <meta name=\"twitter:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n \n \n <link rel=\"canonical\" href=\"[YOUR-PAGE-URL]\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n color: #fff;\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n line-height: 1.6;\n }\n\n \/* ARTICLE PAGE SECTION *\/\n .article-page {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 100px;\n padding-bottom: 6rem;\n }\n\n \/* Container *\/\n .tbos-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 3rem;\n border-radius: 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n margin: 4rem auto;\n max-width: 950px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Cards animate in when visible *\/\n .content-card.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Content Card Hover *\/\n .content-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n \/* Title Section *\/\n.article-page .tbos-container .title-section {\n text-align: center !important;\n margin-bottom: 60px !important; \/* CHANGED: was 30px *\/\n margin-top: 60px !important; \/* CHANGED: was 40px *\/\n padding-bottom: 3rem !important; \/* CHANGED: was 2rem *\/\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n max-width: 1000px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n position: relative !important;\n z-index: 10 !important;\n display: block !important;\n overflow: visible !important;\n min-height: auto; \/* ADDED: new line *\/\n}\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(2rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 2.5rem !important;\n color: #F4C542 !important;\n text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n line-height: 1.3 !important;\n letter-spacing: -0.02em !important;\n max-width: 100% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n padding: 0 2rem !important;\n font-family: 'Montserrat', sans-serif !important;\n display: block !important;\n position: relative !important;\n overflow: visible !important;\n white-space: normal !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n color: #E3E3DC !important;\n font-weight: 400 !important;\n margin-bottom: 4rem !important;\n opacity: 0.9 !important;\n line-height: 1.5 !important;\n max-width: 90% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n word-wrap: break-word !important;\n }\n\n \/* Media Section Spacing *\/\n .media-section {\n margin: 8rem auto;\n max-width: 950px;\n position: relative;\n z-index: 5;\n }\n\n .media-section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #F4C542;\n margin-bottom: 3rem;\n font-weight: 600;\n }\n\n \/* Media Cards *\/\n .media-card {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 4rem auto;\n max-width: 950px;\n text-align: center;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n }\n\n \/* Content Break *\/\n .content-break {\n height: 3rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .content-break::before {\n content: '';\n width: 200px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n border-radius: 1px;\n }\n\n \/* Navigation hint *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important; \/* CHANGED: was 4rem *\/\n margin-top: 3rem !important; \/* CHANGED: was 2rem *\/\n font-weight: 600 !important;\n text-shadow: none !important;\n padding-top: 3rem !important; \/* CHANGED: was 2rem *\/\n line-height: 1.4 !important; \/* ADDED: new line *\/\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* 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 \/* Quote box styling *\/\n .quote-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 16px;\n font-style: italic;\n text-align: center;\n font-size: 1.2rem;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Statistics box *\/\n .stats-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 3rem;\n margin: 3rem auto;\n border-radius: 16px;\n text-align: center;\n max-width: 700px;\n position: relative;\n overflow: visible;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n .stats-box h4 {\n font-size: 2rem;\n color: #F4C542;\n margin-bottom: 2rem;\n text-align: center;\n font-weight: 600;\n }\n\n .stats-number {\n font-size: 3.5rem;\n color: #F4C542;\n font-weight: 700;\n margin: 1.5rem 0;\n display: block;\n line-height: 1.2;\n }\n\n .stats-description {\n font-size: 1.15rem;\n color: #E3E3DC;\n margin: 1rem 0;\n display: block;\n line-height: 1.5;\n }\n\n \/* Charlotte's Web highlight *\/\n .charlotte-highlight {\n background: linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08));\n border: 2px solid rgba(76,175,80,0.3);\n padding: 3rem;\n margin: 3rem auto;\n border-radius: 16px;\n text-align: center;\n max-width: 800px;\n position: relative;\n overflow: visible;\n box-shadow: 0 4px 12px rgba(76,175,80,0.1);\n }\n\n .charlotte-highlight h4 {\n font-size: 2rem;\n color: #4CAF50;\n margin-bottom: 2rem;\n text-align: center;\n font-weight: 600;\n }\n\n .charlotte-highlight .reduction-text {\n font-size: 2.8rem;\n color: #4CAF50;\n font-weight: 700;\n margin: 3rem 0 2rem 0;\n clear: both;\n display: block;\n width: 100%;\n text-align: center;\n }\n\n .charlotte-highlight .before-after {\n display: flex;\n justify-content: space-around;\n align-items: center;\n margin: 3rem 0;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .before-after-item {\n text-align: center;\n margin: 1rem;\n flex: 1;\n min-width: 150px;\n max-width: 200px;\n }\n\n .before-after-number {\n font-size: 4rem;\n font-weight: 700;\n margin: 1rem 0;\n display: block;\n line-height: 1;\n }\n\n .before-number {\n color: #ff6b6b;\n }\n\n .after-number {\n color: #4CAF50;\n }\n\n .before-after-label {\n font-size: 1rem;\n color: #E3E3DC;\n font-weight: 600;\n margin-top: 1rem;\n display: block;\n line-height: 1.3;\n letter-spacing: 0.5px;\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 .charlotte-highlight {\n padding: 2rem 1.5rem !important;\n margin: 3rem auto !important;\n }\n\n .charlotte-highlight .before-after {\n flex-direction: column !important;\n gap: 2rem !important;\n margin: 2rem 0 !important;\n }\n\n .charlotte-highlight .before-after-item {\n margin: 0.5rem auto !important;\n min-width: 120px !important;\n max-width: 180px !important;\n }\n\n .charlotte-highlight .before-after-number {\n font-size: 2.5rem !important;\n margin: 0.5rem 0 !important;\n }\n\n .charlotte-highlight .reduction-text {\n font-size: 1.8rem !important;\n margin: 2rem 0 1.5rem 0 !important;\n line-height: 1.3 !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n overflow: visible !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .before-after-number {\n font-size: 3rem;\n }\n\n .stats-number {\n font-size: 2.8rem;\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\">Usi Medici della Cannabis \ud83c\udfe5<\/h1>\n <p class=\"article-subtitle\">Dalla riduzione delle crisi epilettiche al sollievo dal dolore, esplorando il potenziale terapeutico della medicina della cannabis<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \n <div class=\"media-card animate-in\" id=\"video-content\">\n <h3>\ud83c\udfac Guarda la Storia della Cannabis Medica<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Scopri come la cannabis sta trasformando la medicina moderna<\/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\/u2_udA6uwrc\" \n data-en=\"u2_udA6uwrc\"\n data-ga=\"8LiKwCtEMk0\"\n data-es=\"xAwHY72KmKA\"\n data-de=\"Mn87Xy7bNXU\"\n data-pt=\"TOHjIBkkivs\"\n data-fr=\"gT_eCI8WCzs\"\n data-it=\"i0eEU9YMC3g\"\n data-pl=\"folAHtRW80A\"\n title=\"Lettore video di YouTube\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n referrerpolicy=\"strict-origin-when-cross-origin\" \n allowfullscreen>\n <\/iframe>\n<\/div>\n\n<script>\n(function() {\n const videoFrame = document.getElementById('tbos-video');\n if (!videoFrame) return;\n \n const currentLang = document.documentElement.lang || 'en';\n \n let langCode = 'en';\n if (currentLang.includes('ga')) langCode = 'ga';\n else if (currentLang.includes('es')) langCode = 'es';\n else if (currentLang.includes('de')) langCode = 'de';\n else if (currentLang.includes('pt')) langCode = 'pt';\n else if (currentLang.includes('fr')) langCode = 'fr';\n else if (currentLang.includes('it')) langCode = 'it';\n else if (currentLang.includes('pl')) langCode = 'pl';\n \n const videoId = videoFrame.dataset[langCode];\n if (videoId) {\n videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n }\n})();\n<\/script>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n <h3>\ud83c\udfa7 Ascolta ovunque sei<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfetto per il tuo tragitto o allenamento, versione solo audio<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2VY8CunM4JCxNiezG60nPj?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n<\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"nav-hint\">\n \u2193 Preferisci leggere? Immergiti nell'analisi scritta completa qui sotto \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\">Usi Medici della Cannabis \ud83c\udfe5<\/h2>\n\n \n <div class=\"content-card\">\n <h3>Il Controllo della Realt\u00e0<\/h3>\n <p class=\"content-text translation-block\">Nel 2015, in Australia, <strong style=\"font-weight: 700 !important\">l'80% dei decessi per overdose era legato a farmaci prescritti legalmente<\/strong>, come gli oppioidi. 80. S\u00ec, 80%. \u00c8 un fatto, non un numero inventato. Ottanta.<\/p>\n \n <p class=\"content-text translation-block\">Se la cannabis pu\u00f2 ridurre le crisi di un bambino da 50 al giorno a solo 2 o 3 al mese...un <strong style=\"font-weight: 700 !important\">calo di 500 volte<\/strong>...non vale almeno la pena dare un'occhiata pi\u00f9 da vicino?<\/p>\n \n <p class=\"content-text translation-block\">Guarda semplicemente come la cannabis pu\u00f2 <a href=\"https:\/\/www.youtube.com\/watch?v=zNT8Zo_sfwo\" target=\"_blank\">aiutare con i tremori e le abilit\u00e0 motorie causati dal morbo di Parkinson<\/a>. \u00c8 un video di un capitano di polizia in pensione che prova la cannabis per la prima volta.<\/p>\n \n <p class=\"content-text\">A differenza di sostanze come l'alcol o gli oppioidi, la cannabis ha un profilo di tossicit\u00e0 basso e non \u00e8 associata a overdose fatale, come supportato dai dati del National Institute on Drug Abuse (NIDA).<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Allora perch\u00e9 una pianta che non pu\u00f2 causare overdose letale \u00e8 ancora considerata pi\u00f9 pericolosa dei farmaci legali che uccidono persone ogni giorno?<\/p>\n <\/div>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Common-sense-man-on-tree.jpg\" alt=\"Common sense illustration\">\n <\/div>\n \n <p class=\"content-text\" style=\"text-align: center;\">Per iniziare questo articolo ho un annuncio di servizio pubblico.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>NON SONO UN MEDICO, INFERMIERE O PROFESSIONISTA, DI ALCUN TIPO.<\/h3>\n \n <p class=\"content-text\">Non prendere, e ripeto non prendere consigli medici da me o giro questa macchina immediatamente. Se intendi trattare una qualsiasi delle tue condizioni con la cannabis. Cerca consigli medici da un professionista sanitario qualificato.<\/p>\n \n <p class=\"content-text translation-block\">Di seguito sono riportate alcune delle principali condizioni mediche per cui le persone usano la cannabis per aiutarsi a curarsi. Sto cercando di avviare la conversazione che puoi avere con un professionista medico qualificato. Il contenuto qui sotto pu\u00f2 <strong style=\"font-weight: 700 !important\">darti un po' di contesto<\/strong> entrando in quella conversazione, in modo da essere un po' pi\u00f9 informato.<\/p>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Charolette-FIgi.png\" alt=\"Charlotte Figi\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Fonte: <a href=\"https:\/\/realitysandwich.com\/charlotte-figi\/\" target=\"_blank\" style=\"color: #E3E3DC;\">https:\/\/realitysandwich.com\/charlotte-figi\/<\/a><\/p>\n<\/div>\n \n <p class=\"content-text translation-block\">Immagina questo: Tuo figlio, di appena cinque anni, sta avendo fino a 50 crisi epilettiche al giorno. Hai provato tutto, ogni farmaco, ogni procedura, e niente funziona. Poi, con una minuscola goccia di olio di CBD sotto la lingua di tua figlia, le crisi si fermano. Non completamente, ma abbastanza da darle una possibilit\u00e0 di avere una vita non dominata dalle convulsioni. Questa era <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">la storia di Charlotte Figi<\/a>, e ha cambiato il modo in cui il mondo guardava alla cannabis.<\/p>\n \n <p class=\"content-text translation-block\">Dall'antica Cina al 1961, quando le Nazioni Unite etichettarono la cannabis come una sostanza con <strong style=\"font-weight: 700 !important\">\"alto potenziale di abuso e uso medico limitato\"<\/strong>, questa pianta ha portato uno stigma. Eppure eccoci qui nel 2025, a usarla per alleviare il dolore, combattere la nausea, calmare le crisi e migliorare le vite.<\/p>\n \n <p class=\"content-text\">Quindi s\u00ec, se possiamo iniziare la conversazione su come la cannabis pu\u00f2 aiutare le persone a migliorare la loro qualit\u00e0 di vita, sarebbe fantastico.<\/p>\n \n <h4>Schorzenia, kt\u00f3rych dotkn\u0119, gdzie kannabis mo\u017ce pom\u00f3c z\u0142agodzi\u0107 objawy, to:<\/h4>\n <ul>\n <li>Nausea e vomito indotti dalla chemioterapia<\/li>\n <li>Dolore cronico<\/li>\n <li>Epilessia<\/li>\n <li>Cure palliative<\/li>\n <\/ul>\n \n <p class=\"content-text\">Non posso coprire ogni condizione che la cannabis pu\u00f2 aiutare a trattare perch\u00e9 \u00e8 troppo da digerire in un post. Alcune delle condizioni che possono essere aiutate con la cannabis che non tratter\u00f2 includono, ma non sono limitate a Endometriosi, HIV\/AIDS, Sclerosi multipla, PTSD, Ansia, Insonnia, Alzheimer e morbo di Crohn.<\/p>\n \n <p class=\"content-text\">Iniziamo.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Nausea e vomito indotti dalla chemioterapia - (CINV)<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Cancer-patient-smoking.png\" alt=\"Cancer patient smoking cannabis\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Il trattamento del cancro \u00e8 estenuante, ma per molti pazienti, non \u00e8 solo la malattia, sono gli effetti collaterali. Nausea e vomito colpiscono come uno tsunami, derubando le persone della loro capacit\u00e0 di mangiare, funzionare o persino sperare. La N&V indotta dalla chemioterapia \u00e8 uno degli effetti collaterali acuti pi\u00f9 comuni e angoscianti del trattamento del cancro. Si verifica fino all'<strong style=\"font-weight: 700 !important\">80% dei pazienti<\/strong> e pu\u00f2 avere un impatto significativo sulla qualit\u00e0 di vita del paziente.<\/p>\n \n <p class=\"content-text\">Immagina il peggior caso di intossicazione alimentare che tu abbia mai avuto, sei rannicchiato, sudato, nauseato e supplichi il tuo corpo di farla finita. Ora immagina che questo ti colpisca ogni giorno, senza preavviso e spesso senza sollievo. \u00c8 cos\u00ec che possono sentirsi la nausea e il vomito indotti dalla chemioterapia (CINV).<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <h4>Quindi, come esattamente la cannabis sta aiutando con gli effetti della chemioterapia?<\/h4>\n \n <p class=\"content-text translation-block\">Il THC e il CBD interagiscono con il tuo cervello e intestino, bloccando i segnali che ti fanno sentire male. Il THC e il CBD interagiscono con i recettori cannabinoidi nel corpo, specialmente i recettori CB1 situati nel cervello e nel tratto gastrointestinale. Il <strong style=\"font-weight: 700 !important\">tratto gastrointestinale<\/strong> \u00e8 importante qui. L'attivazione di questi recettori pu\u00f2 inibire il rilascio di neurotrasmettitori che scatenano nausea e vomito. Inibisce anche i recettori della serotonina (5-HT3), che sono coinvolti nel riflesso del vomito. Bloccando questi recettori, la cannabis pu\u00f2 ridurre la sensazione di nausea. Dicono niente umano, niente vomito ora per favore.<\/p>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/5050-movie.jpg\" alt=\"50\/50 movie scene\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">(film 50\/50 srs. I pazienti oncologici fumano cannabis insieme per alleviare nausea, dolore e ansia)<\/p>\n <\/div>\n \n <p class=\"content-text translation-block\">In studi clinici randomizzati controllati con placebo, un rapporto equilibrato <strong style=\"font-weight: 700 !important\">THC:CBD (1:1)<\/strong> ha ridotto significativamente i punteggi di nausea nei pazienti oncologici che avevano esaurito tutti gli altri trattamenti. I risultati hanno indicato che il gruppo che riceveva l'estratto di cannabis aveva un tasso pi\u00f9 elevato di \"risposta completa\" (nessun vomito e nessuna necessit\u00e0 di farmaci aggiuntivi) rispetto al gruppo placebo. Hanno anche sperimentato meno nausea complessivamente e hanno preferito il trattamento con cannabis.<\/p>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/when-breath-becomes-air.jpg\" alt=\"When Breath Becomes Air book cover\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Vedere la qualit\u00e0 di vita di una persona cara deteriorarsi davanti a te deve essere una delle peggiori cose che puoi sperimentare nella vita, immagino. Siamo tutti consapevoli di cosa fa il cancro e la chemio a una persona, fisicamente e mentalmente. Ho appena finito di leggere <strong style=\"font-weight: 700 !important\">Quando il Respiro si fa Aria<\/strong>. \u00c8 una lettura fantastica e un crudo promemoria di quanto possa essere estenuante e disumanizzante una malattia grave. Come trattamenti come la chemioterapia non solo logorano il corpo, ma erodono il tuo senso di identit\u00e0, tempo e controllo. Vale la pena leggerlo per ricordarti quanto trascuriamo il semplice dono di sentirsi se stessi. Te ne vai pensando in modo diverso al tempo, alla salute e a ci\u00f2 che conta davvero.<\/p>\n <\/div>\n <\/div>\n \n <p class=\"content-text translation-block\">Se accendere uno spinello d\u00e0 loro anche solo un briciolo di sollievo, chi diavolo siamo noi per fermarli? Molte persone rinunciano alla chemioterapia a causa degli effetti collaterali. <strong style=\"font-weight: 700 !important\">Letteralmente si tolgono la possibilit\u00e0 di sopravvivenza<\/strong> perch\u00e9 \u00e8 troppo dolore e fastidio continuare. Questo di per s\u00e9 \u00e8 un concetto folle. Se il mio amico o familiare mi dice che trova sollievo dalla cannabis mentre fa la chemio, sono il suo spacciatore. Assolutamente nessuna domanda qualunque siano le regole in vigore. Scusa x<\/p>\n \n <p class=\"content-text\">In vari studi, i pazienti hanno espresso una preferenza per i trattamenti cannabinoidi rispetto agli antiemetici tradizionali, citando spesso un miglior sollievo dai sintomi e meno effetti collaterali.<\/p>\n \n \n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Tutte queste scoperte suggeriscono che la cannabis pu\u00f2 essere un'opzione preziosa per gestire la CINV, in particolare per i pazienti che non rispondono bene ai trattamenti antiemetici standard.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Dolore Cronico<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Chronic-pain.png\" alt=\"Man with chronic back pain\">\n <div class=\"text-content\">\n <p class=\"content-text\">Il dolore cronico \u00e8 implacabile. Non gli importa se hai lavoro da fare, bambini di cui prenderti cura o sogni da inseguire. Per milioni di persone in tutto il mondo, \u00e8 una battaglia quotidiana che non finisce mai.<\/p>\n \n <p class=\"content-text translation-block\">Il dolore cronico pu\u00f2 essere definito come qualsiasi dolore che \u00e8 stato costante per oltre <strong style=\"font-weight: 700 !important\">3 mesi<\/strong> e non \u00e8 scomparso. Pu\u00f2 derivare da varie condizioni come lesioni, interventi chirurgici, problemi muscoloscheletrici, cancro o talvolta senza una causa fisica apparente. Pu\u00f2 influenzare significativamente la qualit\u00e0 di vita di una persona, interferendo con le attivit\u00e0 quotidiane, il lavoro e le interazioni sociali.<\/p>\n \n <p class=\"content-text\">Colpisce circa il 20% delle persone in tutto il mondo. Le cause pi\u00f9 comuni di dolore cronico includono l'osteoartrite e il mal di schiena.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">La cannabis interagisce con il sistema endocannabinoide del corpo (ECS), prendendo di mira i recettori CB1 e CB2 per alleviare il dolore cronico. I recettori CB1, principalmente nel cervello e nel sistema nervoso, sono attivati dal THC, riducendo i segnali di dolore e alterando la percezione del dolore, spesso creando un senso di distanza dal dolore.<\/p>\n \n <p class=\"content-text translation-block\">I recettori CB2, presenti nel sistema immunitario, sono stimolati dai cannabinoidi per diminuire l'infiammazione riducendo le citochine pro-infiammatorie. Questo effetto antinfiammatorio aiuta ad affrontare la causa principale del dolore in condizioni come l'artrite. Inoltre, la cannabis <strong style=\"font-weight: 700 !important\">altera il modo in cui il cervello elabora il dolore<\/strong>, rendendolo meno invadente e pi\u00f9 tollerabile, migliorando significativamente la qualit\u00e0 di vita.<\/p>\n \n <h4>Quindi perch\u00e9 usare la cannabis per aiutare a trattare il dolore cronico?<\/h4>\n \n <p class=\"content-text translation-block\">Questo tocca ci\u00f2 di cui ho parlato nell'<a href=\"https:\/\/twobirdsonestoned.co\/it\/the-endocannabinoid-system\/\" target=\"_blank\">articolo sul sistema endocannabinoide<\/a>. La cannabis \u00e8 usata come trattamento di seconda linea, o di ultima linea al momento. Ci\u00f2 significa che non cerchiamo la cannabis immediatamente quando stiamo sperimentando alcuni dei problemi elencati sopra.<\/p>\n \n <p class=\"content-text\">Con ci\u00f2, ci\u00f2 che \u00e8 accaduto storicamente in passato con alcuni altri farmaci prescritti per trattare il dolore cronico, certi oppioidi per essere precisi, \u00e8 che hanno prodotto alcune statistiche interessanti per usare un eufemismo.<\/p>\n \n <h4>Parliamo di numeri:<\/h4>\n <ul>\n <li class=\"translation-block\">Negli Stati Uniti, <strong style=\"font-weight: 700 !important\">130 persone muoiono ogni giorno per overdose di oppioidi<\/strong>.<\/li>\n <li class=\"translation-block\">In Australia, <strong style=\"font-weight: 700 !important\">l'80% dei decessi per overdose \u00e8 legato ai farmaci<\/strong> come gli oppioidi.<\/li>\n <\/ul>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opiod-death-chart.jpg\" alt=\"U.S. Overdose Deaths Involving Prescription Opioids Chart\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Fonte: <a href=\"https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates\" target=\"_blank\">https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates<\/a><\/p>\n<\/div>\n \n <p class=\"content-text\">Queste statistiche sono strazianti, soprattutto quando consideri quante di quelle vite avrebbero potuto essere salvate con trattamenti alternativi come la cannabis. A differenza degli oppioidi, la cannabis non sopprime il tuo sistema respiratorio. In altre parole, non ti impedir\u00e0 di respirare.<\/p>\n \n <p class=\"content-text translation-block\"><a href=\"https:\/\/www.youtube.com\/watch?v=uQsagQwSLBY\" target=\"_blank\">\"Painkiller\"<\/a> di Netflix offre uno sguardo inquietante su come siamo arrivati qui, ma la cannabis offre una via d'uscita, un percorso per gestire il dolore <strong style=\"font-weight: 700 !important\">senza rischiare vite<\/strong>.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Epilessia<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Epilepsy.png\" alt=\"Person having seizure with help\">\n <div class=\"text-content\">\n <p class=\"content-text\">Charlotte Figi non \u00e8 sola. In tutto il mondo, 50 milioni di persone vivono con l'epilessia, e per molti, i trattamenti standard non funzionano.<\/p>\n \n <p class=\"content-text translation-block\">Attualmente <strong style=\"font-weight: 700 !important\">non esiste una cura per l'epilessia<\/strong>, solo trattamenti che possono aiutare con la gravit\u00e0 e la frequenza delle crisi.<\/p>\n \n <p class=\"content-text translation-block\">Per capire come la cannabis aiuta i pazienti con epilessia <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">guarda questo video<\/a>. Parla di Charlotte Figi, una bambina con un tipo catastrofico di epilessia che ha ispirato il movimento CBD. Charlotte era una bambina di cinque anni che aveva 50 crisi epilettiche farmacoresistenti al giorno. Al giorno\u2026.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">\u00c8 stata quindi trattata con una formulazione ad alto contenuto di CBD ora nota come Charlotte's Web. Cosa \u00e8 successo quando ha iniziato a prendere questa formulazione di CBD?<\/p>\n \n <div class=\"charlotte-highlight\">\n <h4>La Storia di Charlotte: Prima e Dopo il CBD<\/h4>\n <div class=\"before-after\">\n <div class=\"before-after-item\">\n <div class=\"before-after-number before-number\">50<\/div>\n <div class=\"before-after-label\">CRISI AL GIORNO<\/div>\n <\/div>\n <div style=\"font-size: 2rem; color: #F4C542; align-self: center;\">\u2192<\/div>\n <div class=\"before-after-item\">\n <div class=\"before-after-number after-number\">2-3<\/div>\n <div class=\"before-after-label\">CRISI AL MESE<\/div>\n <\/div>\n <\/div>\n <div class=\"reduction-text\">99,83% DI RIDUZIONE<\/div>\n <p class=\"content-text\" style=\"margin-top: 1.5rem; clear: both;\">Quando nient'altro funzionava, la cannabis \u00e8 arrivata e ha ridotto le crisi del 99,83%. Si scopre che ha una certa utilit\u00e0.<\/p>\n <\/div>\n \n <p class=\"content-text\">Nota come menziono il CBD specificamente. Quando discutiamo di come la cannabis pu\u00f2 aiutare con l'epilessia, stiamo davvero parlando del composto CBD. Se pensiamo alle ragioni principali per cui \u00e8 stato permesso che la cannabis venga usata come aiuto medico per le persone, questa storia sarebbe una delle ragioni principali, se non la principale.<\/p>\n \n <p class=\"content-text translation-block\">Ha rotto lo stigma attorno alla cannabis dimostrando che non era questa droga malvagia che ti faceva <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\">uccidere il tuo partner e saltare dai tetti degli edifici fino alla morte<\/a>.<\/p>\n \n <h4>Quindi, come funziona realmente?<\/h4>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-26-2025-05_56_20-PM.png\" alt=\"CBD seizure mechanism diagram\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Beh, se vuoi entrare nei dettagli scientifici, ecco cosa succede a livello scientifico. <strong style=\"font-weight: 700 !important\">Il CBD inibisce l'LPI<\/strong>, che normalmente amplifica i segnali nervosi e pu\u00f2 promuovere le crisi. Agisce come <strong style=\"font-weight: 700 !important\">antagonista funzionale del GPR55<\/strong>, un recettore coinvolto nell'eccitabilit\u00e0 neuronale e non solo blocca i segnali eccitatori ma rafforza anche i segnali inibitori che contrastano le crisi. Insieme a questo, rompe il ciclo di feedback positivo interrompendo il ciclo in cui le crisi aumentano la segnalazione da LPI a GPR55, che a sua volta promuove pi\u00f9 crisi.<\/p>\n <\/div>\n <\/div>\n \n <p class=\"content-text\">Mi piace scomporre gli aspetti tecnici della cannabis, approfondire i modi intricati in cui interagisce con i nostri corpi. Semplicemente non penso che sia un'informazione digeribile per tutti. Se \u00e8 qualcosa che interessa alle persone, fatemelo sapere e posso esplorare questo di pi\u00f9 x<\/p>\n \n <p class=\"content-text\">Non \u00e8 una soluzione completa e non copre tutta l'epilessia, ma possiamo vedere che pu\u00f2 essere di grande aiuto per le persone che hanno bisogno di aiuto.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Cure Palliative<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Pallative-care.jpg\" alt=\"Palliative care scene with family\">\n <div class=\"text-content\">\n <p class=\"content-text\">Le cure palliative riguardano la dignit\u00e0, assicurando che le persone che affrontano malattie che limitano la vita possano vivere i loro ultimi giorni con il massimo comfort e qualit\u00e0 possibile.<\/p>\n \n <p class=\"content-text translation-block\">Penso che sia un concetto figo che tutti stiamo morendo lentamente a ritmi diversi. Come se qualcosa stesse venendo a prenderci, potrebbe semplicemente non accadere per altri 2\/14\/41\/72 anni e non sappiamo cosa ci prender\u00e0. Cancro, treno merci, infarto, John Wick. C'\u00e8 una bomba a orologeria dentro? Chi diavolo lo sa. <strong style=\"font-weight: 700 !important\">Stai morendo lentamente mentre leggi questo<\/strong>, qualcosa sta divorando le nostre vite in sottofondo\u2026. Nomnomnomnom.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n \n <p class=\"content-text\">Questa \u00e8 la dura realt\u00e0: Ognuno di noi sta morendo, solo a velocit\u00e0 diverse. Per coloro che sono in cure palliative, la fine \u00e8 pi\u00f9 vicina, ma ci\u00f2 non significa che debbano soffrire inutilmente.<\/p>\n \n <p class=\"content-text\">La cannabis sta aiutando anche qui. Allevia il dolore, ripristina l'appetito e calma l'ansia che spesso accompagna le diagnosi terminali. Facendo il tutto hippie, influisce davvero sul modo in cui percepisci il tuo mondo. Pu\u00f2 darti un maggiore apprezzamento per la vita e accettare qual \u00e8 la tua situazione.<\/p>\n \n <div class=\"stats-box\">\n <h4>Miglioramento della Qualit\u00e0 di Vita<\/h4>\n <p class=\"stats-description\">Uno studio che ha coinvolto oltre 3.000 pazienti oncologici ha scoperto che la cannabis medica ha migliorato significativamente i sintomi comuni nelle cure palliative, tra cui dolore, nausea, ansia e disturbi del sonno.<\/p>\n \n <div style=\"margin: 2rem 0;\">\n <div class=\"stats-number\">18.7%<\/div>\n <p class=\"stats-description\">Prima del Trattamento<\/p>\n <div style=\"margin: 1rem 0; font-size: 2rem; color: #F4C542;\">\u2193<\/div>\n <div class=\"stats-number\">69.5%<\/div>\n <p class=\"stats-description\">Dopo sei mesi di uso di cannabis<\/p>\n <\/div>\n \n <p class=\"content-text\" style=\"margin-top: 1.5rem; font-weight: bold; color: #E3E3DC;\">La percentuale di pazienti che hanno riportato una buona qualit\u00e0 di vita \u00e8 aumentata drasticamente.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Considerazioni Finali<\/h3>\n <p class=\"content-text\">La matematica non torna sul perch\u00e9 la cannabis sia vietata nel modo in cui lo \u00e8 a livello globale e su come sia vista dalle persone riguardo a quanto sia sicura. I numeri sopra lo dimostrano.<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Questa \u00e8 la domanda che ti lascio: Se una singola pianta pu\u00f2 alleviare la sofferenza, migliorare le vite e offrire speranza dove non ce n'era, perch\u00e9 dovremmo mai esitare ad esplorare il suo potenziale?<\/p>\n <\/div>\n \n <p class=\"content-text\">Questa conversazione. Continuiamo a farla<\/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>L'Unico Modo per Restare Aggiornato<\/h3>\n <p>La cannabis si sta evolvendo e noi copriamo la scienza, la ricerca e la cultura, tutto gratis e direttamente nella tua casella di posta. Niente social media. Solo email. Unisciti se sei curioso.<\/p>\n <ul class=\"benefits-list\">\n <li>\ud83c\udfac Interviste e Documentari<\/li>\n <li>\ud83d\udcda Video e audio educativi<\/li>\n <li>\ud83d\udd2c Informazioni e approfondimenti scientifici<\/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=\"tua@email.com\" required id=\"emailInput\">\n <button type=\"submit\" id=\"emailSubmitBtn\">Ricevi Aggiornamenti<\/button>\n <p class=\"form-note\">\u27a1\ufe0f Resta curioso \u2b05\ufe0f<\/p>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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>Qual \u00e8 la tua opinione?<\/h3>\n <p>Hai qualcosa da dire? Lascialo qui sotto. La tua voce aiuta a plasmare ci\u00f2 che verr\u00e0 dopo.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Condividi le tue esperienze<\/li>\n <li>\ud83e\udd1d Chiacchiera con gli altri a riguardo<\/li>\n <li>\ud83d\udcda Aiuta a migliorare i contenuti futuri<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>Come funziona<\/h4>\n <ol>\n <li class=\"translation-block\"><span>Passo 1:<\/span>Scegli: Inserisci la tua email O commenta anonimamente<\/li>\n <li class=\"translation-block\"><span>Passo 2:<\/span>Ottieni il tuo username unico (lo mantieni per tutto il sito)<\/li>\n <li class=\"translation-block\"><span>Passo 3:<\/span>Commenta, vota, rispondi e condividi le tue idee: fai parte della conversazione!<\/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;\">Commenta anonimamente (nessuna email richiesta)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"tua@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Il tuo nome utente apparir\u00e0 qui<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Ottieni un nome utente diverso\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"Cosa ne pensi? Domande o esperienze da condividere?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n <span id=\"submitText\">Pubblica commento<\/span>\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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\">Ordina per:<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">Pi\u00f9 recente<\/option>\n <option value=\"liked\">Pi\u00f9 apprezzato<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Commenti recenti (<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\/it\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n Altri Argomenti \u2192\n <\/a>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Riferimenti<\/h3>\n <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n <p>Australian Institute of Health and Welfare, 2019. <em>Drug-related deaths in Australia 1997\u20132017<\/em>. Canberra: AIHW.<\/p>\n \n <p>Devinsky, O., Cross, J.H., Laux, L., Marsh, E., Miller, I., Nabbout, R., Scheffer, I.E., Thiele, E.A. and Wright, S., 2017. Trial of cannabidiol for drug-resistant seizures in the Dravet syndrome. <em>New England Journal of Medicine<\/em>, 376(21), pp.2011-2020.<\/p>\n \n <p>H\u00e4user, W., Petzke, F. and Fitzcharles, M.A., 2018. Efficacy, tolerability and safety of cannabis-based medicines for chronic pain management\u2013an overview of systematic reviews. <em>European Journal of Pain<\/em>, 22(3), pp.455-470.<\/p>\n \n <p>Inglet, S., Winter, B., Yost, S.E., Entringer, S., Lian, A., Biksacky, M. and Pitt, K.M., 2020. Clinical data for the use of cannabis-based treatments: a comprehensive review of the literature. <em>Annals of Pharmacotherapy<\/em>, 54(11), pp.1109-1143.<\/p>\n \n <p>Kleckner, A.S., Kleckner, I.R., Kamen, C.S., Tejani, M.A., Janelsins, M.C., Morrow, G.R. and Peppone, L.J., 2019. Opportunities for cannabis in supportive care in cancer. <em>Therapeutic Advances in Medical Oncology<\/em>, 11, p.1758835919866362.<\/p>\n \n <p>Laux, L.C., Bebin, E.M., Checketts, D., Chez, M., Flamini, R., Marsh, E.D., Miller, I., Nichol, K., Park, Y., Segal, E. and Seltzer, L.E., 2019. Long-term safety and efficacy of cannabidiol in children and adults with treatment resistant Lennox-Gastaut syndrome or Dravet syndrome: Expanded access program results. <em>Epilepsy Research<\/em>, 154, pp.13-20.<\/p>\n \n <p>MacCallum, C.A. and Russo, E.B., 2018. Practical considerations in medical cannabis administration and dosing. <em>European Journal of Internal Medicine<\/em>, 49, pp.12-19.<\/p>\n \n <p>National Academy of Sciences, Engineering, and Medicine, 2017. <em>The health effects of cannabis and cannabinoids: the current state of evidence and recommendations for research<\/em>. Washington, DC: The National Academies Press.<\/p>\n \n <p>Piper, B.J., DeKeuster, R.M., Beals, M.L., Cobb, C.M., Burchman, C.A., Perkinson, L., Lynn, S.T., Nichols, S.D. and Abess, A.T., 2017. Substitution of medical cannabis for pharmaceutical agents for pain, anxiety, and sleep. <em>Journal of Psychopharmacology<\/em>, 31(5), pp.569-575.<\/p>\n \n <p>Sallan, S.E., Zinberg, N.E. and Frei III, E., 1975. Antiemetic effect of delta-9-tetrahydrocannabinol in patients receiving cancer chemotherapy. <em>New England Journal of Medicine<\/em>, 293(16), pp.795-797.<\/p>\n \n <p>Schrot, R.J. and Hubbard, J.R., 2016. Cannabinoids: medical implications. <em>Annals of Medicine<\/em>, 48(3), pp.128-141.<\/p>\n \n <p>Whiting, P.F., Wolff, R.F., Deshpande, S., Di Nisio, M., Duffy, S., Hernandez, A.V., Keurentjes, J.C., Lang, S., Misso, K., Ryder, S. and Schmidlkofer, S., 2015. Cannabinoids for medical use: a systematic review and meta-analysis. <em>JAMA<\/em>, 313(24), pp.2456-2473.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Se Sei Arrivato Fin Qui...<\/h3>\n \n <div class=\"section-divider\"><\/div>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Questo \u00e8 alla fine di ogni pezzo che scrivo, quindi se hai gi\u00e0 letto qualcosa qui prima, sai come funziona.<\/p>\n \n <p class=\"content-text translation-block\">Se sei arrivato alla fine di questo pezzo, <strong>grazie<\/strong>. Davvero. Hai dedicato il tempo per immergerti in un argomento che \u00e8 stato nascosto sotto strati di stigma per generazioni. Solo questo significa che fai parte di un cambiamento molto necessario.<\/p>\n \n <p class=\"content-text translation-block\">Se qualcosa qui ti ha fatto fermare o pensare diversamente, fai questo: <strong>parlane<\/strong>. Tiralo fuori con qualcuno. Non importa chi, il tuo amico, tuo padre, il tuo fisio, il tuo collega, chiunque. Condividi quello che hai imparato, quello che ti ha sorpreso, o anche quello di cui sei ancora incerto.<\/p>\n \n <p class=\"content-text translation-block\">Queste chiacchierate, che siano casuali, profonde, casuali o imbarazzanti, erodono lo stigma, pezzo per pezzo. Non predicando, ma semplicemente <strong>essendo onesti nel momento<\/strong>.<\/p>\n \n <p class=\"content-text\">Si tratta di spezzare il ciclo di disinformazione e paura che ci ha trattenuti per troppo tempo.<\/p>\n \n <p class=\"content-text\">Ogni volta che trasmettiamo informazioni accurate ed equilibrate, facciamo un altro passo verso il lasciare questo mondo un po' migliore di come l'abbiamo trovato, per la prossima generazione.<\/p>\n \n <p class=\"content-text\">Non voglio nemmeno che le vite delle persone siano influenzate negativamente dalle regole sociali che circondano questa pianta.<\/p>\n \n <p class=\"content-text\">Dobbiamo a loro fare le cose per bene. Parlare apertamente, senza giudizio n\u00e9 vergogna. Sostituire i miti obsoleti con prove e comprensione.<\/p>\n \n <p class=\"content-text\"><strong>Continuiamo questa conversazione x<\/strong><\/p>\n \n <p class=\"content-text\">Detto questo, ti lascio a te. Ce la puoi fare. Se hai imparato qualcosa di nuovo, vai a dirlo a qualcuno ahah<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/it\" class=\"cta-button\">\n \ud83c\udf3f Vai ad Esplorare\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' || button.textContent.trim() === 'Night Time') {\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 toggleTheme();\n}\n\n function playAudio(audioId) {\n const audio = document.getElementById(audioId);\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n const title = document.querySelector('.article-title');\n const subtitle = document.querySelector('.article-subtitle');\n const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n const toggleButton = document.getElementById('theme-toggle');\n const navHint = document.querySelector('.nav-hint');\n \n \/\/ Comment system selectors\n const engagementContainer = document.querySelector('.engagement-container');\n const commentForm = document.querySelectorAll('.comment-form-v1');\n const commentItems = document.querySelectorAll('.comment-item');\n const sortLabel = document.querySelector('.sort-label');\n const sortDropdown = document.querySelector('.sort-dropdown');\n const commentsHeader = document.querySelector('.comments-header');\n const noCommentsMessage = document.querySelector ('.no-comments-message');\n \n \/\/ HEADER SELECTORS\n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n \/\/ FOOTER SELECTORS\n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME (Day Time)\n console.log('Applying LIGHT theme');\n \n \/\/ Add light theme class to both html and body\n html.classList.add('light-theme');\n body.classList.add('light-theme');\n \n \/\/ Apply cream background\n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR LIGHT THEME\n if (header) {\n header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR LIGHT THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Light cards\n contentCards.forEach(card => {\n if (card.classList.contains('keep-learning-section')) {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n } else {\n card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n }\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Update strong\/highlighted text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Update links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n highlights.forEach(highlight => {\n if (highlight.classList.contains('stats-box')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(184,134,11,0.3)', 'important');\n const statsNumbers = highlight.querySelectorAll('.stats-number');\n statsNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n } else if (highlight.classList.contains('charlotte-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', '2px solid rgba(184,134,11,0.3)', 'important');\n const reductionText = highlight.querySelector('.reduction-text');\n if (reductionText) reductionText.style.setProperty('color', '#B8860B', 'important');\n const beforeNumbers = highlight.querySelectorAll('.before-number');\n const afterNumbers = highlight.querySelectorAll('.after-number');\n beforeNumbers.forEach(num => num.style.setProperty('color', '#cc5555', 'important'));\n afterNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n } else {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n }\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ Remove light theme class from both html and body\n html.classList.remove('light-theme');\n body.classList.remove('light-theme');\n \n \/\/ Reset to dark gradient\n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR DARK THEME\n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR DARK THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset cards\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#1d1d1d', 'important');\n card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n card.style.setProperty('color', '#fff', 'important');\n \n \/\/ Reset headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset strong text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#F4C542', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Reset links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .quote-box, .stats-box, .charlotte-highlight');\n highlights.forEach(highlight => {\n if (highlight.classList.contains('stats-box')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(244,197,66,0.3)', 'important');\n const statsNumbers = highlight.querySelectorAll('.stats-number');\n statsNumbers.forEach(num => num.style.setProperty('color', '#F4C542', 'important'));\n } else if (highlight.classList.contains('charlotte-highlight')) {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08))', 'important');\n highlight.style.setProperty('border', '2px solid rgba(76,175,80,0.3)', 'important');\n const reductionText = highlight.querySelector('.reduction-text');\n if (reductionText) reductionText.style.setProperty('color', '#4CAF50', 'important');\n const beforeNumbers = highlight.querySelectorAll('.before-number');\n const afterNumbers = highlight.querySelectorAll('.after-number');\n beforeNumbers.forEach(num => num.style.setProperty('color', '#ff6b6b', 'important'));\n afterNumbers.forEach(num => num.style.setProperty('color', '#4CAF50', 'important'));\n } else {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n }\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint to original color in dark mode\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements for dark theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content elements\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans to original color in dark theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n }\n\n \/\/ Animate content cards on scroll\n function animateOnScroll() {\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n cards.forEach(card => {\n const cardTop = card.getBoundingClientRect().top;\n const cardBottom = card.getBoundingClientRect().bottom;\n \n if (cardTop < window.innerHeight && cardBottom > 0) {\n card.classList.add('animate-in');\n }\n });\n }\n\/\/ Smooth scroll to anchor on page load with offset\ndocument.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n});\n \n \/\/ 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>Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned Medical Uses for Cannabis \ud83c\udfe5 From seizure reduction to pain relief, exploring the therapeutic potential of cannabis medicine \ud83c\udf19 \ud83c\udfac Watch the Medical Cannabis Story See how cannabis is transforming modern medicine \ud83c\udfa7 Listen on the Go Perfect for your commute or workout, audio […]<\/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-1860","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/1860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/comments?post=1860"}],"version-history":[{"count":81,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/1860\/revisions"}],"predecessor-version":[{"id":8051,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/1860\/revisions\/8051"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/media?parent=1860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}