{"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\/pt\/why-two-birds-one-stoned-exists\/","title":{"rendered":"Why Two Birds One Stoned Exists"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2350\" class=\"elementor elementor-2350\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7960b8 e-flex e-con-boxed e-con e-parent\" data-id=\"a7960b8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d955753 elementor-widget elementor-widget-html\" data-id=\"d955753\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- Primary Meta Tags -->\n    <title>Porque Existe a Two Birds One Stoned - Hist\u00f3rias Pessoais Por Tr\u00e1s da Reforma da Educa\u00e7\u00e3o sobre Cannabis<\/title>\n    <meta name=\"title\" content=\"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\">\n    <meta name=\"description\" content=\"As experi\u00eancias pessoais que despertaram a miss\u00e3o da Two Birds One Stoned: desde proibi\u00e7\u00f5es de alojamento universit\u00e1rio at\u00e9 casos judiciais por 50 c\u00eantimos de cannabis. Hist\u00f3rias reais a impulsionar a 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=\"Porque Existe a Two Birds One Stoned - Hist\u00f3rias Pessoais Por Tr\u00e1s da Reforma da Educa\u00e7\u00e3o sobre Cannabis\">\n    <meta property=\"og:description\" content=\"As experi\u00eancias pessoais que despertaram a miss\u00e3o da Two Birds One Stoned: desde proibi\u00e7\u00f5es de alojamento universit\u00e1rio at\u00e9 casos judiciais por 50 c\u00eantimos de cannabis. Hist\u00f3rias reais a impulsionar a 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=\"Educa\u00e7\u00e3o sobre a can\u00e1bis\">\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=\"Porque Existe a Two Birds One Stoned - Hist\u00f3rias Pessoais Por Tr\u00e1s da Reforma da Educa\u00e7\u00e3o sobre Cannabis\">\n    <meta name=\"twitter:description\" content=\"As experi\u00eancias pessoais que despertaram a miss\u00e3o da Two Birds One Stoned: desde proibi\u00e7\u00f5es de alojamento universit\u00e1rio at\u00e9 casos judiciais por 50 c\u00eantimos de cannabis. Hist\u00f3rias reais a impulsionar a 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 Que Two Birds One Stoned Existe \ud83d\udc26\u200d\u2b1b<\/h1>\n                <p class=\"article-subtitle\">As hist\u00f3rias pessoais que desencadearam uma miss\u00e3o para mudar as conversas 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 Pronto para mergulhar na minha hist\u00f3ria pessoal? Aqui est\u00e1 a an\u00e1lise completa \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 Que Two Birds One Stoned Existe \ud83d\udc26\u200d\u2b1b<\/h2>\n\n                <!-- What made me decide to build this site? -->\n                <div class=\"content-card\">\n                    <h3>O que me fez decidir construir este site?<\/h3>\n                        \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\" alt=\"Cannabis users don't all look the same\">\n                        <p style=\"font-style: italic; color: #F4C542; font-size: 1.1rem; margin-top: 1rem;\">(Os utilizadores de cannabis n\u00e3o s\u00e3o todos iguais. Porque n\u00e3o s\u00e3o)<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Ol\u00e1 companheiro humano,<\/p>\n                    <p class=\"content-text\">Sei que deves estar ocupado por isso vou ser breve.<\/p>\n                    <p class=\"content-text\">Para ir direto ao assunto.<\/p>\n                    <p class=\"content-text\">Um grande amigo meu perdeu quatro anos de alojamento no campus porque fumou um charro fora do seu bloco de apartamentos.<\/p>\n                    <p class=\"content-text\">Outro foi arrastado ao tribunal na Irlanda por ter erva no valor de \u20ac0,50. N\u00e3o \u00e9 um erro de escrita. Cinquenta c\u00eantimos. No tribunal distrital. Isto foi h\u00e1 3 anos.<\/p>\n                    <p class=\"content-text\">E eu fui revistado, filmado nu e negaram-me a entrada num festival, tudo por causa de alguns baseados<\/p>\n                    \n                   <p class=\"content-text translation-block\">A inconsist\u00eancia e dureza dessas intera\u00e7\u00f5es me fizeram questionar por que a cannabis carrega tanto estigma. A forma como a sociedade lida com a cannabis hoje parece totalmente desconectada. Sabendo que estas eram apenas <strong>as minhas pr\u00f3prias<\/strong> experi\u00eancias pessoais, sabia que havia mais pessoas por a\u00ed com hist\u00f3rias como estas.<\/p>\n                      <p class=\"content-text\">A acumula\u00e7\u00e3o desses momentos inspirou-me a iniciar esta conversa.<\/p>\n                <\/div>\n\n                <!-- Personal Mission Section -->\n                <div class=\"content-card\">\n                    <h3>O que vai acontecer aqui?<\/h3>\n                    \n                    <p class=\"content-text\">Duas coisas v\u00e3o acontecer:<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong>Educar o p\u00fablico com seguran\u00e7a sobre a cannabis<\/strong> - para que se interagires com ela, possas faz\u00ea-lo de forma segura e informada.<\/li>\n                        <li class=\"translation-block\"><strong>Quebrar e desenvolver o estigma que rodeia a cannabis<\/strong> - isto simplesmente precisa de ser feito, por isso c\u00e1 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\">Conheci enfermeiros, engenheiros, contabilistas, baristas, mec\u00e2nicos, cientistas, donos de neg\u00f3cios, atletas, m\u00e9dicos, eletricistas, canalizadores, parteiras e a lista continua, que consumiram cannabis e s\u00e3o pessoas altamente motivadas, funcionais e saud\u00e1veis. E isto sou apenas eu pessoalmente.<\/p>\n                            \n                            <p class=\"content-text\">Sei que h\u00e1 um mundo de pessoas l\u00e1 fora que podem coexistir com a cannabis e viver uma vida plena. A prova viva est\u00e1 em todo o lado, s\u00f3 que nem sempre ouves falar disso.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Ningu\u00e9m devia sentir-se estranho ou envergonhado por acender. Gostas de um pouco de erva? Fixe. Milh\u00f5es de outros tamb\u00e9m gostam, e est\u00e3o aqui a prosperar. Est\u00e1 na hora de pararmos de sussurrar e come\u00e7armos a assumir.<\/p>\n                    <\/div>\n                    <p class=\"content-text\">A cannabis pode enriquecer uma vida com estrutura, prop\u00f3sito e sa\u00fade. Sem isso, pode lentamente tirar mais do que d\u00e1.<\/p>\n                <\/div>\n\n                <!-- The University Story -->\n                <div class=\"content-card\">\n                    <h3>Deixa-me Partilhar as Hist\u00f3rias<\/h3>\n                    <p class=\"content-text\">Ent\u00e3o por que decidi fazer isto? Por que gastar todo o meu tempo livre em algo assim?<\/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>A Hist\u00f3ria da Universidade<\/h4>\n                            <p class=\"content-text\">Tinha 18 anos, acabado de come\u00e7ar a universidade, quando um dos meus melhores amigos, inteligente, motivado, cabe\u00e7a bem assente nos ombros, foi apanhado a fumar um charro fora do seu apartamento. A universidade baniu-o de todo o alojamento no campus. Um momento. Quatro anos perdidos. Enquanto o resto de n\u00f3s p\u00f4de aproveitar a vida no campus, ele foi exclu\u00eddo por um pouco de erva.<\/p>\n                            \n                            <p class=\"content-text\">Esta foi uma decis\u00e3o que n\u00e3o magoou ningu\u00e9m, que muitos de n\u00f3s tom\u00e1mos, ele s\u00f3 teve o azar de ser apanhado. E por isso, perdeu algumas grandes experi\u00eancias de vida.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Ele continuou a criar a sociedade de empreendedorismo da Universidade, graduou-se com um grau de primeira classe com distin\u00e7\u00e3o, trabalhou para uma empresa multinacional, e agora est\u00e1 noivo e a construir uma casa. Um charro n\u00e3o o definiu, mas as regras tentaram. Enquanto isso, o pub da faculdade (sim o stables) estava cheio todas as noites, e ningu\u00e9m piscou um olho. E para ser justo, provavelmente eu tamb\u00e9m estava no pub a divertir-me muito. Mas essa foi a primeira vez em que pensei \"hmmm isso n\u00e3o faz sentido\".<\/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 hist\u00f3ria \u00e9 real e aconteceu a um dos meus melhores amigos. Durante a COVID foi apanhado a apagar o final de um charro. Estava de volta a casa, foi visto, multado e convocado ao tribunal pela Garda\u00ed (Pol\u00edcia). Mostrou-nos a folha de acusa\u00e7\u00e3o. Juro-te, estava assim:<\/p>\n                            \n                            <div class=\"quote-box\">\n                                <p class=\"content-text\">\"Na data e local acima mencionados, foi encontrado na posse de cannabis avaliado em aproximadamente \u20ac0.50. Isto foi detetado durante uma paragem e revista de rotina pela An Garda S\u00edoch\u00e1na ao abrigo da Lei de Uso Indevido de Drogas de 1977, Sec\u00e7\u00e3o 23 (poder de revistar pessoas suspeitas de possuir drogas).\"<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">John Doean, meu amigo, em que estavas a pensar? Criminoso. 50 c\u00eantimos.. O tipo foi apanhado com o roger ardente e teve que ir a tribunal. 50 c\u00eantimos equivalem a 24 miligramas de erva. \u00c9 como ser apanhado com um quarto de shot de caf\u00e9. Desculpa mas o qu\u00ea. Senhor menino Jesus. \u00c9 genuinamente confuso como isto aconteceu. Quer dizer, era aqui que o nosso governo estava a colocar os seus recursos? Durante uma pandemia global? Aos rapazes e raparigas na casa de Leinster, sabem que isto \u00e9 loucura, n\u00e3o h\u00e1 duas maneiras de ver isto.<\/p>\n                    \n                    <p class=\"content-text\">Honestamente, onde come\u00e7as e acabas com algo assim haha<\/p>\n                <\/div>\n\n                <!-- Festival Story -->\n                <div class=\"content-card\">\n                    <h3>A Minha Experi\u00eancia no Festival<\/h3>\n                    <p class=\"content-text\">E finalmente, o que tornou isto pessoal para mim. O que deu in\u00edcio a esta ideia. A minha pr\u00f3pria intera\u00e7\u00e3o com os rapazes de azul e a cannabis. Desta vez na Austr\u00e1lia. Pensei em manter a calma, enrolar uns charros e aproveitar a m\u00fasica.<\/p>\n                    \n                    <p class=\"content-text\">Em vez disso, encontrei-me numa tenda da pol\u00edcia, mostrando tudo aos agentes com a sua c\u00e2mara gravadora. Ser filmado nu foi um pouco demais mas conseguiram o que conseguiram. A multa e a advert\u00eancia? Justo, quebrei a lei. Mas o contraste foi chocante, milhares l\u00e1 dentro, a beber livremente, enquanto eu era tratado como um criminoso. O c\u00e3ozinho da pol\u00edcia fez-me mal. Ainda o amo. Culpa minha na verdade.<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Ent\u00e3o estou a caminhar para casa, um pouco tocado, um pouco chateado e simplesmente decidi: \u00e9 isto, vou mudar como as pessoas veem a cannabis. Foi esse o momento. Todas as hist\u00f3rias, toda a loucura, fizeram-me come\u00e7ar a perguntar: porque raio ainda h\u00e1 restri\u00e7\u00f5es t\u00e3o rid\u00edculas sobre algo que est\u00e1 a ajudar as pessoas a viver vidas melhores... enquanto outros ainda est\u00e3o a ser punidos apenas por t\u00ea-la. Depois de tudo o que tinha visto, ouvido e passado, n\u00e3o podia simplesmente deixar. Tinha que fazer algo sobre isso.<\/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>Note \u00e0 part : Cannabis et usage responsable<\/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\">Sei que a cannabis \u00e9 uma droga, e como qualquer droga, pode ser abusada. Muitas pessoas usam-na em excesso, e n\u00e3o estou aqui para fingir que isso n\u00e3o acontece. A cannabis \u00e9 apenas uma parte da equa\u00e7\u00e3o quando se trata de sa\u00fade e bem-estar geral. \u00c9 importante considerar todos os aspetos da tua vida, a tua sa\u00fade mental, sa\u00fade f\u00edsica, intera\u00e7\u00f5es sociais, produtividade e felicidade geral.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text translation-block\">Se a cannabis se tornar o <strong>\u00fanico<\/strong> foco na tua vida, se tudo o resto come\u00e7ar a encolher \u00e0 sua volta ent\u00e3o n\u00e3o tens uma rela\u00e7\u00e3o saud\u00e1vel com ela. Se chegas a casa do trabalho todos os dias e n\u00e3o fazes mais nada sen\u00e3o fumar no bong, ent\u00e3o n\u00e3o \u00e9 isso.<\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">O que estou a tentar fazer aqui \u00e9 fornecer informa\u00e7\u00f5es precisas e equilibradas sobre a cannabis para que as pessoas possam tomar decis\u00f5es informadas. Quero educar. A cannabis \u00e9 complexa. Pode ser incrivelmente ben\u00e9fica, mas n\u00e3o \u00e9 perfeita. Como qualquer coisa, requer uso respons\u00e1vel, compreens\u00e3o e consci\u00eancia de como se encaixa na tua vida como um todo.<\/p>\n                    \n                    <p class=\"content-text\">\u00c9 por isso que estou aqui para te dar os factos, quebrar o estigma e ajudar-te a dar sentido a algo que foi mal compreendido e mal representado durante demasiado tempo.<\/p>\n                    \n                    <p class=\"content-text\">Mas se for integrado intencionalmente, como parte de uma vida que j\u00e1 \u00e9 rica em movimento, crescimento e conex\u00e3o, ent\u00e3o pode melhorar a tua vida de formas reais e significativas.<\/p>\n                    \n                    <p class=\"content-text\">Two Birds One Stoned vai mostrar-te as pessoas altamente funcionais, bem-sucedidas e motivadas que consomem Sweet Mary Jane. N\u00f3s existimos.<\/p>\n                <\/div>\n\n                <!-- Education Methods -->\n                <div class=\"content-card\">\n                    <h3>Como Vou Educar?<\/h3>\n                    <p class=\"content-text\">Juntei seis pe\u00e7as principais de conte\u00fado no site at\u00e9 agora:<\/p>\n                    <ul>\n                        <li>A Anatomia da Planta de Cannabis \ud83c\udf3f<\/li>\n                        <li>A Hist\u00f3ria da Cannabis na Terra \ud83c\udf0d<\/li>\n                        <li>O Sistema Endocanabinoide Explicado \ud83e\udde0<\/li>\n                        <li>Compostos da Cannabis: Al\u00e9m do THC \ud83e\uddec<\/li>\n                        <li>M\u00e9todos de Consumo de Cannabis \ud83c\udf2c\ufe0f<\/li>\n                        <li>Usos M\u00e9dicos da Cannabis \ud83c\udfe5<\/li>\n                    <\/ul>\n\n                    <p class=\"content-text\">Criei v\u00e1rias formas diferentes de abordar estes t\u00f3picos, porque nem todos aprendem ou ouvem da mesma maneira.<\/p>\n                        \n                    <p class=\"content-text\">Primeiro, h\u00e1 um v\u00eddeo r\u00e1pido de 2-3 minutos no YouTube que resume os pontos-chave. F\u00e1cil de digerir, direto ao ponto, um bom ponto de partida.<\/p>\n\n                    <p class=\"content-text\">Depois h\u00e1 a vers\u00e3o \u00e1udio, eu a ler, mais o divagar ocasional. Ideal para a viagem, uma caminhada ou qualquer altura em que n\u00e3o te apetece estar a olhar para um ecr\u00e3.<\/p>\n                    \n                    <p class=\"content-text\">E se queres a hist\u00f3ria completa, n\u00e3o apenas os destaques, dedica 5-10 minutos e l\u00ea o artigo. \u00c9 a\u00ed que vais ter a imagem completa, a coisa boa.<\/p>\n                    \n                    <p class=\"content-text\">Entendo que a cannabis pode n\u00e3o ser a tua obsess\u00e3o principal, a vida est\u00e1 ocupada e todos temos coisas a acontecer. Ent\u00e3o se s\u00f3 v\u00eas o v\u00eddeo de 2 minutos, isso \u00e9 uma grande vit\u00f3ria. Se despertar o teu interesse, p\u00f5e a vers\u00e3o \u00e1udio da pr\u00f3xima vez que estiveres em movimento.<\/p>\n                <\/div>\n\n                <!-- Endocannabinoid System Highlight -->\n                <div class=\"content-card\">\n                    <h3>O Sistema Endocanabinoide - A Minha Descoberta Favorita<\/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\">O meu artigo favorito sobre o qual tenho aprendido e escrito nos \u00faltimos dois anos \u00e9 \"O sistema Endocanabinoide\". Para mim, aprender sobre ele, toda a descoberta recente e a forma como o sistema funciona dentro de n\u00f3s \u00e9 louco. Uma vis\u00e3o muito r\u00e1pida \u00e9 a seguinte:<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Quando consomes cannabis est\u00e1s a consumir o que chamamos de compostos canabinoides, como THC e CBD. O que descobrimos (em 1988) \u00e9 que as c\u00e9lulas do teu pr\u00f3prio corpo, agora mesmo, est\u00e3o a produzir exatamente o mesmo tipo de compostos, naturalmente dentro de ti. Algo de que n\u00e3o faz\u00edamos ideia antes de 1988.<\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Eeeeeee parece que \u00e9 uma descoberta bastante enorme.<\/p>\n                    \n                    <p class=\"content-text\">Por exemplo, pega na Jo Cameron, uma mulher na Esc\u00f3cia que literalmente n\u00e3o consegue sentir dor. Nem durante o parto, nem depois de cirurgia. Ela n\u00e3o percebeu que a sua pele estava a arder, at\u00e9 cheirar a sua pr\u00f3pria carne a queimar. Os cientistas acabaram por descobrir que o seu corpo produz n\u00edveis alt\u00edssimos de endocanabinoides naturais. Ela n\u00e3o estava entorpecida, estava saturada. O seu corpo estava constantemente a ativar este sistema. E nem ela, nem o resto de n\u00f3s, faz\u00edamos ideia.<\/p>\n                    \n                    <p class=\"content-text\">Al\u00e9m disso, se j\u00e1 experimentaste um \"subid\u00e3o do corredor\". Aquela sensa\u00e7\u00e3o de euforia e felicidade ap\u00f3s exerc\u00edcio intenso como correr, levantar pesos ou nadar, adivinha o que est\u00e1 a facilitar isto? O teu sistema endocanabinoide. \u00c9 o teu pr\u00f3prio corpo a produzir os seus pr\u00f3prios compostos semelhantes \u00e0 cannabis dentro de ti, que te d\u00e3o a sensa\u00e7\u00e3o de euforia e felicidade.<\/p>\n                    \n                    <p class=\"content-text\">Ent\u00e3o vais e esmurras aquele supino\/agachamento m\u00e1ximo ou corres aquela milha cronometrada, depois aquela boa sensa\u00e7\u00e3o percorre-te.<\/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\">O que est\u00e1 a acontecer a\u00ed \u00e9 que a tua massa corporal produz anandamida, (AEA resumidamente), o teu pr\u00f3prio composto semelhante \u00e0 cannabis (descoberto em 1992) que se liga a receptores que depois permitem a liberta\u00e7\u00e3o de dopamina, que depois nos d\u00e1 aquele subid\u00e3o natural que experimentamos.<\/p>\n                    \n                    <p class=\"content-text\">Tudo fazia sentido. Os humanos tinham estado a interagir com a cannabis durante milhares de anos, e agora sab\u00edamos porqu\u00ea. N\u00e3o est\u00e1vamos a introduzir algo estranho nos nossos corpos, est\u00e1vamos a ativar um sistema que j\u00e1 existia dentro de n\u00f3s.<\/p>\n                    \n                    <p class=\"content-text\">O teu pr\u00f3prio corpo a produzir os seus pr\u00f3prios compostos semelhantes \u00e0 cannabis, para te recompensar depois do exerc\u00edcio. Bastante interessante?<\/p>\n                    \n                    <div class=\"quote-box\">\n                        <p class=\"content-text\">Como escreve o Dr. David J. Linden, PhD da Johns Hopkins Medicine. \"O exerc\u00edcio aumenta os n\u00edveis de endocanabinoides na corrente sangu\u00ednea. Ao contr\u00e1rio das endorfinas, os endocanabinoides podem mover-se facilmente atrav\u00e9s da barreira celular que separa a corrente sangu\u00ednea do c\u00e9rebro, onde estes neuromoduladores melhoradores do humor promovem efeitos psicoativos de curto prazo como ansiedade reduzida e sensa\u00e7\u00f5es de calma\"<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Algo que s\u00f3 descobrimos gra\u00e7as \u00e0 cannabis. Este exemplo particular do sistema endocanabinoide em a\u00e7\u00e3o apenas arranha a superf\u00edcie do que est\u00e1 a acontecer.<\/p>\n                    \n                    <p class=\"content-text\">A rela\u00e7\u00e3o entre planta e humano est\u00e1 a come\u00e7ar a fazer mais sentido.<\/p>\n                    \n                    <p class=\"content-text\">Ent\u00e3o se gostas de aprender coisas novas d\u00e1 uma olhada nesse artigo. H\u00e1 conhecimento decente de 3\/4 pints de profundidade para partilhar. Torna-te no especialista do pub por favor x<\/p>\n                <\/div>\n\n                <!-- Media Fact Checking -->\n                <div class=\"content-card\">\n                    <h3>Eeeeeee Finalmente<\/h3>\n                    <p class=\"content-text\" style=\"text-align: center;\">Para quem est\u00e1 a espalhar not\u00edcias alarmistas sobre a cannabis, ol\u00e1 \ud83d\ude42<\/p>\n                    <p class=\"content-text translation-block\">O jornal di\u00e1rio mais vendido da Irlanda publicou uma manchete de primeira p\u00e1gina alegando que <strong>5,000 pessoas foram hospitalizadas por 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;\">Fonte: Irish Independant<\/p>\n<\/div>\n                    \n                    <p class=\"content-text\">L\u00ea isso e pensarias que a pr\u00f3pria planta estava a enviar pessoas diretamente para as urg\u00eancias. Esse \u00e9 o objetivo, fazer a cannabis soar perigosa, fazer as pessoas falar e vender mais jornais. Jogo limpo se o teu trabalho \u00e9 vender hist\u00f3rias, bem feito. Mas vamos cavar mais fundo.<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text translation-block\">O n\u00famero foi fortemente influenciado pela <strong>cannabis sint\u00e9tica<\/strong>, que \u00e9 uma droga completamente diferente.<\/p>\n                        <p class=\"content-text translation-block\">A cannabis sint\u00e9tica n\u00e3o \u00e9 cannabis. S\u00e3o literalmente qu\u00edmicos feitos pelo homem pulverizados sobre mat\u00e9ria vegetal seca para imitar os efeitos do THC. \u00c9 isso. <strong>Sem compostos naturais, sem flor de cannabis<\/strong>, apenas um cocktail feito em laborat\u00f3rio concebido para escapar aos testes de drogas.<\/p>\n                        <p class=\"content-text\">\u00c9 mais barato de fazer, mais f\u00e1cil de distribuir e muito mais perigoso. E adivinha? S\u00f3 existe porque a planta verdadeira \u00e9 ilegal.<\/p>\n                        <p class=\"content-text\">Pro\u00edbe a vers\u00e3o natural e crias o mercado para a imita\u00e7\u00e3o t\u00f3xica. Isso n\u00e3o \u00e9 redu\u00e7\u00e3o de danos, isso \u00e9 pol\u00edtica a sair pela culatra em tempo 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\">Ent\u00e3o talvez em vez de usar estes n\u00fameros para impulsionar o medo, fa\u00e7amos uma pergunta melhor: <em>por que as pessoas est\u00e3o a recorrer ao sint\u00e9tico em primeiro lugar?<\/em><\/p>\n                    \n                    <p class=\"content-text translation-block\">Ou no The Echo, que \u00e9 propriedade do Irish Times, o segundo jornal di\u00e1rio mais vendido da Irlanda. Uma manchete que diz <em><a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_self\">\"A Irlanda tem um problema de drogas, e a legaliza\u00e7\u00e3o n\u00e3o \u00e9 uma panaceia.\"<\/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\">Fonte: <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\">Entendo, essa \u00e9 uma discuss\u00e3o que vale a pena ter. Mas a imagem principal? <strong>Um charro.<\/strong> Apesar de o artigo se concentrar em mortes por drogas em toda a Europa e a cannabis n\u00e3o estar associada a overdoses fatais.<\/p>\n                    \n                    <p class=\"content-text\">Por que usar essa imagem? Parece deliberado. Este tipo de coisas acumula-se. Pequenas escolhas, enquadramento subtil, refor\u00e7o constante da mesma narrativa ultrapassada.<\/p>\n                    \n                    <p class=\"content-text\">Sou irland\u00eas, ent\u00e3o vejo principalmente o que est\u00e1 a ser promovido nos meios de comunica\u00e7\u00e3o por aqui. \u00c9 por isso que dei estes exemplos, mas existe em todo o lado.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Por exemplo, do outro lado do lago em Inglaterra. Um Comiss\u00e1rio de Pol\u00edcia em <strong>julho de 2025<\/strong>, comparou a cannabis ao cancro, psicose e defeitos cong\u00e9nitos, e pediu que fosse reclassificada como droga de Classe A, colocando-a ao n\u00edvel da hero\u00edna.<\/p>\n                    \n                   <p class=\"content-text translation-block\">Junto com isso, no mesmo m\u00eas <strong>(julho de 2025)<\/strong>, alguns dos funcion\u00e1rios policiais de mais alto escal\u00e3o no Reino Unido, incluindo o chefe do Col\u00e9gio de Pol\u00edcia (o tipo que literalmente estabelece o padr\u00e3o para o policiamento no pa\u00eds), o Chefe da Pol\u00edcia de Greater Manchester e o Chefe da Pol\u00edcia de Merseyside fizeram uma declara\u00e7\u00e3o p\u00fablica conjunta pedindo uma postura mais dura sobre a cannabis. Disseram que o <strong>cheiro de cannabis \u00e9 um sinal de crime e desordem<\/strong>. Por essa l\u00f3gica, o cheiro de tinta fresca \u00e9 um sinal de renova\u00e7\u00e3o ilegal e o cheiro de gasolina significa que algu\u00e9m est\u00e1 a planear um inc\u00eandio criminoso.<\/p>\n                    \n                    <p class=\"content-text translation-block\"><strong>Deixa isso assentar<\/strong>. No seu pr\u00f3prio pa\u00eds onde afirmam que a cannabis \u00e9 \"cronicamente perigosa\", a planta est\u00e1 a ser prescrita por m\u00e9dicos, incluindo o NHS, para ajudar pacientes com doen\u00e7as graves. \u00d3timooooo.<\/p>\n                    \n                    <p class=\"content-text\">O estigma n\u00e3o apareceu de um dia para o outro. Foi constru\u00eddo, artigo por artigo, manchete por manchete. Ent\u00e3o agora \u00e9 a nossa vez de come\u00e7ar a derrub\u00e1-lo.<\/p>\n                    \n  <p class=\"content-text translation-block\">Uma publica\u00e7\u00e3o de cada vez. A verdade \u00e9 mais dif\u00edcil de ignorar. <a href=\"https:\/\/www.youtube.com\/watch?v=4w4ZHukivB8\" target=\"_blank\">Estamos a chegar.<\/a><\/p>\n                <\/div>\n                \n                <!-- Life Perspective Section -->\n                <div class=\"content-card\">\n                    <h3>Uma Perspectiva R\u00e1pida da Vida<\/h3>\n                    <p class=\"content-text\">Agora com isso espero que todos tenham um dia incr\u00edvel. Completamente fora do t\u00f3pico. Lembrem-se que todos n\u00f3s partimos em 70 anos ou mais, ent\u00e3o nada do que acabei de escrever ou leste vai importar para nenhum de n\u00f3s. Porqu\u00ea?<\/p>\n                    \n                    <p class=\"content-text\">Porque todos n\u00f3s partiremos. Eu partirei, tu partir\u00e1s, e as coisas que te estressam hoje ser\u00e3o t\u00e3o irrelevantes quanto a chuva de ontem. H\u00e1 uma beleza estranha nisso. Ent\u00e3o seja l\u00e1 o que te est\u00e1 a abater, respira fundo. Sorri. D\u00e1-te todas as oportunidades de 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\">Aqui est\u00e1 um conceito que adoro. Imagina ganhar a lotaria, 50 milh\u00f5es de d\u00f3lares. Estarias a correr pela casa, a perder a cabe\u00e7a. Quais eram as probabilidades reais de ganhares? Agora para e percebe isto: as probabilidades de existires s\u00e3o muito, muito menores do que ganhar essa lotaria. O facto de estares aqui, vivo, a respirar, a pensar, \u00e9 bastante extraordin\u00e1rio para ser honesto.<\/p>\n                            <\/div>\n                            \n                            <p class=\"content-text\">Qu\u00e3o louco \u00e9 que todos n\u00f3s conseguimos existir. E al\u00e9m disso, de alguma forma existir com os teus amigos, neste pequeno planeta neste exato momento? \u00c9 incr\u00edvel, ningu\u00e9m sabe por que nos foi dada esta oportunidade mas foi. Mudar para a mentalidade de ser extremamente sortudo por experimentar a terra pode ajudar.<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"content-text\">Ent\u00e3o, sim, a vida pode ser confusa, stressante e at\u00e9 francamente rid\u00edcula \u00e0s vezes, mas tamb\u00e9m \u00e9 um presente enorme e improv\u00e1vel.<\/p>\n                    \n                    <p class=\"content-text\">Quando a vida parece pesada, lembra-te: nada disso vai importar em breve. Ent\u00e3o sorri, aproveita a viagem e vamos aproveitar ao m\u00e1ximo esta oportunidade louca que nos foi dada. Est\u00e1s a ganhar s\u00f3 por estares aqui. \u270c\ufe0f<\/p>\n                    \n                    <p class=\"content-text\">Que pregador chato que sou.<\/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>Uma Nota Pessoal: Para John<\/h3>\n    <p class=\"content-text\">N\u00e3o tinha a certeza se devia partilhar isto ou n\u00e3o. N\u00e3o quero entrar naquela onda de merda tipo X Factor, mas pensei nisso e decidi mencionar.<\/p>\n    \n    <p class=\"content-text\">Perdi recentemente um dos meus melhores amigos. Acabaste de ler sobre ele.<\/p>\n    \n    <p class=\"content-text\">O amigo que chamei de 'John Doean', aquele que foi arrastado para tribunal por \u20ac0,50 de erva, n\u00e3o se chamava mesmo assim.<\/p>\n    \n    <p class=\"content-text\">O seu nome verdadeiro era John Dolan. Faleceu no final de outubro de 2025, depois de uma doen\u00e7a muito s\u00fabita.<\/p>\n    \n    <p class=\"content-text\">Quando escrevi isto originalmente, pensei que seria esperto e usaria 'John Doe', como farias num caso legal para proteger a identidade de algu\u00e9m. S\u00f3 que fiz 'John Doean' como um trocadilho entre John Doe e John Dolan. Se \u00e9s de onde eu sou ou conhecias o John, terias percebido logo. Esse era o objetivo.<\/p>\n    \n    <p class=\"content-text\">Porque \u00e9 que te estou a contar isto e a escrever sobre isso? Lutei com isso. Importa para o panorama geral? O John ter partido n\u00e3o muda como o cannabis \u00e9 visto.<\/p>\n    \n    <p class=\"content-text\">Ou talvez mude.<\/p>\n    \n    <p class=\"content-text\">A verdade \u00e9 que sei que n\u00e3o estou sozinho em querer mudar como o cannabis \u00e9 visto. O que sei \u00e9 que tive pelo menos uma pessoa que concordava comigo sobre como precisamos mudar a forma como o cannabis \u00e9 visto, e esse era o John.<\/p>\n    \n    <!-- UPDATED WITH JPG URL -->\n    <p class=\"content-text\">Quando lhe pedi a folha de acusa\u00e7\u00e3o original para este site em fevereiro, a resposta dele foi cl\u00e1ssica 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 concordo contigo que foi a cadeia de eventos mais est\u00fapida, retr\u00f3grada e sem sentido e apoiaria totalmente a legaliza\u00e7\u00e3o haha\"<\/a><\/em><\/p>\n    \n    <p class=\"content-text\">Quero fazer uma homenagem ao meu amigo John. Egoisticamente, quero que ele fa\u00e7a parte desta mensagem e vis\u00e3o do que est\u00e1 a acontecer aqui. Quero que todos que o conheceram saibam o quanto ele significou para o nosso grupo de amigos. Ele ajudou a moldar as nossas vidas e este projeto para mim especialmente.<\/p>\n    \n    <p class=\"content-text\">O John era real, o caso dele era real, e o seu apoio para mudar este estigma e sistema retr\u00f3grado era real.<\/p>\n    \n    <p class=\"content-text\">N\u00e3o vou mentir, a vida d\u00f3i mesmo pra caralho neste momento. Mas \u00e9 a vida e todos vamos passar por isso em alguma fase. Algo assim s\u00f3 solidifica o que quero fazer com a minha vida. No que quero trabalhar, construir, perseguir e tentar alcan\u00e7ar. Sei que era isso que ele queria e perseguiu ativamente. Quero levar essa energia e perspetiva de vida ao m\u00e1ximo de pessoas poss\u00edvel.<\/p>\n    \n    <p class=\"content-text\">Ent\u00e3o vou dar tudo por ele.<\/p>\n    \n    <p class=\"content-text\">Ent\u00e3o, 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>, adoro-te meu. Todos sentimos tanto a tua falta, mano. As palavras n\u00e3o tocam o que sentimos.<\/p>\n    \n    <p class=\"content-text\">Falta agora uma pe\u00e7a do puzzle mas as que tocaste ainda se mant\u00eam fortes juntas. Todos ainda temos muitas pe\u00e7as, por isso devemos focar-nos nisso.<\/p>\n    \n    <p class=\"content-text\">At\u00e9 nos encontrarmos de novo, irm\u00e3o 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 V\u00ea Esta Hist\u00f3ria<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">V\u00ea a jornada pessoal por tr\u00e1s desta miss\u00e3o<\/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=\"Leitor de v\u00eddeo do 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 Ouve em qualquer lugar<\/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>A \u00danica Forma de Ficares Atualizado<\/h3>\n                        <p>A cannabis est\u00e1 a evoluir e n\u00f3s cobrimos a ci\u00eancia, a investiga\u00e7\u00e3o e a cultura. \u00c9 tudo gratuito e direto para a tua caixa de entrada. Sem redes sociais. Apenas email. Junta-te se tens curiosidade.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Entrevistas e Document\u00e1rios<\/li>\n                            <li>\ud83d\udcda V\u00eddeos e \u00e1udios educativos<\/li>\n                            <li>\ud83d\udd2c Informa\u00e7\u00f5es e insights apoiados pela ci\u00eancia<\/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=\"teu@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Receber Atualiza\u00e7\u00f5es<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Continua curioso \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"pt\"\/><\/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>Qual \u00e9 a tua opini\u00e3o?<\/h3>\n                        <p>Tens algo a dizer? Deixa aqui em baixo. A tua voz ajuda a moldar o que vem a seguir.<\/p>\n                        <ul class=\"engagement-features\">\n                            <li>\ud83d\udcad Partilha as tuas experi\u00eancias<\/li>\n                            <li>\ud83e\udd1d Conversa com outros sobre isso<\/li>\n                            <li>\ud83d\udcda Ajuda a melhorar o conte\u00fado futuro<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"engagement-interaction\">\n                        <div class=\"comment-form-v1\">\n                            <h4>Como isto funciona<\/h4>\n                            <ol>\n                                <li class=\"translation-block\"><span>Passo 1:<\/span>Escolhe: Insere o teu email OU comenta anonimamente<\/li>\n                                <li class=\"translation-block\"><span>Passo 2:<\/span>Recebe o teu nome de utilizador \u00fanico (guardas para todo o site)<\/li>\n                                <li class=\"translation-block\"><span>Passo 3:<\/span>Comenta, vota, responde e partilha as tuas ideias: fazes parte da conversa!<\/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 anonimamente (n\u00e3o \u00e9 necess\u00e1rio email)<\/label>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"form-group-v1\" id=\"emailGroup\">\n                                    <input type=\"email\" id=\"commentEmail\" placeholder=\"teu@email.com\" required>\n                                    <div class=\"username-container\">\n                                        <div class=\"username-display\" id=\"usernameDisplay\">O teu nome de utilizador aparecer\u00e1 aqui<\/div>\n                                        <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Obt\u00e9m um nome de utilizador diferente\">\n                                            \ud83d\udd04\n                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"form-group-v1\">\n                                    <textarea id=\"commentText\" placeholder=\"O que achaste? Alguma pergunta ou experi\u00eancia para partilhar?\"><\/textarea>\n                                <\/div>\n                                <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                    <span id=\"submitText\">Publicar coment\u00e1rio<\/span>\n                                <\/button>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"pt\"\/><\/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\">Mais recente<\/option>\n                            <option value=\"liked\">Mais curtido<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"comments-header\" id=\"commentsHeader\">\n                        <span>\ud83d\udcad<\/span> Coment\u00e1rios recentes (<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\/pt\" class=\"cta-button\">\n                    \ud83c\udf3f Vai 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 &#8211; Personal Stories Behind Cannabis Education Reform &times; 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&#8217;s the full breakdown \u2193 Why Two Birds One Stoned Exists \ud83d\udc26\u200d\u2b1b What made [&hellip;]<\/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\/pt\/wp-json\/wp\/v2\/pages\/2350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/comments?post=2350"}],"version-history":[{"count":165,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages\/2350\/revisions"}],"predecessor-version":[{"id":8030,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages\/2350\/revisions\/8030"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/media?parent=2350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}