{"id":2350,"date":"2025-06-16T08:06:46","date_gmt":"2025-06-16T08:06:46","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=2350"},"modified":"2025-11-18T04:37:26","modified_gmt":"2025-11-18T04:37:26","slug":"why-two-birds-one-stoned-exists","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/es\/why-two-birds-one-stoned-exists\/","title":{"rendered":"Why Two Birds One Stoned Exists"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n \n Por Qu\u00e9 Existe Two Birds One Stoned - Historias Personales Detr\u00e1s de la Reforma de la Educaci\u00f3n sobre el Cannabis<\/title>\n <meta name=\"title\" content=\"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\">\n <meta name=\"description\" content=\"Las experiencias personales que impulsaron la misi\u00f3n de Two Birds One Stoned: desde prohibiciones de alojamiento universitario hasta casos judiciales por 50 centavos de cannabis. Historias reales impulsando la reforma educativa.\">\n <meta name=\"keywords\" content=\"cannabis stigma, cannabis education reform, cannabis criminalization stories, university cannabis policy, cannabis court cases, James Gallagher story, cannabis injustice, drug policy reform, cannabis legalization advocacy\">\n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"language\" content=\"English\">\n \n <!-- Canonical URL -->\n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n \n <!-- Open Graph \/ Facebook -->\n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n <meta property=\"og:title\" content=\"Por Qu\u00e9 Existe Two Birds One Stoned - Historias Personales Detr\u00e1s de la Reforma de la Educaci\u00f3n sobre el Cannabis\">\n <meta property=\"og:description\" content=\"Las experiencias personales que impulsaron la misi\u00f3n de Two Birds One Stoned: desde prohibiciones de alojamiento universitario hasta casos judiciales por 50 centavos de cannabis. Historias reales impulsando la reforma educativa.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n <meta property=\"article:author\" content=\"James Gallagher\">\n <meta property=\"article:section\" content=\"Educaci\u00f3n sobre el cannabis\">\n <meta property=\"article:tag\" content=\"Cannabis Reform\">\n <meta property=\"article:tag\" content=\"Personal Stories\">\n <meta property=\"article:tag\" content=\"Drug Policy\">\n \n <!-- Twitter -->\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n <meta name=\"twitter:title\" content=\"Por Qu\u00e9 Existe Two Birds One Stoned - Historias Personales Detr\u00e1s de la Reforma de la Educaci\u00f3n sobre el Cannabis\">\n <meta name=\"twitter:description\" content=\"Las experiencias personales que impulsaron la misi\u00f3n de Two Birds One Stoned: desde prohibiciones de alojamiento universitario hasta casos judiciales por 50 centavos de cannabis. Historias reales impulsando la reforma educativa.\">\n <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\">\n <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n \n <!-- Additional Meta Tags for Cannabis Content -->\n <meta name=\"topic\" content=\"Cannabis Policy Reform\">\n <meta name=\"subject\" content=\"Personal stories about cannabis criminalization and the need for education-based reform\">\n <meta name=\"classification\" content=\"Educational\">\n <meta name=\"category\" content=\"Social Justice, Health Education\">\n \n <!-- Structured Data (JSON-LD) -->\n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\",\n \"description\": \"The personal experiences that sparked Two Birds One Stoned's mission: from university housing bans to court cases over 50 cents of cannabis. Real stories driving education reform.\",\n \"image\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/opening-piece-main-image-e1750062459616.png\",\n \"author\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\n },\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"logo\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n },\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH?si=RCRQ1qo4SS2jwcDr5F_mPw\"\n ]\n },\n \"datePublished\": \"2025-01-01\",\n \"dateModified\": \"2025-01-01\",\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/why-two-birds-one-stoned-exists\\\/\"\n },\n \"articleSection\": \"Cannabis Education\",\n \"keywords\": [\n \"cannabis stigma\",\n \"cannabis education reform\",\n \"drug policy reform\",\n \"cannabis criminalization\",\n \"personal stories\",\n \"endocannabinoid system\"\n ],\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Policy Reform\",\n \"description\": \"Advocacy for evidence-based cannabis policy through personal storytelling and education\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Endocannabinoid System\",\n \"description\": \"The biological system that interacts with cannabis compounds, discovered in 1988\"\n }\n ],\n \"mentions\": [\n {\n \"@type\": \"Place\",\n \"name\": \"Ireland\",\n \"description\": \"Location of personal cannabis criminalization experiences discussed in the article\"\n },\n {\n \"@type\": \"Place\",\n \"name\": \"Australia\",\n \"description\": \"Location where author experienced festival cannabis enforcement\"\n }\n ],\n \"breadcrumb\": {\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n {\n \"@type\": \"ListItem\",\n \"position\": 1,\n \"name\": \"Home\",\n \"item\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 2,\n \"name\": \"Why We Exist\",\n \"item\": \"https:\\\/\\\/twobirdsonestoned.co\\\/why-two-birds-one-stoned-exists\\\/\"\n }\n ]\n }\n}<\/script>\n \n <!-- Favicon and Icons -->\n <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n \n <!-- Fonts -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n <!-- Additional SEO Meta Tags -->\n <meta name=\"geo.region\" content=\"IE\">\n <meta name=\"geo.region\" content=\"AU\">\n <meta name=\"geo.placename\" content=\"Ireland, Australia\">\n <meta name=\"dcterms.subject\" content=\"Cannabis Policy Reform, Personal Narratives, Social Justice, Health Education\">\n <meta name=\"dcterms.type\" content=\"Text\">\n <meta name=\"dcterms.audience\" content=\"Policy Makers, General Public, Cannabis Advocates, Students\">\n \n <!-- Content Security and Trust Signals -->\n <meta name=\"referrer\" content=\"origin-when-cross-origin\">\n <meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self' 'unsafe-inline' https:\/\/www.youtube.com https:\/\/docs.google.com https:\/\/www.gstatic.com https:\/\/open.spotify.com; style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com; font-src 'self' https:\/\/fonts.gstatic.com; img-src 'self' data: https:; media-src 'self' https:; frame-src https:\/\/www.youtube.com https:\/\/docs.google.com https:\/\/open.spotify.com; connect-src 'self' https:\/\/docs.google.com;\">\n \n <!-- Performance and Loading -->\n <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/open.spotify.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n <!-- News and Social Media Validation -->\n <meta name=\"news_keywords\" content=\"cannabis reform, drug policy, personal stories, education advocacy, endocannabinoid system\">\n <meta property=\"fb:app_id\" content=\"YOUR_FACEBOOK_APP_ID\">\n \n <!-- Rich Snippets for FAQ\/How-To Content -->\n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Why was Two Birds One Stoned created?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Two Birds One Stoned was created after a series of personal experiences with cannabis criminalization, including friends losing university housing and facing court cases over minimal amounts of cannabis. The platform aims to educate people about cannabis and challenge outdated stigma through evidence-based content.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What is the endocannabinoid system?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"The endocannabinoid system is a biological system discovered in 1988 that produces cannabis-like compounds naturally in the human body. It's responsible for phenomena like 'runner's high' and helps explain why humans have interacted with cannabis for thousands of years.\"\n }\n }\n ]\n}<\/script>\n \n <!-- Theme Color for Mobile Browsers -->\n <meta name=\"theme-color\" content=\"#F4C542\">\n <meta name=\"msapplication-TileColor\" content=\"#F4C542\">\n \n <!-- Preload Critical Resources -->\n <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\" as=\"image\">\n<\/head>\n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n color: #fff;\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n line-height: 1.6;\n }\n\n \/* ARTICLE PAGE SECTION *\/\n .article-page {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 100px;\n padding-bottom: 6rem;\n }\n\n \/* Container *\/\n .tbos-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 3rem;\n border-radius: 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n margin: 4rem auto;\n max-width: 950px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Cards animate in when visible *\/\n .content-card.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Content Card Hover *\/\n .content-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n \/* Title Section - FIXED HEIGHT TO PREVENT LAYOUT SHIFT *\/\n.article-page .tbos-container .title-section {\n text-align: center !important;\n margin-bottom: 60px !important; \/* CHANGED: was 30px *\/\n margin-top: 60px !important; \/* CHANGED: was 40px *\/\n padding-bottom: 3rem !important; \/* CHANGED: was 2rem *\/\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n max-width: 1000px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n position: relative !important;\n z-index: 10 !important;\n display: block !important;\n overflow: visible !important;\n \/* FIXED: Set minimum height to prevent layout shifts *\/\n min-height: 200px !important; \/* CHANGED: was 180px *\/\n}\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(2rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n margin-bottom: 2.5rem !important;\n color: #F4C542 !important;\n text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n line-height: 1.3 !important;\n letter-spacing: -0.02em !important;\n max-width: 100% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n padding: 0 2rem !important;\n font-family: 'Montserrat', sans-serif !important;\n display: block !important;\n position: relative !important;\n overflow: visible !important;\n white-space: normal !important;\n }\n\n \/* FIXED: Prevent subtitle from going bold and wrapping in light theme *\/\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n color: #E3E3DC !important;\n font-weight: 400 !important; \/* Force normal weight *\/\n margin-bottom: 4rem !important;\n opacity: 0.9 !important;\n line-height: 1.5 !important;\n max-width: 90% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n word-wrap: break-word !important;\n \/* FIXED: Ensure consistent height and prevent wrapping *\/\n min-height: 48px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n \/* FIXED: Ensure subtitle stays normal weight in light theme *\/\n body.light-theme .article-page .tbos-container .title-section .article-subtitle,\n html.light-theme .article-page .tbos-container .title-section .article-subtitle {\n font-weight: 400 !important;\n color: #000000 !important;\n }\n \/* Lightbox styles *\/\n .lightbox {\n display: none;\n position: fixed;\n z-index: 9999;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n justify-content: center;\n align-items: center;\n }\n\n .lightbox.active {\n display: flex;\n }\n\n .lightbox-content {\n max-width: 90%;\n max-height: 90%;\n object-fit: contain;\n }\n\n .lightbox-close {\n position: absolute;\n top: 20px;\n right: 40px;\n color: #fff;\n font-size: 40px;\n font-weight: bold;\n cursor: pointer;\n z-index: 10000;\n }\n\n .lightbox-close:hover {\n color: #ccc;\n }\n\n \/* Media Section Spacing *\/\n .media-section {\n margin: 8rem auto;\n max-width: 950px;\n position: relative;\n z-index: 5;\n }\n\n .media-section-title {\n text-align: center;\n font-size: 2.5rem;\n color: #F4C542;\n margin-bottom: 3rem;\n font-weight: 600;\n }\n\n .media-card {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 4rem auto;\n max-width: 950px;\n text-align: center;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n overflow: visible; \/* NEW - Universal fix *\/\n}\n\n\/* NEW - Universal video container fix *\/\n.media-card > div[style*=\"position: relative\"] {\n background: transparent !important;\n margin: 0 auto 1.5rem auto;\n}\n\n\/* NEW - Universal iframe fix *\/\n.media-card iframe {\n display: block;\n}\n\n .media-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n }\n\n .media-card h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n .media-card iframe {\n width: 100%;\n border-radius: 16px;\n margin-top: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n }\n\n \/* Content Break *\/\n .content-break {\n height: 3rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .content-break::before {\n content: '';\n width: 200px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n border-radius: 1px;\n }\n\n \/* FIXED: Navigation hint - ensure it changes to black in light mode *\/\n .nav-hint {\n text-align: center;\n color: #F4C542;\n font-style: italic;\n font-size: 1.2rem;\n margin: 6rem auto;\n max-width: 950px;\n padding: 2rem;\n background: rgba(244, 197, 66, 0.05);\n border-radius: 1rem;\n border: 1px solid rgba(244, 197, 66, 0.2);\n transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n }\n\n \/* FIXED: Nav hint light theme styling *\/\n body.light-theme .nav-hint,\n html.light-theme .nav-hint {\n color: #000000 !important;\n background: rgba(184, 134, 11, 0.1) !important;\n border: 1px solid rgba(184, 134, 11, 0.3) !important;\n }\n\n \/* Content Section Headers *\/\n .content-section {\n margin: 8rem auto;\n max-width: 950px;\n }\n\n .content-section .content-section-title {\n text-align: center !important;\n font-size: 3rem !important;\n color: #F4C542 !important;\n margin-bottom: 5rem !important; \/* CHANGED: was 4rem *\/\n margin-top: 3rem !important; \/* ADDED: new line *\/\n padding-top: 3rem !important; \/* ADDED: new line *\/\n font-weight: 600 !important;\n text-shadow: none !important;\n line-height: 1.4 !important; \/* ADDED: new line *\/\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\n }\n\n \/* Lists *\/\n .content-card ul {\n list-style-type: disc;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card ol {\n list-style-type: decimal;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1.15rem;\n color: #E3E3DC;\n line-height: 1.7;\n margin-bottom: 0.8rem;\n }\n\n \/* FIXED: Make strong text in lists yellow in dark theme *\/\n .content-card li strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* FIXED: Keep strong text dark\/bold in light theme *\/\n body.light-theme .content-card li strong,\n html.light-theme .content-card li strong {\n color: #000000 !important;\n font-weight: 600 !important;\n }\n\n \/* Links *\/\n .content-card a {\n color: #4CAF50;\n text-decoration: underline;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .content-card a:hover {\n color: #45a049;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n border-left: 5px solid #F4C542;\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 0 16px 16px 0;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Quote box styling *\/\n .quote-box {\n background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n border: 2px solid rgba(244,197,66,0.3);\n padding: 2rem;\n margin: 3rem 0;\n border-radius: 16px;\n font-style: italic;\n text-align: center;\n font-size: 1.1rem;\n box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n }\n\n \/* Special list containers for the anatomy page *\/\n .list-container {\n background: rgba(156,175,136,0.1);\n border-radius: 16px;\n padding: 2rem;\n margin: 3rem 0;\n border: 1px solid rgba(156,175,136,0.2);\n }\n\n .other-parts-list {\n background: rgba(156,175,136,0.1);\n border-radius: 16px;\n padding: 2rem;\n margin: 3rem 0;\n border: 1px solid rgba(156,175,136,0.2);\n }\n\n .other-parts-list ul {\n list-style: none;\n margin-left: 0;\n padding-left: 0;\n }\n\n .other-parts-list li {\n margin-bottom: 1rem;\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.7;\n font-size: 1.15rem;\n color: #E3E3DC;\n }\n\n .other-parts-list li::before {\n content: '\ud83c\udf3f';\n position: absolute;\n left: 0;\n top: 0;\n }\n\n \/* Divider *\/\n .section-divider {\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n margin: 4rem 0;\n border-radius: 2px;\n }\n\n \/* Theme Toggle Styles *\/\n .theme-toggle {\n text-align: center;\n margin: 1.5rem 0 0.5rem 0;\n padding-top: 0.5rem;\n }\n\n .theme-toggle button {\n background: rgba(0,0,0,0.8);\n border: 2px solid #4CAF50;\n color: #4CAF50;\n padding: clamp(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n border-radius: 30px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n font-family: 'Montserrat', sans-serif;\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n }\n\n .theme-toggle button:hover {\n background: rgba(76, 175, 80, 0.1);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n }\n\n \/* Scroll progress indicator *\/\n .progress-bar {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 4px;\n background: linear-gradient(90deg, #F4C542, #4CAF50);\n z-index: 1000;\n transition: width 0.3s ease;\n }\n\n .section-break {\n margin: 6rem auto;\n position: relative;\n height: 3px;\n max-width: 500px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(156,175,136,0.1) 10%, \n rgba(156,175,136,0.3) 25%, \n rgba(156,175,136,0.6) 40%, \n rgba(156,175,136,0.8) 50%, \n rgba(156,175,136,0.6) 60%, \n rgba(156,175,136,0.3) 75%, \n rgba(156,175,136,0.1) 90%, \n transparent 100%);\n border-radius: 3px;\n }\n\n .section-break::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(244,197,66,0.2) 20%, \n rgba(244,197,66,0.4) 40%, \n rgba(244,197,66,0.6) 50%, \n rgba(244,197,66,0.4) 60%, \n rgba(244,197,66,0.2) 80%, \n transparent 100%);\n }\n\n \/* ============================================================================ *\/\n \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n \/* ============================================================================ *\/\n .keep-learning-section {\n background-color: #1d1d1d;\n color: #fff;\n padding: 2rem;\n border-radius: 1rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n margin: 6rem auto 3rem auto;\n max-width: 800px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n overflow: hidden;\n opacity: 1;\n transform: translateY(0);\n }\n\n .keep-learning-section.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n .keep-learning-section:hover {\n transform: translateY(-4px);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n }\n\n \/* Split Layout for Keep Learning Section *\/\n .signup-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .signup-text h3 {\n color: #F4C542;\n font-size: clamp(18px, 4vw, 24px);\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: left;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Ensure \"The Only Way to Stay Updated\" changes to gold in light theme *\/\n body.light-theme .signup-text h3,\n html.light-theme .signup-text h3 {\n color: #B8860B !important;\n }\n\n .signup-text p {\n color: #E3E3DC;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n text-align: left;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Ensure signup text paragraphs change to black in light theme *\/\n body.light-theme .signup-text p,\n html.light-theme .signup-text p {\n color: #333333 !important;\n }\n\n .signup-form-container {\n display: flex;\n flex-direction: column;\n }\n\n .signup-form-container input {\n width: 100%;\n padding: 1rem 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 8px;\n background: rgba(255,255,255,0.05);\n color: #fff;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n\n .signup-form-container input:focus {\n outline: none;\n border-color: #4CAF50;\n }\n\n .signup-form-container input::placeholder {\n color: rgba(255,255,255,0.6);\n }\n\n \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n body.light-theme .signup-form-container input::placeholder,\n html.light-theme .signup-form-container input::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n\n \/* FIXED: Input text color in light theme *\/\n body.light-theme .signup-form-container input,\n html.light-theme .signup-form-container input {\n color: #333333 !important;\n background: rgba(255,255,255,0.9) !important;\n border: 1px solid rgba(184,134,11,0.5) !important;\n }\n\n .signup-form-container button {\n width: 100%;\n padding: 1rem;\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Montserrat', sans-serif;\n }\n\n .signup-form-container button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n\n .signup-form-container button:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n\n .form-note {\n color: #E3E3DC;\n font-size: 0.9rem;\n opacity: 0.8;\n margin: 1.5rem 0 0 0;\n text-align: center;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Form note color in light theme *\/\n body.light-theme .form-note,\n html.light-theme .form-note {\n color: #666666 !important;\n }\n\n \/* Benefits List Styling *\/\n .benefits-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 1.5rem 0;\n padding-left: 0 !important;\n }\n\n .benefits-list li {\n color: #E3E3DC;\n margin-bottom: 1rem;\n font-size: 1rem;\n line-height: 1.6;\n padding-left: 0 !important;\n list-style: none !important;\n position: relative;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Benefits list items color in light theme *\/\n body.light-theme .benefits-list li,\n html.light-theme .benefits-list li {\n color: #333333 !important;\n }\n\n .benefits-list li:last-child {\n margin-bottom: 0;\n }\n\n .benefits-list li::before {\n content: none !important;\n }\n\n \/* ============================================================================ *\/\n \/* SECURE COMMENT SYSTEM STYLES *\/\n \/* ============================================================================ *\/\n .engagement-container {\n background-color: #1d1d1d;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 1.5rem;\n padding: 3rem;\n margin: 6rem auto;\n max-width: 950px;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n transition: background-color 0.3s ease, border-color 0.3s ease;\n }\n .engagement-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: flex-start;\n }\n .engagement-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 400px;\n position: relative;\n top: 1rem;\n }\n .engagement-content h3 {\n color: #F4C542;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n transition: color 0.3s ease;\n }\n .engagement-content p {\n color: #E3E3DC;\n font-size: 1.1rem;\n line-height: 1.7;\n margin-bottom: 2rem;\n transition: color 0.3s ease;\n }\n .engagement-features {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .engagement-features li {\n color: #E3E3DC;\n margin-bottom: 1.2rem;\n font-size: 1.05rem;\n line-height: 1.6;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n transition: color 0.3s ease;\n }\n .engagement-features li:last-child {\n margin-bottom: 0;\n }\n .engagement-interaction {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n }\n .comment-form-v1 h4 {\n color: #F4C542;\n font-size: 1.6rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n text-align: center;\n transition: color 0.3s ease;\n }\n .comment-form-v1 p {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol {\n color: #fff;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n font-weight: 400;\n padding-left: 1.5rem;\n counter-reset: step-counter;\n }\n .comment-form-v1 ol li {\n margin-bottom: 0.8rem;\n list-style: none;\n position: relative;\n padding-left: 4rem;\n color: #fff;\n transition: color 0.3s ease;\n }\n .comment-form-v1 ol li span {\n position: absolute;\n left: 0;\n color: #F4C542;\n font-weight: 600;\n transition: color 0.3s ease;\n }\n\n \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n body.light-theme .comment-form-v1 ol li span,\n html.light-theme .comment-form-v1 ol li span {\n color: #B8860B !important;\n font-weight: 600 !important;\n }\n\n .form-group-v1 {\n margin-bottom: 2rem;\n }\n .form-group-v1 input,\n .form-group-v1 textarea {\n width: 100%;\n padding: 1rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 8px;\n font-size: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n .form-group-v1 input:focus,\n .form-group-v1 textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n .form-group-v1 input::placeholder,\n .form-group-v1 textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Main comment form placeholder styling for light theme *\/\n body.light-theme .form-group-v1 input::placeholder,\n html.light-theme .form-group-v1 input::placeholder,\n body.light-theme .form-group-v1 textarea::placeholder,\n html.light-theme .form-group-v1 textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Main comment form input text color in light theme *\/\n body.light-theme .form-group-v1 input,\n html.light-theme .form-group-v1 input,\n body.light-theme .form-group-v1 textarea,\n html.light-theme .form-group-v1 textarea {\n color: #333333 !important;\n background: rgba(255, 255, 255, 0.9) !important;\n border: 1px solid rgba(184, 134, 11, 0.5) !important;\n }\n \n .form-group-v1 textarea {\n height: 100px;\n resize: vertical;\n }\n\n \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n .username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n }\n\n .username-display {\n flex: 1;\n width: auto;\n padding: 1rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .username-display.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n .username-display.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: auto;\n }\n\n .username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .username-refresh-btn:active {\n transform: rotate(180deg) scale(0.95);\n }\n\n .username-refresh-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n transform: none;\n }\n\n .username-refresh-btn.spinning {\n animation: spin 0.5s ease-in-out;\n }\n\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* Inline reply form styles *\/\n .inline-username-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n margin-bottom: 0.8rem;\n }\n\n .inline-reply-username {\n flex: 1;\n width: auto;\n padding: 0.8rem;\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 6px;\n color: #fff;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .inline-reply-username.authenticated {\n background: transparent;\n border: 1px solid #4CAF50;\n color: #4CAF50;\n }\n \n .inline-reply-username.authenticated::after {\n content: ' \u2713';\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .inline-username-refresh-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.3);\n color: #F4C542;\n padding: 0.8rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 40px;\n }\n\n .inline-username-refresh-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: rotate(180deg);\n }\n\n .submit-btn-v1 {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n padding: 1.2rem 1.5rem;\n color: #fff;\n font-weight: 600;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 1rem;\n }\n .submit-btn-v1:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n .submit-btn-v1:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n .status-message {\n text-align: center;\n padding: 1rem;\n border-radius: 8px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .status-message.show {\n opacity: 1;\n }\n .status-message.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n .status-message.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n .comments-display {\n margin-top: 2rem !important;\n border-top: none !important;\n padding-top: 2.5rem !important;\n width: 100%;\n box-sizing: border-box;\n }\n .sort-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 0.5rem !important;\n margin-bottom: 2rem !important;\n padding: 0 !important;\n }\n .sort-label {\n color: #E3E3DC;\n font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n font-weight: 400 !important;\n transition: color 0.3s ease;\n }\n .sort-dropdown {\n background: rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(76, 175, 80, 0.4);\n color: #E3E3DC;\n padding: 0.4rem 0.6rem !important;\n border-radius: 4px !important;\n font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n font-family: 'Montserrat', sans-serif;\n cursor: pointer;\n transition: all 0.3s ease;\n outline: none;\n }\n .sort-dropdown:hover {\n border-color: #4CAF50;\n background: rgba(0, 0, 0, 0.8);\n }\n .sort-dropdown:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n }\n .comments-header {\n color: #4CAF50;\n font-size: clamp(1.1rem, 3vw, 1.3rem);\n margin-bottom: 2rem !important;\n font-weight: 600;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-wrap: wrap;\n transition: color 0.3s ease;\n }\n.comment-item {\n background: rgba(0,0,0,0.4);\n border-radius: 8px;\n padding: 1.2rem;\n margin-bottom: 1.5rem !important;\n border-left: 3px solid #4CAF50;\n width: auto;\n max-width: 100%;\n box-sizing: border-box;\n transition: background-color 0.3s ease, border-color 0.3s ease;\n overflow-wrap: break-word;\n word-wrap: break-word;\n position: relative; \n }\n \n .comment-container {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n .comment-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n gap: 1rem;\n min-height: 2rem;\n }\n .comment-author {\n color: #F4C542;\n font-weight: 600;\n font-size: clamp(0.9rem, 2.5vw, 1rem);\n transition: color 0.3s ease;\n }\n .comment-date {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n transition: color 0.3s ease;\n }\n .comment-text {\n color: #E3E3DC;\n line-height: 1.5;\n font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n word-wrap: break-word;\n overflow-wrap: break-word;\n margin-bottom: 1rem;\n transition: color 0.3s ease;\n }\n .comment-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 1rem;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n transition: border-color 0.3s ease;\n }\n .comment-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n background: transparent;\n border: 1px solid rgba(76, 175, 80, 0.5);\n color: #4CAF50;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n min-width: 50px;\n justify-content: center;\n white-space: nowrap;\n height: 32px;\n box-sizing: border-box;\n }\n .comment-like-btn:hover,\n .comment-reply-btn:hover {\n background: rgba(76, 175, 80, 0.1);\n border-color: #4CAF50;\n transform: translateY(-1px);\n }\n .comment-like-btn.liked {\n background: rgba(76, 175, 80, 0.2);\n border-color: #4CAF50;\n color: #4CAF50;\n }\n .comment-dislike-btn {\n border-color: rgba(255, 107, 107, 0.5);\n color: #ff6b6b;\n margin-left: 0.2rem;\n }\n .comment-dislike-btn:hover {\n background: rgba(255, 107, 107, 0.1);\n border-color: #ff6b6b;\n transform: translateY(-1px);\n }\n .comment-dislike-btn.disliked {\n background: rgba(255, 107, 107, 0.2);\n border-color: #ff6b6b;\n color: #ff6b6b;\n }\n .comment-like-count {\n color: #E3E3DC;\n opacity: 0.7;\n font-size: clamp(0.7rem, 2vw, 0.8rem);\n font-weight: 500;\n transition: color 0.3s ease;\n }\n .like-count, .dislike-count {\n font-weight: 600;\n margin-left: 0.2rem;\n }\n \n \/* Reply indicator styles *\/\n .reply-indicator {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.8rem;\n padding: 0.4rem 0.8rem;\n background: rgba(76, 175, 80, 0.08);\n border: 1px solid rgba(76, 175, 80, 0.2);\n border-radius: 12px;\n font-size: 0.85rem;\n color: #4CAF50;\n transition: all 0.3s ease;\n }\n \n .reply-icon {\n font-size: 1rem;\n font-weight: bold;\n color: #4CAF50;\n opacity: 0.8;\n }\n \n .reply-text {\n color: #E3E3DC;\n font-size: 0.8rem;\n opacity: 0.9;\n }\n \n .reply-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n \n \/* Read More Button Styles *\/\n .read-more-btn {\n background: transparent;\n border: 1px solid rgba(244, 197, 66, 0.5);\n color: #F4C542;\n padding: 0.3rem 0.8rem;\n border-radius: 15px;\n cursor: pointer;\n font-size: 0.8rem;\n font-weight: 500;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n transition: all 0.3s ease;\n display: inline-block;\n }\n \n .read-more-btn:hover {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n transform: translateY(-1px);\n }\n \n .read-more-btn.expanded {\n background: rgba(244, 197, 66, 0.1);\n border-color: #F4C542;\n }\n \n \/* Thread connection line for visual hierarchy *\/\n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n content: '';\n position: absolute;\n left: -6px;\n top: -8px;\n bottom: 50%;\n width: 2px;\n background: linear-gradient(to bottom, \n rgba(76, 175, 80, 0.4) 0%, \n rgba(76, 175, 80, 0.2) 50%, \n transparent 100%);\n border-radius: 1px;\n }\n #cancelReplyBtn {\n background: transparent !important;\n border: 1px solid #ff6b6b !important;\n color: #ff6b6b !important;\n padding: 0.6rem 1rem !important;\n border-radius: 6px !important;\n cursor: pointer !important;\n font-size: 0.9rem !important;\n margin-left: 1rem !important;\n transition: all 0.3s ease !important;\n font-family: 'Montserrat', sans-serif !important;\n }\n #cancelReplyBtn:hover {\n background: rgba(255, 107, 107, 0.1) !important;\n transform: translateY(-1px) !important;\n }\n .no-comments-message {\n text-align: center;\n color: #E3E3DC;\n opacity: 0.7;\n padding: 2rem;\n font-style: italic;\n transition: all 0.3s ease;\n }\n\n \/* Inline reply system styles *\/\n .inline-reply-form {\n background: rgba(76, 175, 80, 0.05);\n border: 1px solid rgba(76, 175, 80, 0.3);\n border-radius: 8px;\n padding: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n opacity: 0;\n transform: translateY(-10px);\n transition: all 0.3s ease;\n }\n \n .inline-reply-form.show {\n opacity: 1;\n transform: translateY(0);\n }\n \n .inline-reply-form h5 {\n color: #F4C542;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .inline-reply-email {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 0.8rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-email:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-email::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n \/* FIXED: Inline reply form placeholder styling for light theme *\/\n body.light-theme .inline-reply-email::placeholder,\n html.light-theme .inline-reply-email::placeholder,\n body.light-theme .inline-reply-textarea::placeholder,\n html.light-theme .inline-reply-textarea::placeholder {\n color: rgba(42, 42, 42, 0.8) !important;\n }\n \n \/* FIXED: Username display text visibility in light theme *\/\n body.light-theme .username-display:not(.authenticated),\n html.light-theme .username-display:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .username-display.authenticated,\n html.light-theme .username-display.authenticated {\n color: #B8860B !important;\n }\n \n \/* FIXED: Inline reply username display visibility in light theme *\/\n body.light-theme .inline-reply-username:not(.authenticated),\n html.light-theme .inline-reply-username:not(.authenticated) {\n color: #333333 !important;\n }\n \n body.light-theme .inline-reply-username.authenticated,\n html.light-theme .inline-reply-username.authenticated {\n color: #B8860B !important;\n }\n \n .inline-reply-textarea {\n width: 100%;\n padding: 0.8rem;\n border: 1px solid rgba(76, 175, 80, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border-radius: 6px;\n font-size: 0.9rem;\n font-family: 'Montserrat', sans-serif;\n height: 80px;\n resize: vertical;\n margin-bottom: 1rem;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n \n .inline-reply-textarea:focus {\n outline: none;\n border-color: #4CAF50;\n background: rgba(255, 255, 255, 0.08);\n }\n \n .inline-reply-textarea::placeholder {\n color: rgba(255, 255, 255, 0.6);\n }\n \n .inline-reply-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .inline-reply-submit {\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 6px;\n padding: 0.8rem 1.2rem;\n color: #fff;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n flex: 1;\n min-width: 100px;\n }\n \n .inline-reply-submit:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n }\n \n .inline-reply-submit:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n \n .inline-reply-cancel {\n background: transparent;\n border: 1px solid #ff6b6b;\n color: #ff6b6b;\n padding: 0.8rem 1.2rem;\n border-radius: 6px;\n cursor: pointer;\n font-size: 0.9rem;\n font-weight: 500;\n transition: all 0.3s ease;\n flex: 0 0 auto;\n }\n \n .inline-reply-cancel:hover {\n background: rgba(255, 107, 107, 0.1);\n transform: translateY(-1px);\n }\n \n .inline-reply-status {\n width: 100%;\n text-align: center;\n padding: 0.8rem;\n border-radius: 6px;\n margin-top: 1rem;\n font-weight: 600;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .inline-reply-status.show {\n opacity: 1;\n }\n \n .inline-reply-status.success {\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.3);\n color: #4CAF50;\n }\n \n .inline-reply-status.error {\n background: rgba(255, 107, 107, 0.1);\n border: 1px solid rgba(255, 107, 107, 0.3);\n color: #ff6b6b;\n }\n\n \/* ============================================================================ *\/\n \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n \/* ============================================================================ *\/\n \n \/* Light theme styles for dynamically created comments *\/\n body.light-theme .comment-item,\n html.light-theme .comment-item {\n background: rgba(0,0,0,0.05) !important;\n border-left: 3px solid #B8860B !important;\n }\n\n body.light-theme .comment-text,\n html.light-theme .comment-text {\n color: #333333 !important;\n }\n\n body.light-theme .comment-author,\n html.light-theme .comment-author {\n color: #B8860B !important;\n }\n\n body.light-theme .comment-date,\n html.light-theme .comment-date {\n color: #666666 !important;\n }\n\n body.light-theme .comment-footer,\n html.light-theme .comment-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n }\n\n body.light-theme .comment-like-count,\n html.light-theme .comment-like-count {\n color: #666666 !important;\n }\n\n body.light-theme .comments-header,\n html.light-theme .comments-header {\n color: #B8860B !important;\n }\n\n body.light-theme .no-comments-message,\n html.light-theme .no-comments-message {\n color: #666666 !important;\n }\n\n \/* Light theme styles for reply indicators in dynamically created comments *\/\n body.light-theme .reply-text,\n html.light-theme .reply-text {\n color: #666666 !important;\n }\n\n body.light-theme .reply-text strong,\n html.light-theme .reply-text strong {\n color: #B8860B !important;\n }\n\n \/* Light theme styles for comment action buttons *\/\n body.light-theme .comment-like-btn,\n html.light-theme .comment-like-btn,\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn,\n body.light-theme .comment-reply-btn,\n html.light-theme .comment-reply-btn {\n border-color: rgba(184, 134, 11, 0.5) !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn:hover,\n html.light-theme .comment-like-btn:hover,\n body.light-theme .comment-reply-btn:hover,\n html.light-theme .comment-reply-btn:hover {\n background: rgba(184, 134, 11, 0.1) !important;\n border-color: #B8860B !important;\n }\n\n body.light-theme .comment-like-btn.liked,\n html.light-theme .comment-like-btn.liked {\n background: rgba(184, 134, 11, 0.2) !important;\n border-color: #B8860B !important;\n color: #B8860B !important;\n }\n\n body.light-theme .comment-dislike-btn,\n html.light-theme .comment-dislike-btn {\n border-color: rgba(204, 85, 85, 0.5) !important;\n color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn:hover,\n html.light-theme .comment-dislike-btn:hover {\n background: rgba(204, 85, 85, 0.1) !important;\n border-color: #cc5555 !important;\n }\n\n body.light-theme .comment-dislike-btn.disliked,\n html.light-theme .comment-dislike-btn.disliked {\n background: rgba(204, 85, 85, 0.2) !important;\n border-color: #cc5555 !important;\n color: #cc5555 !important;\n }\n\n \/* CTA Button Styles *\/\n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #F4C542, #E6B82E);\n color: #000;\n padding: 1rem 3rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n border: none;\n cursor: pointer;\n }\n\n .cta-button:hover {\n transform: translateY(-3px) !important;\n box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n }\n\n \/* CTA Section Styles *\/\n .cta-section {\n text-align: center;\n margin: 4rem auto;\n max-width: 950px;\n padding: 2rem;\n }\n\n \/* Enhanced Typography *\/\n .content-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* Better desktop image sizing for large screens *\/\n @media (min-width: 1200px) {\n .center-image img {\n max-width: 60%;\n }\n \n .section-image {\n max-width: 400px;\n }\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .tbos-container {\n padding: 0 1rem;\n }\n\n .content-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n \n \/* FIXED: Mobile list font sizes to be normal *\/\n .content-card li {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n }\n\n .media-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .keep-learning-section {\n padding: 1.5rem;\n margin: 2rem auto;\n position: relative;\n z-index: 1;\n }\n\n .signup-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .signup-text h3,\n .signup-text p {\n text-align: center;\n }\n\n .signup-form-container {\n position: relative;\n z-index: 2;\n }\n\n .signup-form-container input {\n width: 100%;\n position: relative;\n z-index: 3;\n }\n\n .signup-form-container button {\n width: 100%;\n position: relative;\n z-index: 3;\n margin-bottom: 0.5rem;\n }\n\n .form-note {\n margin-top: 1rem;\n position: relative;\n z-index: 4;\n clear: both;\n display: block;\n width: 100%;\n padding-top: 0.5rem;\n }\n\n #formMessage {\n position: relative;\n z-index: 5;\n clear: both;\n margin-top: 1.5rem;\n display: block;\n width: 100%;\n box-sizing: border-box;\n padding: 1rem;\n text-align: center;\n font-weight: 600;\n }\n\n .engagement-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .engagement-container {\n padding: 2rem 1.5rem;\n }\n .engagement-content {\n text-align: center;\n min-height: auto;\n position: static;\n margin-bottom: 1rem;\n }\n\n .split-content {\n flex-direction: column;\n gap: 2rem;\n }\n\n .split-content img {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n \/* FIXED: Mobile list font sizes for smaller screens *\/\n .content-card li {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n }\n \n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Progress bar -->\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n <!-- Audio Elements (Hidden) -->\n <div style=\"display: none;\">\n <audio id=\"nightTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n \n <audio id=\"dayTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/div>\n \n<!-- Lightbox -->\n <div id=\"lightbox\" class=\"lightbox\">\n <span class=\"lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/span>\n <img class=\"lightbox-content\" id=\"lightbox-img\">\n <\/div>\n \n <section class=\"article-page\">\n <div class=\"tbos-container\">\n <!-- Title Section -->\n <div class=\"title-section\">\n <h1 class=\"article-title\">Por Qu\u00e9 Existe Two Birds One Stoned \ud83d\udc26\u200d\u2b1b<\/h1>\n <p class=\"article-subtitle\">Las historias personales que desencadenaron una misi\u00f3n para cambiar las conversaciones sobre cannabis<\/p>\n \n <!-- Theme Toggle -->\n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- Navigation Hint -->\n <div class=\"nav-hint\">\n \u2193 \u00bfListo para sumergirte en mi historia personal? Aqu\u00ed est\u00e1 el desglose completo \u2193\n <\/div>\n\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- Written Content Section -->\n <div class=\"content-section\">\n <h2 class=\"content-section-title\">Por Qu\u00e9 Existe Two Birds One Stoned \ud83d\udc26\u200d\u2b1b<\/h2>\n\n <!-- What made me decide to build this site? -->\n <div class=\"content-card\">\n <h3>\u00bfQu\u00e9 me hizo decidir construir este sitio?<\/h3>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\" alt=\"Cannabis users don't all look the same\">\n <p style=\"font-style: italic; color: #F4C542; font-size: 1.1rem; margin-top: 1rem;\">(Los usuarios de cannabis no todos se ven iguales. Porque no lo son)<\/p>\n <\/div>\n \n <p class=\"content-text\">Hola compa\u00f1ero humano,<\/p>\n <p class=\"content-text\">S\u00e9 que debes estar ocupado as\u00ed que lo har\u00e9 r\u00e1pido.<\/p>\n <p class=\"content-text\">Para ir directo al grano.<\/p>\n <p class=\"content-text\">Un gran amigo m\u00edo perdi\u00f3 cuatro a\u00f1os de alojamiento universitario porque fum\u00f3 un porro fuera de su bloque de apartamentos.<\/p>\n <p class=\"content-text\">Otro fue arrastrado a los tribunales en Irlanda por tener hierba por valor de \u20ac0,50. Eso no es un error tipogr\u00e1fico. Cincuenta c\u00e9ntimos. En el tribunal de distrito. Esto fue hace 3 a\u00f1os.<\/p>\n <p class=\"content-text\">Y a m\u00ed me cachearon, me filmaron desnudo y me negaron la entrada a un festival, todo por un par de porros<\/p>\n \n <p class=\"content-text translation-block\">La inconsistencia y dureza de estas interacciones me hicieron cuestionar por qu\u00e9 el cannabis carga tanto estigma. La forma en que la sociedad maneja el cannabis hoy se siente totalmente desconectada. Sabiendo que estas eran solo <strong>mis propias<\/strong> experiencias personales, sab\u00eda que hab\u00eda m\u00e1s gente por ah\u00ed con historias como estas.<\/p>\n <p class=\"content-text\">La acumulaci\u00f3n de estos momentos me inspir\u00f3 a iniciar esta conversaci\u00f3n.<\/p>\n <\/div>\n\n <!-- Personal Mission Section -->\n <div class=\"content-card\">\n <h3>\u00bfQu\u00e9 va a pasar aqu\u00ed?<\/h3>\n \n <p class=\"content-text\">Van a pasar dos cosas:<\/p>\n <ul>\n <li class=\"translation-block\"><strong>Educar de forma segura al p\u00fablico sobre el cannabis<\/strong> - para que si interact\u00faas con \u00e9l, puedas hacerlo de manera segura e informada.<\/li>\n <li class=\"translation-block\"><strong>Romper y desarrollar el estigma que rodea al cannabis<\/strong> - esto simplemente necesita hacerse, as\u00ed que aqu\u00ed estamos.<\/li>\n <\/ul>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Regular-cannabis-users.png\" alt=\"Regular Cannabis Users\">\n <div class=\"text-content\">\n <p class=\"content-text\">e conocido a enfermeras, ingenieros, contables, baristas, mec\u00e1nicos, cient\u00edficos, due\u00f1os de negocios, atletas, doctores, electricistas, fontaneros, matronas y la lista contin\u00faa, que han consumido cannabis y son personas muy motivadas, funcionales y saludables. Y esto es solo yo personalmente.<\/p>\n \n <p class=\"content-text\">S\u00e9 que hay un mundo de gente ah\u00ed fuera que puede coexistir con el cannabis y vivir una vida plena. La prueba viviente est\u00e1 en todas partes, solo que no siempre oyes hablar de ello.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"highlight-box\">\n <p class=\"content-text\">Nadie deber\u00eda sentirse raro o avergonzado por encender. \u00bfDisfrutas un poco de hierba? Genial. Tambi\u00e9n lo hacen millones de otras personas, y est\u00e1n aqu\u00ed prosperando. Es hora de que dejemos de susurrar y empecemos a asumirlo.<\/p>\n <\/div>\n <p class=\"content-text\">El cannabis puede enriquecer una vida con estructura, prop\u00f3sito y salud. Sin eso, puede lentamente quitar m\u00e1s de lo que da.<\/p>\n <\/div>\n\n <!-- The University Story -->\n <div class=\"content-card\">\n <h3>D\u00e9jame Compartir las Historias<\/h3>\n <p class=\"content-text\">Entonces, \u00bfpor qu\u00e9 he decidido hacer esto? \u00bfPor qu\u00e9 pasar todo mi tiempo libre en algo as\u00ed?<\/p>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Kicked-out-of-accommadation.png\" alt=\"Kicked out of accommodation\">\n <div class=\"text-content\">\n <h4>La Historia de la Universidad<\/h4>\n <p class=\"content-text\">Ten\u00eda 18 a\u00f1os, reci\u00e9n empezando la uni, cuando atraparon a uno de mis mejores amigos, inteligente, motivado, con la cabeza bien puesta, fumando un porro fuera de su apartamento. La universidad le prohibi\u00f3 todo alojamiento en el campus. Un momento. Cuatro a\u00f1os perdidos. Mientras el resto de nosotros disfrut\u00e1bamos de la vida universitaria, \u00e9l fue excluido por un poco de hierba.<\/p>\n \n <p class=\"content-text\">Esta fue una decisi\u00f3n que no lastim\u00f3 a nadie, que muchos de nosotros tomamos, \u00e9l solo tuvo la mala suerte de ser atrapado. Y por eso, se perdi\u00f3 algunas grandes experiencias de vida.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"highlight-box\">\n <p class=\"content-text\">Sigui\u00f3 adelante para crear la sociedad de emprendimiento de la Universidad, graduarse con un t\u00edtulo de primera clase con honores, trabajar para una empresa multinacional, y ahora est\u00e1 comprometido y construyendo una casa. Un porro no lo defini\u00f3, pero las reglas intentaron hacerlo. Mientras tanto, el pub de la universidad (s\u00ed el stables) estaba lleno todas las noches, y a nadie le import\u00f3. Y siendo justos, probablemente yo tambi\u00e9n estaba en el pub pas\u00e1ndola genial. Pero esa fue la primera vez que pens\u00e9 \"hmmm eso no cuadra\".<\/p>\n <\/div>\n <\/div>\n\n <!-- The 50 Cent Story -->\n <div class=\"content-card\">\n <h3>\u20ac0.50 de Cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Joe-Doean-Docuemnt.png\" alt=\"Court document\">\n <div class=\"text-content\">\n <p class=\"content-text\">Esta historia es real y le pas\u00f3 a uno de mis mejores amigos. Durante COVID lo atraparon apagando el final de un porro. Estaba de vuelta en casa, lo vieron, le pusieron una multa y lo citaron a los tribunales por la Garda\u00ed (Polic\u00eda). Nos mostr\u00f3 la hoja de cargos. No te miento, dec\u00eda as\u00ed:<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">\"En la fecha y ubicaci\u00f3n mencionadas, se te encontr\u00f3 en posesi\u00f3n de cannabis valorado en aproximadamente \u20ac0.50. Esto fue detectado durante una parada y registro de rutina por An Garda S\u00edoch\u00e1na bajo la Ley de Uso Indebido de Drogas de 1977, Secci\u00f3n 23 (poder de registrar a personas sospechosas de poseer drogas).\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"content-text\">John Doean, mi hermano, \u00bfen qu\u00e9 estabas pensando? Criminal. 50 c\u00e9ntimos.. El t\u00edo fue pillado con el pito ardiente y tuvo que ir a los tribunales. 50 c\u00e9ntimos equivalen a 24 miligramos de hierba. Es como ser atrapado con un cuarto de chupito de caf\u00e9. Lo siento pero qu\u00e9. Santo ni\u00f1o Jes\u00fas. Es genuinamente confuso c\u00f3mo pas\u00f3 esto. Quiero decir, \u00bfaqu\u00ed es donde nuestro gobierno estaba poniendo sus recursos? \u00bfDurante una pandemia global? A los chicos y chicas en la casa de Leinster, saben que esto es una locura, no hay dos formas de verlo.<\/p>\n \n <p class=\"content-text\">Honestamente, \u00bfd\u00f3nde empiezas y terminas con algo as\u00ed? jaja<\/p>\n <\/div>\n\n <!-- Festival Story -->\n <div class=\"content-card\">\n <h3>Mi Experiencia en el Festival<\/h3>\n <p class=\"content-text\">Y finalmente, el que lo hizo personal para m\u00ed. Lo que inici\u00f3 esta idea. Mi propia interacci\u00f3n con los chicos de azul y el cannabis. Esta vez en Australia. Pens\u00e9 que lo mantendr\u00eda tranquilo, liar unos porros y disfrutar de la m\u00fasica.<\/p>\n \n <p class=\"content-text\">En cambio, me encontr\u00e9 en una carpa policial, mostr\u00e1ndolo todo a los oficiales con su c\u00e1mara grabadora. Ser filmado desnudo fue un poco mucho pero consiguieron lo que consiguieron. \u00bfLa multa y la advertencia? Justo, romp\u00ed la ley. Pero el contraste fue chocante, miles dentro, bebiendo libremente, mientras yo era tratado como un criminal. El perrito policial me la jug\u00f3. A\u00fan lo amo. Culpa m\u00eda realmente.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">As\u00ed que estoy caminando a casa, un poco colocado, un poco cabreado y simplemente decid\u00ed: ya est\u00e1, voy a cambiar c\u00f3mo la gente ve el cannabis. Ese fue el momento. Todas las historias, toda la locura, me hicieron empezar a preguntarme: \u00bfpor qu\u00e9 demonios todav\u00eda hay restricciones tan rid\u00edculas sobre algo que est\u00e1 ayudando a la gente a vivir mejores vidas... mientras otros siguen siendo castigados solo por tenerlo? Despu\u00e9s de todo lo que hab\u00eda visto, o\u00eddo y pasado, no pod\u00eda simplemente dejarlo. Ten\u00eda que hacer algo al respecto.<\/p>\n <\/div>\n \n <p class=\"content-text\">Shit does not add up when you analyse it. To think these are only my own personal experiences. How many more stories are out there like this?.<\/p>\n \n\n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/baby-saying-hello.jpg\" alt=\"Baby saying hello\" style=\"max-width: 200px;\">\n <\/div>\n \n <p class=\"content-text\">And that's what's brought me here. So hello x<\/p>\n <\/div>\n\n <!-- Responsible Use Section -->\n <div class=\"content-card\">\n <h3>Nebenbemerkung: Cannabis & Verantwortungsvoller Konsum<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Usining-the-bong-too-much.png\" alt=\"Using the bong too much\">\n <div class=\"text-content\">\n <p class=\"content-text\">S\u00e9 que el cannabis es una droga, y como cualquier droga, puede ser abusado. Mucha gente lo usa en exceso, y no estoy aqu\u00ed para pretender que eso no sucede. El cannabis es solo una parte de la ecuaci\u00f3n cuando se trata de salud y bienestar general. Es importante considerar todos los aspectos de tu vida, tu salud mental, salud f\u00edsica, interacciones sociales, productividad y felicidad general.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Si el cannabis se convierte en el <strong>\u00fanico<\/strong> enfoque de tu vida, si todo lo dem\u00e1s comienza a encogerse a su alrededor entonces no tienes una relaci\u00f3n saludable con \u00e9l. Si llegas a casa del trabajo todos los d\u00edas y no haces nada m\u00e1s que fumar del bong, entonces eso no es.<\/p>\n <\/div>\n\n <p class=\"content-text\">Lo que estoy tratando de hacer aqu\u00ed es proporcionar informaci\u00f3n precisa y equilibrada sobre el cannabis para que la gente pueda tomar decisiones informadas. Quiero educar. El cannabis es complejo. Puede ser incre\u00edblemente beneficioso, pero no es perfecto. Como cualquier cosa, requiere un uso responsable, comprensi\u00f3n y conciencia de c\u00f3mo encaja en tu vida en general.<\/p>\n \n <p class=\"content-text\">Por eso estoy aqu\u00ed para darte los hechos, romper el estigma y ayudarte a darle sentido a algo que ha sido malentendido y mal representado durante demasiado tiempo.<\/p>\n \n <p class=\"content-text\">Pero si se integra intencionalmente, como parte de una vida que ya es rica en movimiento, crecimiento y conexi\u00f3n, entonces puede mejorar tu vida de formas reales y significativas.<\/p>\n \n <p class=\"content-text\">Two Birds One Stoned te mostrar\u00e1 a las personas altamente funcionales, exitosas y motivadas que consumen Sweet Mary Jane. Existimos.<\/p>\n <\/div>\n\n <!-- Education Methods -->\n <div class=\"content-card\">\n <h3>\u00bfC\u00f3mo Voy a Educar?<\/h3>\n <p class=\"content-text\">He reunido seis piezas principales de contenido en el sitio hasta ahora:<\/p>\n <ul>\n <li>La Anatom\u00eda de la Planta de Cannabis \ud83c\udf3f<\/li>\n <li>La Historia del Cannabis en la Tierra \ud83c\udf0d<\/li>\n <li>El Sistema Endocannabinoide Explicado \ud83e\udde0<\/li>\n <li>Compuestos del Cannabis: M\u00e1s All\u00e1 del THC \ud83e\uddec<\/li>\n <li>M\u00e9todos de Consumo de Cannabis \ud83c\udf2c\ufe0f<\/li>\n <li>Usos M\u00e9dicos del Cannabis \ud83c\udfe5<\/li>\n <\/ul>\n\n <p class=\"content-text\">He creado varias formas diferentes de abordar estos temas, porque no todos aprenden o escuchan de la misma manera.<\/p>\n \n <p class=\"content-text\">Primero, hay un video r\u00e1pido de 2-3 minutos en YouTube que desglosa los puntos clave. F\u00e1cil de digerir, directo al punto, un buen punto de partida<\/p>\n\n <p class=\"content-text\">Luego est\u00e1 la versi\u00f3n de audio, yo ley\u00e9ndola, m\u00e1s el ocasional divague. Ideal para el trayecto, un paseo o cualquier momento en que no te apetezca mirar una pantalla.<\/p>\n \n <p class=\"content-text\">Y si quieres la historia completa, no solo lo m\u00e1s destacado, t\u00f3mate 5-10 minutos y lee el art\u00edculo. Ah\u00ed es donde obtendr\u00e1s el panorama completo, lo bueno.<\/p>\n \n <p class=\"content-text\">Entiendo que el cannabis puede que no sea tu obsesi\u00f3n principal, la vida est\u00e1 ocupada y todos tenemos cosas en marcha. As\u00ed que si solo ves el video de 2 minutos, eso es una gran victoria. Si despierta tu inter\u00e9s, pon la versi\u00f3n de audio la pr\u00f3xima vez que est\u00e9s en movimiento.<\/p>\n <\/div>\n\n <!-- Endocannabinoid System Highlight -->\n <div class=\"content-card\">\n <h3>El Sistema Endocannabinoide - Mi Descubrimiento Favorito<\/h3>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Your-body-making-its-own-cannabis.png\" alt=\"Your body makes its own cannabis\">\n <\/div>\n \n <p class=\"content-text\">Mi art\u00edculo favorito sobre el que he estado aprendiendo y escribiendo durante los \u00faltimos dos a\u00f1os es \"El sistema Endocannabinoide\". Para m\u00ed, aprender sobre \u00e9l, todo el descubrimiento reciente y la forma en que el sistema funciona dentro de nosotros es alucinante. Una instant\u00e1nea muy r\u00e1pida es la siguiente:<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text\">Cuando consumes cannabis est\u00e1s consumiendo lo que llamamos compuestos cannabinoides, como THC y CBD. Lo que hemos descubierto (en 1988) es que las c\u00e9lulas de tu propio cuerpo, ahora mismo, est\u00e1n produciendo exactamente el mismo tipo de compuestos, naturalmente dentro de ti. Algo de lo que no ten\u00edamos idea antes de 1988.<\/p>\n <\/div>\n\n <p class=\"content-text\">Yyyyyyy parece que es un descubrimiento bastante enorme.<\/p>\n \n <p class=\"content-text\">Por ejemplo, toma a Jo Cameron, una mujer en Escocia que literalmente no puede sentir dolor. Ni durante el parto, ni despu\u00e9s de la cirug\u00eda. No se dio cuenta de que su piel se estaba quemando, hasta que oli\u00f3 su propia carne ardiendo. Los cient\u00edficos finalmente descubrieron que su cuerpo produce niveles alt\u00edsimos de endocannabinoides naturales. No estaba entumecida, estaba saturada. Su cuerpo estaba constantemente activando este sistema. Y ni ella, ni el resto de nosotros, ten\u00edamos idea.<\/p>\n \n <p class=\"content-text\">Junto con eso, si alguna vez has experimentado un \"subid\u00f3n del corredor\". Esa sensaci\u00f3n de euforia y felicidad despu\u00e9s de ejercicio intenso como correr, levantar pesas o nadar, \u00bfadivina qu\u00e9 lo facilita? Tu sistema endocannabinoide. Es tu propio cuerpo produciendo sus propios compuestos similares al cannabis dentro de ti, que te dan la sensaci\u00f3n de euforia y felicidad.<\/p>\n \n <p class=\"content-text\">As\u00ed que vas y aplastas ese press de banca\/sentadilla m\u00e1xima o corres esa milla cronometrada, luego esa buena sensaci\u00f3n te recorre.<\/p>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Runners-high-anadamide.png\" alt=\"Runner's high anandamide\">\n <\/div>\n \n <p class=\"content-text\">Lo que est\u00e1 pasando ah\u00ed es que tu masa corporal produce anandamida, (AEA en corto), tu propio compuesto similar al cannabis (descubierto en 1992) que se une a receptores que luego permite la liberaci\u00f3n de dopamina, que luego nos da ese subid\u00f3n natural que experimentamos.<\/p>\n \n <p class=\"content-text\">Todo ten\u00eda sentido. Los humanos hab\u00edan estado interactuando con el cannabis durante miles de a\u00f1os, y ahora sab\u00edamos por qu\u00e9. No est\u00e1bamos introduciendo algo extra\u00f1o a nuestros cuerpos, est\u00e1bamos activando un sistema que ya exist\u00eda dentro de nosotros.<\/p>\n \n <p class=\"content-text\">Tu propio cuerpo produciendo sus propios compuestos similares al cannabis, para recompensarte despu\u00e9s del ejercicio. \u00bfBastante interesante?<\/p>\n \n <div class=\"quote-box\">\n <p class=\"content-text\">Como escribe el Dr. David J. Linden, PhD de Johns Hopkins Medicine. \"El ejercicio aumenta los niveles de endocannabinoides en el torrente sangu\u00edneo. A diferencia de las endorfinas, los endocannabinoides pueden moverse f\u00e1cilmente a trav\u00e9s de la barrera celular que separa el torrente sangu\u00edneo del cerebro, donde estos neuromoduladores mejoradores del estado de \u00e1nimo promueven efectos psicoactivos a corto plazo como la reducci\u00f3n de la ansiedad y sensaciones de calma\"<\/p>\n <\/div>\n \n <p class=\"content-text\">Algo que solo hemos descubierto gracias al cannabis. Este ejemplo particular del sistema endocannabinoide en acci\u00f3n solo rasca la superficie de lo que est\u00e1 sucediendo.<\/p>\n \n <p class=\"content-text\">La relaci\u00f3n entre planta y humano est\u00e1 empezando a tener m\u00e1s sentido.<\/p>\n \n <p class=\"content-text\">As\u00ed que si disfrutas aprender cosas nuevas dale una oportunidad a ese art\u00edculo. Hay conocimiento decente de 3\/4 pintas de profundidad para compartir. Convi\u00e9rtete en el experto del pub por favor x<\/p>\n <\/div>\n\n <!-- Media Fact Checking -->\n <div class=\"content-card\">\n <h3>Yyyyyyy Finalmente<\/h3>\n <p class=\"content-text\" style=\"text-align: center;\">Para cualquiera que est\u00e9 difundiendo noticias alarmistas sobre el cannabis, hola \ud83d\ude42<\/p>\n <p class=\"content-text translation-block\">El peri\u00f3dico diario m\u00e1s vendido de Irlanda public\u00f3 un titular de primera plana afirmando que <strong>5,000 personas fueron hospitalizadas por el uso de cannabis<\/strong>.<\/p>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/irish-Independant-Article.jpg\" alt=\"Irish Independent Article\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Fuente: Irish Independant<\/p>\n<\/div>\n \n <p class=\"content-text\">Lee eso y pensar\u00edas que la planta misma estaba enviando a la gente directamente a urgencias. Ese es el objetivo, hacer que el cannabis suene peligroso, hacer que la gente hable y vender m\u00e1s peri\u00f3dicos. Juego limpio si tu trabajo es vender historias, bien hecho. Pero profundicemos m\u00e1s.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">El n\u00famero fue muy influenciado por el <strong>cannabis sint\u00e9tico<\/strong>, que es una droga completamente diferente.<\/p>\n <p class=\"content-text translation-block\">El cannabis sint\u00e9tico no es cannabis. Son literalmente qu\u00edmicos hechos por el hombre rociados sobre materia vegetal seca para imitar los efectos del THC. Eso es todo. <strong>Sin compuestos naturales, sin flor de cannabis<\/strong>, solo un c\u00f3ctel hecho en laboratorio dise\u00f1ado para evadir las pruebas de drogas.<\/p>\n <p class=\"content-text\">Es m\u00e1s barato de hacer, m\u00e1s f\u00e1cil de distribuir y mucho m\u00e1s peligroso. \u00bfY adivina qu\u00e9? Solo existe porque la planta real es ilegal.<\/p>\n <p class=\"content-text\">Proh\u00edbe la versi\u00f3n natural y creas el mercado para la imitaci\u00f3n t\u00f3xica. Eso no es reducci\u00f3n de da\u00f1os, eso es una pol\u00edtica que sale mal en tiempo real.<\/p>\n <\/div>\n \n <div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Syntehtic-v-Real-cannabis.png\" alt=\"Synthetic vs Real Cannabis\">\n <\/div>\n \n <p class=\"content-text translation-block\">s\u00ed que tal vez en lugar de usar estos n\u00fameros para impulsar el miedo, hagamos una mejor pregunta: <em>\u00bfpor qu\u00e9 la gente est\u00e1 recurriendo a lo sint\u00e9tico en primer lugar?<\/em><\/p>\n \n <p class=\"content-text translation-block\">O en The Echo, que es propiedad del Irish Times, el segundo peri\u00f3dico diario m\u00e1s vendido de Irlanda. Un titular que dice <em><a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_self\">\"Irlanda tiene un problema de drogas, y la legalizaci\u00f3n no es una panacea.\"<\/a><\/em><\/p>\n \n<div class=\"center-image\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/irish-newpaper-image.png\" alt=\"Irish Newspaper Article\">\n <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Fuente: <a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_blank\" style=\"color: #E3E3DC\">https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html<\/a><\/p>\n<\/div>\n \n <p class=\"content-text translation-block\">Entiendo, esa es una discusi\u00f3n que vale la pena tener. \u00bfPero la imagen principal? <strong>Un porro.<\/strong> Aunque el art\u00edculo se centra en muertes por drogas en toda Europa y el cannabis no est\u00e1 asociado con sobredosis fatales.<\/p>\n \n <p class=\"content-text\">\u00bfPor qu\u00e9 usar esa imagen? Se siente deliberado. Este tipo de cosas se acumulan. Peque\u00f1as elecciones, encuadres sutiles, refuerzo constante de la misma narrativa anticuada.<\/p>\n \n <p class=\"content-text\">Soy irland\u00e9s, as\u00ed que principalmente veo lo que se est\u00e1 impulsando en los medios por aqu\u00ed. Por eso he dado estos ejemplos, pero existe en todas partes.<\/p>\n \n <p class=\"content-text translation-block\">Por ejemplo, al otro lado del charco en Inglaterra. Un Comisionado de Polic\u00eda en <strong>julio de 2025<\/strong>, compar\u00f3 el cannabis con el c\u00e1ncer, la psicosis y los defectos de nacimiento, y pidi\u00f3 que se reclasificara como una droga de Clase A, poni\u00e9ndola a la par con la hero\u00edna.<\/p>\n \n <p class=\"content-text translation-block\">Junto con eso, en el mismo mes <strong>(julio de 2025)<\/strong>, algunos de los funcionarios policiales de m\u00e1s alto rango en el Reino Unido, incluido el director del Colegio de Polic\u00eda (el tipo que literalmente establece el est\u00e1ndar para la polic\u00eda en el pa\u00eds), el Jefe de Polic\u00eda de Greater Manchester y el Jefe de Polic\u00eda de Merseyside hicieron una declaraci\u00f3n p\u00fablica conjunta pidiendo una postura m\u00e1s dura sobre el cannabis. Dijeron que el <strong>olor del cannabis es una se\u00f1al de crimen y desorden<\/strong>. Con esa l\u00f3gica, el olor a pintura fresca es se\u00f1al de renovaci\u00f3n ilegal y el olor a gasolina significa que alguien planea un incendio provocado.<\/p>\n \n <p class=\"content-text translation-block\"><strong>Deja que eso cale<\/strong>. En su propio pa\u00eds donde afirman que el cannabis es \"cr\u00f3nicamente peligroso\", la planta est\u00e1 siendo recetada por m\u00e9dicos, incluido el NHS, para ayudar a pacientes con enfermedades graves. Geniaaaaaal.<\/p>\n \n <p class=\"content-text\">El estigma no apareci\u00f3 de la noche a la ma\u00f1ana. Se construy\u00f3, art\u00edculo por art\u00edculo, titular por titular. As\u00ed que ahora es nuestro turno de empezar a derribarlo.<\/p>\n \n <p class=\"content-text translation-block\">Una publicaci\u00f3n a la vez. La verdad es m\u00e1s dif\u00edcil de ignorar. <a href=\"https:\/\/www.youtube.com\/watch?v=4w4ZHukivB8\" target=\"_blank\">Vamos en camino.<\/a><\/p>\n <\/div>\n \n <!-- Life Perspective Section -->\n <div class=\"content-card\">\n <h3>Una Perspectiva R\u00e1pida de la Vida<\/h3>\n <p class=\"content-text\">Ahora con eso espero que todos teng\u00e1is un d\u00eda incre\u00edble. Completamente fuera de tema. Recuerden que todos nos habremos ido en 70 a\u00f1os m\u00e1s o menos, as\u00ed que nada de lo que acabo de escribir o has le\u00eddo importar\u00e1 a ninguno de nosotros. \u00bfPor qu\u00e9?<\/p>\n \n <p class=\"content-text\">Porque todos nos habremos ido. Yo me habr\u00e9 ido, t\u00fa te habr\u00e1s ido, y las cosas que te estresan hoy ser\u00e1n tan irrelevantes como la lluvia de ayer. Hay una extra\u00f1a belleza en eso. As\u00ed que lo que sea que te est\u00e9 bajando, respira. Sonr\u00ede. Date todas las oportunidades para ser feliz.<\/p>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Lotto-v-life.png\" alt=\"Lottery vs Life\">\n <div class=\"text-content\">\n <div class=\"highlight-box\">\n <p class=\"content-text\">Aqu\u00ed hay un concepto que me encanta. Imagina ganar la loter\u00eda, 50 millones de d\u00f3lares. Estar\u00edas corriendo por la casa, perdiendo la cabeza. \u00bfCu\u00e1les eran las probabilidades reales de que ganaras? Ahora pausa y date cuenta de esto: las probabilidades de que existas son mucho, mucho menores que ganar esa loter\u00eda. El hecho de que est\u00e9s aqu\u00ed, vivo, respirando, pensando, es bastante extraordinario para ser honesto.<\/p>\n <\/div>\n \n <p class=\"content-text\">Qu\u00e9 loco es que todos lleguemos a existir. Y encima de eso, de alguna manera existir con tus amigos, en este peque\u00f1o planeta en este mismo momento? Es incre\u00edble, nadie sabe por qu\u00e9 se nos dio esta oportunidad pero la tuvimos. Cambiar a la mentalidad de ser extremadamente afortunado de experimentar la tierra puede ayudar.<\/p>\n <\/div>\n <\/div>\n <p class=\"content-text\">As\u00ed que s\u00ed, la vida puede ser desordenada, estresante e incluso francamente rid\u00edcula a veces, pero tambi\u00e9n es un regalo masivo e improbable.<\/p>\n \n <p class=\"content-text\">Cuando la vida se siente pesada, recu\u00e9rdate: nada de esto importar\u00e1 pronto. As\u00ed que sonr\u00ede, disfruta el viaje y aprovechemos al m\u00e1ximo esta loca oportunidad que nos han dado. Est\u00e1s ganando solo por estar aqu\u00ed. \u270c\ufe0f<\/p>\n \n <p class=\"content-text\">Menudo pesado predicador estoy hecho.<\/p>\n \n <p class=\"content-text\">Paz x<\/p>\n <\/div>\n\n <!-- Personal Note: For John - WITH CORRECT JPG URL -->\n<div class=\"content-card\">\n <h3>Una Nota Personal: Para John<\/h3>\n <p class=\"content-text\">No estaba seguro si compartir esto o no. No quiero ponerme en plan rollo X Factor de mierda, pero lo he pensado y he decidido mencionarlo.<\/p>\n \n <p class=\"content-text\">Hace poco perd\u00ed a uno de mis mejores amigos. Acabas de leer sobre \u00e9l.<\/p>\n \n <p class=\"content-text\">El amigo al que llam\u00e9 'John Doean', el que llevaron a juicio por \u20ac0.50 de hierba, en realidad no se llamaba as\u00ed.<\/p>\n \n <p class=\"content-text\">Su verdadero nombre era John Dolan. Falleci\u00f3 a finales de octubre de 2025, despu\u00e9s de una enfermedad muy repentina.<\/p>\n \n <p class=\"content-text\">Cuando escrib\u00ed esto originalmente, pens\u00e9 que ser\u00eda ingenioso usar 'John Doe', como har\u00edas en un caso legal para proteger la identidad de alguien. Pero lo hice 'John Doean' como un juego entre John Doe y John Dolan. Si eres de donde yo soy o conoc\u00edas a John, lo habr\u00edas pillado enseguida. Ese era el objetivo.<\/p>\n \n <p class=\"content-text\">\u00bfPor qu\u00e9 te cuento esto y escribo sobre ello? Me lo he debatido mucho. \u00bfImporta para el panorama general? Que John ya no est\u00e9 no cambia c\u00f3mo se ve el cannabis.<\/p>\n \n <p class=\"content-text\">O tal vez s\u00ed.<\/p>\n \n <p class=\"content-text\">La verdad es que s\u00e9 que no estoy solo en querer cambiar c\u00f3mo se ve el cannabis. Lo que s\u00ed s\u00e9 es que tengo al menos una persona que estaba de acuerdo conmigo en c\u00f3mo necesitamos cambiar la forma en que se ve el cannabis, y ese era John.<\/p>\n \n <!-- UPDATED WITH JPG URL -->\n <p class=\"content-text\">Cuando le ped\u00ed su hoja de cargos original para este sitio en febrero, su respuesta fue cl\u00e1sica de Dolan: <em><a href=\"javascript:void(0);\" onclick=\"openLightbox('https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-12-at-4.18.52%E2%80%AFpm.jpg')\" style=\"color: #4CAF50; text-decoration: underline; cursor: pointer;\">\"Obviamente estoy de acuerdo contigo en que fue la cadena de eventos m\u00e1s est\u00fapida, retr\u00f3grada y sin sentido y apoyar\u00eda totalmente la legalizaci\u00f3n jaja\"<\/a><\/em><\/p>\n \n <p class=\"content-text\">Quiero hacer un reconocimiento a mi amigo John. Ego\u00edstamente, quiero que sea parte de este mensaje y visi\u00f3n de lo que est\u00e1 pasando aqu\u00ed. Quiero que cualquiera que lo conoci\u00f3 sepa cu\u00e1nto signific\u00f3 para nuestro grupo de amigos. Ayud\u00f3 a dar forma a nuestras vidas y a este proyecto para m\u00ed especialmente.<\/p>\n \n <p class=\"content-text\">John era real, su caso era real, y su apoyo para cambiar este estigma y sistema retr\u00f3grado era real.<\/p>\n \n <p class=\"content-text\">No voy a mentir, la vida duele de cojones ahora mismo. Pero as\u00ed es la vida y todos pasaremos por ello en alg\u00fan momento. Algo as\u00ed solo solidifica lo que quiero hacer con mi vida. En lo que quiero trabajar, construir, perseguir e intentar lograr. S\u00e9 que eso es lo que \u00e9l quer\u00eda y lo persigui\u00f3 activamente. Quiero llevar esa energ\u00eda y perspectiva de vida a tantas personas como sea posible.<\/p>\n \n <p class=\"content-text\">As\u00ed que dar\u00e9 todo de m\u00ed por \u00e9l.<\/p>\n \n <p class=\"content-text\">As\u00ed que, para ti <a href=\"javascript:void(0);\" onclick=\"openLightbox('https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/11\/DSC_0229-scaled.jpg')\" style=\"color: #4CAF50; text-decoration: underline; cursor: pointer;\">John Dolan<\/a>, te quiero t\u00edo. Todos te echamos much\u00edsimo de menos. Las palabras no llegan a expresar lo que sentimos.<\/p>\n \n <p class=\"content-text\">Falta una pieza del rompecabezas ahora pero las que tocaste siguen manteni\u00e9ndose fuertes juntas. Todos todav\u00eda tenemos muchas piezas, as\u00ed que debemos centrarnos en eso.<\/p>\n \n <p class=\"content-text\">Hasta que nos volvamos a ver, hermano x.<\/p>\n \n <p class=\"content-text\">\u2764\ufe0f<\/p>\n<\/div>\n \n <div class=\"section-divider\"><\/div>\n <\/div>\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- Media Section -->\n <div class=\"media-section\">\n <!-- Video Section -->\n <div class=\"media-card animate-in\">\n <h3>\ud83c\udfac Mira Esta Historia<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Mira el viaje personal detr\u00e1s de esta misi\u00f3n<\/p>\n<!-- Responsive Video Container -->\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n <iframe id=\"tbos-video\" \n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n src=\"https:\/\/www.youtube.com\/embed\/AlybgiRbVdk\" \n data-en=\"AlybgiRbVdk\"\n data-ga=\"Nz_sIJM92U8\"\n data-es=\"CkSyhK3Xq2Y\"\n data-de=\"1zmIdpJ2rlI\"\n data-pt=\"1KfhsLgthm0\"\n data-fr=\"Mlf0IoGTrLE\"\n data-it=\"fqrK26cBY1M\"\n data-pl=\"aPlHv9gsiFs\"\n title=\"Reproductor de v\u00eddeo de YouTube\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n referrerpolicy=\"strict-origin-when-cross-origin\" \n allowfullscreen>\n <\/iframe>\n<\/div>\n\n<script>\n(function() {\n const videoFrame = document.getElementById('tbos-video');\n if (!videoFrame) return;\n \n const currentLang = document.documentElement.lang || 'en';\n \n let langCode = 'en';\n if (currentLang.includes('ga')) langCode = 'ga';\n else if (currentLang.includes('es')) langCode = 'es';\n else if (currentLang.includes('de')) langCode = 'de';\n else if (currentLang.includes('pt')) langCode = 'pt';\n else if (currentLang.includes('fr')) langCode = 'fr';\n else if (currentLang.includes('it')) langCode = 'it';\n else if (currentLang.includes('pl')) langCode = 'pl';\n \n const videoId = videoFrame.dataset[langCode];\n if (videoId) {\n videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n }\n})();\n<\/script>\n <\/div>\n\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- Audio Section -->\n <div class=\"media-card animate-in\" style=\"margin: 4rem auto 3rem auto;\">\n <h3>\ud83c\udfa7 Escucha donde sea<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfect for your commute \u2014 audio-only version<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2PYJXdWXGRpwDl4sRgqPk4?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n\n <!-- Keep Learning Section -->\n <div class=\"keep-learning-section\">\n <div class=\"signup-split\">\n <div class=\"signup-text\">\n <h3>La \u00danica Forma de Mantenerte Actualizado<\/h3>\n <p>El cannabis est\u00e1 evolucionando y cubrimos la ciencia, la investigaci\u00f3n y la cultura. Todo es gratis y directo a tu bandeja de entrada. Sin redes sociales. Solo email. \u00danete si tienes curiosidad.<\/p>\n <ul class=\"benefits-list\">\n <li>\ud83c\udfac Entrevistas y Documentales<\/li>\n <li>\ud83d\udcda Videos y audios educativos<\/li>\n <li>\ud83d\udd2c Informaci\u00f3n e ideas respaldadas por la ciencia<\/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=\"tu@email.com\" required id=\"emailInput\">\n <button type=\"submit\" id=\"emailSubmitBtn\">Recibir Actualizaciones<\/button>\n <p class=\"form-note\">\u27a1\ufe0f Sigue curioso \u2b05\ufe0f<\/p>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n <\/div>\n <\/div>\n <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n <\/div>\n\n <!-- Section Break before comments -->\n <div class=\"section-break\"><\/div>\n \n <!-- SECURE ENGAGEMENT SYSTEM -->\n <div class=\"engagement-container\">\n <div class=\"engagement-split\">\n <div class=\"engagement-content\">\n <h3>\u00bfCu\u00e1l es tu opini\u00f3n?<\/h3>\n <p>\u00bfTienes algo que decir? D\u00e9jalo abajo. Tu voz ayuda a dar forma a lo que viene despu\u00e9s.<\/p>\n <ul class=\"engagement-features\">\n <li>\ud83d\udcad Comparte tus experiencias<\/li>\n <li>\ud83e\udd1d Habla con otros sobre ello<\/li>\n <li>\ud83d\udcda Ayuda a mejorar el contenido futuro<\/li>\n <\/ul>\n <\/div>\n <div class=\"engagement-interaction\">\n <div class=\"comment-form-v1\">\n <h4>C\u00f3mo funciona esto<\/h4>\n <ol>\n <li class=\"translation-block\"><span>Paso 1:<\/span>Elige: Ingresa tu email O comenta an\u00f3nimamente<\/li>\n <li class=\"translation-block\"><span>Paso 2:<\/span>Obt\u00e9n tu nombre de usuario \u00fanico (lo conservas en todo el sitio)<\/li>\n <li class=\"translation-block\"><span>Paso 3:<\/span>Comenta, vota, responde y comparte tus ideas: \u00a1eres parte de la conversaci\u00f3n!<\/li>\n <\/ol>\n <form id=\"secureCommentForm\" action=\"\">\n <!-- HONEYPOT FIELDS - INVISIBLE TO HUMANS -->\n <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n \n <!-- Anonymous toggle -->\n <div class=\"form-group-v1\">\n <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Comenta an\u00f3nimamente (no se requiere correo electr\u00f3nico)<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group-v1\" id=\"emailGroup\">\n <input type=\"email\" id=\"commentEmail\" placeholder=\"tu@email.com\" required>\n <div class=\"username-container\">\n <div class=\"username-display\" id=\"usernameDisplay\">Tu nombre de usuario aparecer\u00e1 aqu\u00ed<\/div>\n <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Obt\u00e9n un nombre de usuario diferente\">\n \ud83d\udd04\n <\/button>\n <\/div>\n <\/div>\n <div class=\"form-group-v1\">\n <textarea id=\"commentText\" placeholder=\"\u00bfQu\u00e9 te pareci\u00f3? \u00bfAlguna pregunta o experiencia que compartir?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n <span id=\"submitText\">Publicar comentario<\/span>\n <\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n <\/div>\n <!-- STATUS MESSAGES -->\n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n <!-- Section Break before comments -->\n <div class=\"section-break\"><\/div>\n \n <!-- COMMENTS DISPLAY -->\n <div class=\"comments-display\">\n <!-- Sort Options -->\n <div class=\"sort-container\">\n <label for=\"commentSort\" class=\"sort-label\">Ordenar por:<\/label>\n <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n <option value=\"recent\">M\u00e1s reciente<\/option>\n <option value=\"liked\">M\u00e1s me gusta<\/option>\n <\/select>\n <\/div>\n \n <div class=\"comments-header\" id=\"commentsHeader\">\n <span>\ud83d\udcad<\/span> Comentarios recientes (<span id=\"commentCount\">0<\/span>)\n <\/div>\n <div id=\"commentsList\">\n <!-- User comments will be dynamically inserted here -->\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Section Break -->\n <div class=\"section-break\"><\/div>\n\n <!-- Go Exploring CTA -->\n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/es\" class=\"cta-button\">\n \ud83c\udf3f Ve a Explorar\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Firebase SDK (needs to be inline module for imports) -->\n <script type=\"module\">\n import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n \/\/ Firebase configuration\n const firebaseConfig = {\n apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n authDomain: \"tbos-site-comments.firebaseapp.com\",\n projectId: \"tbos-site-comments\",\n storageBucket: \"tbos-site-comments.firebasestorage.app\",\n messagingSenderId: \"154628531943\",\n appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n };\n\n \/\/ Initialize Firebase\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const auth = getAuth(app);\n\n \/\/ Make Firebase available globally\n window.firebaseDB = {\n db: db,\n auth: auth,\n collection: collection,\n addDoc: addDoc,\n getDocs: getDocs,\n query: query,\n orderBy: orderBy,\n where: where,\n doc: doc,\n updateDoc: updateDoc,\n deleteDoc: deleteDoc,\n getDoc: getDoc,\n setDoc: setDoc,\n serverTimestamp: serverTimestamp,\n onSnapshot: onSnapshot,\n signInAnonymously: signInAnonymously\n };\n\n console.log('\ud83d\udd25 Firebase initialized successfully');\n <\/script>\n\n <!-- Your External JavaScript Files -->\n <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n \n \/\/ Lightbox functions\n function openLightbox(imgSrc) {\n document.getElementById('lightbox').classList.add('active');\n document.getElementById('lightbox-img').src = imgSrc;\n }\n\n function closeLightbox() {\n document.getElementById('lightbox').classList.remove('active');\n }\n\n \/\/ Close on clicking outside the image\n document.getElementById('lightbox').addEventListener('click', function(e) {\n if (e.target === this) {\n closeLightbox();\n }\n });\n\n \/\/ Close on ESC key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n closeLightbox();\n }\n });\n\n \/\/ Reading progress tracking\n function updateProgressBar() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n }\n\n window.addEventListener('scroll', updateProgressBar);\n\n \/\/ Email signup functionality\n function setupEmailSignup() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n if (!form) return;\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n \/\/ Show loading state\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n \/\/ Create form data\n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n \/\/ Submit to Google Forms\n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n \/\/ Show success message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n \/\/ Clear form\n emailInput.value = '';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n \/\/ Show error message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n \/\/ Reset button\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentEmoji = button.textContent.trim();\n\nif (currentEmoji === '\ud83c\udf19') {\n button.textContent = '\u2600\ufe0f';\n playAudio('dayTimeAudio');\n isDarkTheme = false;\n } else {\n button.textContent = '\ud83c\udf19';\n playAudio('nightTimeAudio');\n isDarkTheme = true;\n }\n \n toggleTheme();\n }\n\n function playAudio(audioId) {\n const audio = document.getElementById(audioId);\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX AND HEADER\/FOOTER SUPPORT\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n const title = document.querySelector('.article-title');\n const subtitle = document.querySelector('.article-subtitle');\n const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n const toggleButton = document.getElementById('theme-toggle');\n const navHint = document.querySelector('.nav-hint');\n \n \/\/ Comment system selectors\n const engagementContainer = document.querySelector('.engagement-container');\n const commentForm = document.querySelectorAll('.comment-form-v1');\n const commentItems = document.querySelectorAll('.comment-item');\n const sortLabel = document.querySelector('.sort-label');\n const sortDropdown = document.querySelector('.sort-dropdown');\n const commentsHeader = document.querySelector('.comments-header');\n const noCommentsMessage = document.querySelector('.no-comments-message');\n \n \/\/ HEADER SELECTORS - ADDED FOR FIX\n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n \/\/ FOOTER SELECTORS - ADDED FOR FIX\n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME (Day Time)\n console.log('Applying LIGHT theme');\n \n \/\/ Add light theme class to both html and body\n html.classList.add('light-theme');\n body.classList.add('light-theme');\n \n \/\/ Apply cream background\n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR LIGHT THEME - ADDED FOR FIX\n if (header) {\n header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FOR FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR LIGHT THEME - ADDED FOR FIX\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Light cards\n contentCards.forEach(card => {\n if (card.classList.contains('keep-learning-section')) {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n } else {\n card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n }\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Update strong\/highlighted text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Update links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list, .quote-box');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n });\n\n \/\/ Update keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n input.style.setProperty('color', '#333333', 'important');\n input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n }\n }\n });\n \n \/\/ Update title and subtitle\n if (title) {\n title.style.setProperty('color', '#B8860B', 'important');\n title.style.setProperty('text-shadow', 'none', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n \n \/\/ Update nav hint to be black in light mode\n if (navHint) {\n navHint.style.setProperty('color', '#000000', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Update comment system elements for light theme\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n \n \/\/ Fix engagement content headings to be gold\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n \/\/ Fix engagement content text to be black\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix engagement feature list items to be black\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#333333', 'important');\n });\n \n \/\/ Fix username display placeholder text to be black\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#333333', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#333333', 'important');\n });\n \/\/ FIXED: Update Step spans to be gold in light theme\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n sortDropdown.style.setProperty('color', '#333333', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n \n \/\/ Update button style\n toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ Remove light theme class\n html.classList.remove('light-theme');\n body.classList.remove('light-theme');\n \n \/\/ Apply dark background\n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n \/\/ UPDATE HEADER FOR DARK THEME - ADDED FOR FIX\n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FOR FIX\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR DARK THEME - ADDED FOR FIX\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Dark cards\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#1d1d1d', 'important');\n card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n card.style.setProperty('color', '#fff', 'important');\n \n \/\/ Reset headings\n const headings = card.querySelectorAll('h3, h4');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset text\n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset strong\/highlighted text\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#F4C542', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Reset links\n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n \/\/ Reset highlight boxes\n const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list, .quote-box');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #F4C542', 'important');\n highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n });\n\n \/\/ Reset keep learning form elements\n if (card.classList.contains('keep-learning-section')) {\n const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n keepLearningInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#fff', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n });\n \n const keepLearningButton = card.querySelector('.signup-form-container button');\n if (keepLearningButton) {\n keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n }\n }\n });\n \n \/\/ Reset title and subtitle\n if (title) {\n title.style.setProperty('color', '#F4C542', 'important');\n title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n }\n \n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n \n \/\/ Reset nav hint\n if (navHint) {\n navHint.style.setProperty('color', '#F4C542', 'important');\n }\n \n sectionTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset comment system elements\n if (engagementContainer) {\n engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n \/\/ Reset engagement content headings\n const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n engagementHeadings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n \/\/ Reset engagement content text\n const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n engagementTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset engagement feature list items\n const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n engagementFeatures.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n });\n \n \/\/ Reset username display placeholder text\n const usernameDisplay = document.getElementById('usernameDisplay');\n if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n usernameDisplay.style.setProperty('color', '#fff', 'important');\n }\n }\n \n commentForm.forEach(form => {\n form.querySelectorAll('h4, h3').forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n form.querySelectorAll('p, li').forEach(text => {\n text.style.setProperty('color', '#fff', 'important');\n });\n \/\/ Reset Step spans\n form.querySelectorAll('ol li span').forEach(span => {\n span.style.setProperty('color', '#F4C542', 'important');\n });\n });\n \n commentItems.forEach(item => {\n item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n \n const commentText = item.querySelector('.comment-text');\n if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentAuthor = item.querySelector('.comment-author');\n if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n \n const commentDate = item.querySelector('.comment-date');\n if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n \n const commentFooter = item.querySelector('.comment-footer');\n if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n if (sortDropdown) {\n sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n }\n if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n \n \/\/ Reset button style\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n }\n\n \/\/ Initialize page functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Set up animations\n const cards = document.querySelectorAll('.content-card, .media-card');\n \n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('animate-in');\n }\n });\n }, observerOptions);\n \n cards.forEach(card => {\n observer.observe(card);\n });\n \n \/\/ Animate title section on load\n setTimeout(() => {\n const titleSection = document.querySelector('.title-section');\n if (titleSection) {\n titleSection.style.opacity = '1';\n titleSection.style.transform = 'translateY(0)';\n }\n }, 500);\n \n \/\/ Setup email signup\n setupEmailSignup();\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Why Two Birds One Stoned Exists – Personal Stories Behind Cannabis Education Reform × Why Two Birds One Stoned Exists \ud83d\udc26\u200d\u2b1b The personal stories that sparked a mission to change cannabis conversations \ud83c\udf19 \u2193 Ready to dive into my personal story? Here’s the full breakdown \u2193 Why Two Birds One Stoned Exists \ud83d\udc26\u200d\u2b1b What made […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/2350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/comments?post=2350"}],"version-history":[{"count":165,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/2350\/revisions"}],"predecessor-version":[{"id":8030,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/2350\/revisions\/8030"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/media?parent=2350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}