{"id":701,"date":"2025-04-20T09:48:03","date_gmt":"2025-04-20T09:48:03","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=701"},"modified":"2025-11-18T04:48:15","modified_gmt":"2025-11-18T04:48:15","slug":"history-of-cannabis","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/ga\/history-of-cannabis\/","title":{"rendered":"Stair an Chanabais ar an Domhan \ud83c\udf0d"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"701\" class=\"elementor elementor-701\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2247466 e-flex e-con-boxed e-con e-parent\" data-id=\"2247466\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e6b88 elementor-widget elementor-widget-html\" data-id=\"48e6b88\" 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>Stair Ioml\u00e1n an Chanabais: 5000 Bliain d'\u00das\u00e1id Dhaonna | Two Birds One Stoned<\/title>\n    <meta name=\"description\" content=\"D\u00e9an ini\u00fachadh ar 5,000 bliain de stair an chanabais \u00f3 leigheas \u00e1rsa go dl\u00edthi\u00fal\u00fa nua-aimseartha. Oideachas bunaithe ar fhianaise ag cl\u00fadach Shen Nung, toirmeasc, agus athch\u00f3iri\u00fa domhanda.\">\n    <meta name=\"keywords\" content=\"cannabis history, cannabis education, marijuana history, hemp history, cannabis medicine, cannabis prohibition, cannabis legalization, cannabis research, cannabis science, medicinal cannabis history\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:title\" content=\"Stair Ioml\u00e1n an Chanabais: 5000 Bliain d&#039;\u00das\u00e1id Dhaonna\">\n    <meta property=\"og:description\" content=\"\u00d3 leigheas \u00e1rsa na S\u00edne go dt\u00ed an dl\u00edthi\u00fa nua-aimseartha - d\u00e9an ini\u00fachadh ar stair an chanabais agus na sibhialtachta daonna at\u00e1 bunaithe ar fhianaise.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n    <meta property=\"og:image:alt\" content=\"L\u00e9arsc\u00e1il stairi\u00fail a thaispe\u00e1nann bun\u00fas agus scaipeadh cannabais ar fud shibhialtacht an chine dhaonna\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"article:author\" content=\"James Gallagher\">\n    <meta property=\"article:section\" content=\"Oideachas Cannabais\">\n    <meta property=\"article:tag\" content=\"Stair Cannabais\">\n    <meta property=\"article:tag\" content=\"Oideachas Cannabais\">\n    <meta property=\"article:tag\" content=\"Eola\u00edocht Cannabais\">\n    \n    <!-- Twitter Card -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"Stair Ioml\u00e1n an Chanabais: 5000 Bliain d&#039;\u00das\u00e1id Dhaonna\">\n    <meta name=\"twitter:description\" content=\"\u00d3 leigheas \u00e1rsa na S\u00edne go dt\u00ed an dl\u00edthi\u00fa nua-aimseartha - d\u00e9an ini\u00fachadh ar stair an chanabais agus na sibhialtachta daonna at\u00e1 bunaithe ar fhianaise.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n    <meta name=\"twitter:image:alt\" content=\"L\u00e9arsc\u00e1il stairi\u00fail a thaispe\u00e1nann bun\u00fas agus scaipeadh cannabais ar fud shibhialtacht an chine dhaonna\">\n    <meta name=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n    <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags -->\n    <meta name=\"author\" content=\"James Gallagher\">\n    <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n    <meta name=\"theme-color\" content=\"#F4C542\">\n    <meta name=\"color-scheme\" content=\"dark light\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    \n    <!-- Structured Data - Article -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Article\",\n    \"headline\": \"The Complete History of Cannabis: 5000 Years of Human Use\",\n    \"description\": \"Explore 5,000 years of cannabis history from ancient medicine to modern legalization. Evidence-based education covering historical use, prohibition, and global reform.\",\n    \"image\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n        \"width\": 1200,\n        \"height\": 630\n    },\n    \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\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    },\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-history\\\/\"\n    },\n    \"datePublished\": \"2025-01-17\",\n    \"dateModified\": \"2025-01-17\",\n    \"articleSection\": \"Cannabis Education\",\n    \"keywords\": [\n        \"cannabis history\",\n        \"cannabis education\",\n        \"medicinal cannabis\",\n        \"cannabis prohibition\",\n        \"cannabis legalization\"\n    ],\n    \"about\": [\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis History\",\n            \"description\": \"The historical use and regulation of cannabis throughout human civilization\"\n        },\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis Education\",\n            \"description\": \"Evidence-based information about cannabis science and policy\"\n        }\n    ],\n    \"mentions\": [\n        {\n            \"@type\": \"Person\",\n            \"name\": \"Shen Nung\",\n            \"description\": \"Chinese Emperor who first documented cannabis use in 2800 BC\"\n        },\n        {\n            \"@type\": \"Person\",\n            \"name\": \"William Brooke O'Shaughnessy\",\n            \"description\": \"Irish physician who introduced cannabis to Western medicine in 1841\"\n        },\n        {\n            \"@type\": \"Person\",\n            \"name\": \"Harry J. Anslinger\",\n            \"description\": \"First Commissioner of the Federal Bureau of Narcotics who promoted cannabis prohibition\"\n        }\n    ]\n}<\/script>\n    \n    <!-- Structured Data - Educational Content -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"EducationalContent\",\n    \"name\": \"The History of Cannabis on Earth\",\n    \"description\": \"Comprehensive educational content covering 5,000 years of cannabis history from ancient medicine to modern legalization\",\n    \"educationalLevel\": \"General Audience\",\n    \"learningResourceType\": \"Article\",\n    \"about\": {\n        \"@type\": \"Thing\",\n        \"name\": \"Cannabis History\",\n        \"description\": \"Historical development of cannabis use, regulation, and scientific understanding\"\n    },\n    \"teaches\": [\n        \"Ancient origins of cannabis use in medicine\",\n        \"Historical figures in cannabis research\",\n        \"Development of cannabis prohibition\",\n        \"Modern cannabis legalization movement\",\n        \"Scientific discoveries about cannabis\"\n    ],\n    \"educationalUse\": \"Research, Education, Historical Reference\",\n    \"audience\": {\n        \"@type\": \"EducationalAudience\",\n        \"educationalRole\": \"General Public\"\n    }\n}<\/script>\n    \n    <!-- Video Structured Data -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"VideoObject\",\n    \"name\": \"The History of Cannabis - Video Breakdown\",\n    \"description\": \"Complete visual journey through cannabis history from ancient times to modern legalization\",\n    \"thumbnailUrl\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n    \"embedUrl\": \"https:\\\/\\\/www.youtube.com\\\/embed\\\/dQw4w9WgXcQ\",\n    \"uploadDate\": \"2025-01-17\",\n    \"duration\": \"PT15M\",\n    \"contentUrl\": \"https:\\\/\\\/www.youtube.com\\\/watch?v=dQw4w9WgXcQ\"\n}<\/script>\n    \n    <!-- Website\/Organization Structured Data -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Two Birds One Stoned\",\n    \"description\": \"Cannabis education and culture platform delivering science-backed information without social media noise\",\n    \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n    \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n    \"foundingDate\": \"2024\",\n    \"founder\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\"\n    },\n    \"sameAs\": [\n        \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n        \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n    ],\n    \"knowsAbout\": [\n        \"Cannabis Education\",\n        \"Cannabis Science\",\n        \"Cannabis Policy\",\n        \"Cannabis History\",\n        \"Medicinal Cannabis\"\n    ]\n}<\/script>\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Preload Critical Resources -->\n    <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n    <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.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 *\/\n.article-page .tbos-container .title-section {\n    text-align: center !important;\n    margin-bottom: 60px !important;\n    margin-top: 60px !important;\n    padding-bottom: 3rem !important;\n    opacity: 0;\n    transform: translateY(-20px);\n    transition: all 0.8s ease;\n    max-width: 1000px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    position: relative !important;\n    z-index: 10 !important;\n    display: block !important;\n    overflow: visible !important;\n    min-height: auto;\n}\n\n        .article-page .tbos-container .title-section .article-title {\n            font-size: clamp(2rem, 6vw, 4rem) !important;\n            font-weight: 700 !important;\n            margin-bottom: 2.5rem !important;\n            color: #F4C542 !important;\n            text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n            line-height: 1.3 !important;\n            letter-spacing: -0.02em !important;\n            max-width: 100% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            text-align: center !important;\n            padding: 0 2rem !important;\n            font-family: 'Montserrat', sans-serif !important;\n            display: block !important;\n            position: relative !important;\n            overflow: visible !important;\n            white-space: normal !important;\n        }\n\n        .article-page .tbos-container .title-section .article-subtitle {\n            font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n            color: #E3E3DC !important;\n            font-weight: 400 !important;\n            margin-bottom: 4rem !important;\n            opacity: 0.9 !important;\n            line-height: 1.5 !important;\n            max-width: 90% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            word-wrap: break-word !important;\n        }\n\n        \/* Media Section Spacing *\/\n        .media-section {\n            margin: 8rem auto;\n            max-width: 950px;\n            position: relative;\n            z-index: 5;\n        }\n\n        .media-section-title {\n            text-align: center;\n            font-size: 2.5rem;\n            color: #F4C542;\n            margin-bottom: 3rem;\n            font-weight: 600;\n        }\n\n        .media-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        \/* Navigation hint *\/\n        .nav-hint {\n            text-align: center;\n            color: #F4C542;\n            font-style: italic;\n            font-size: 1.2rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            padding: 2rem;\n            background: rgba(244, 197, 66, 0.05);\n            border-radius: 1rem;\n            border: 1px solid rgba(244, 197, 66, 0.2);\n        }\n\n        \/* Content Section Headers *\/\n        .content-section {\n            margin: 8rem auto;\n            max-width: 950px;\n        }\n\n        .content-section .content-section-title {\n    text-align: center !important;\n    font-size: 3rem !important;\n    color: #F4C542 !important;\n    margin-bottom: 5rem !important;\n    margin-top: 3rem !important;\n    padding-top: 3rem !important;\n    font-weight: 600 !important;\n    text-shadow: none !important;\n    line-height: 1.4 !important;\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        \/* Two image layout *\/\n        .double-images {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n            flex: 0 0 320px;\n            width: 320px;\n        }\n\n        .double-images img {\n            width: 100%;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        \/* Evenly spaced double images for better visual balance *\/\n        .double-images-spaced {\n            display: flex;\n            flex-direction: column;\n            gap: 3rem;\n            flex: 0 0 340px;\n            width: 340px;\n            justify-content: space-evenly;\n            align-items: center;\n            height: 100%;\n            min-height: 600px;\n        }\n\n        .double-images-spaced img {\n            width: 100%;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            flex: 0 0 auto;\n            max-height: 280px;\n            object-fit: cover;\n        }\n\n        \/* Single centered image *\/\n        .centered-image {\n            text-align: center;\n            margin: 3rem 0;\n        }\n\n        .centered-image img {\n            max-width: 100%;\n            width: auto;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        \/* Center images - better desktop integration *\/\n        .center-image {\n            text-align: center;\n            margin: 2rem 0;\n        }\n\n        .center-image img {\n            max-width: 70%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        }\n\n        \/* Section Image - more integrated on desktop *\/\n        .section-image {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            margin: 0 auto 3rem auto;\n            display: block;\n        }\n\n        \/* Lists *\/\n        .content-card ul {\n            list-style-type: disc;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card ol {\n            list-style-type: decimal;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            line-height: 1.7;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* Links *\/\n        .content-card a {\n            color: #4CAF50;\n            text-decoration: underline;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .content-card a:hover {\n            color: #45a049;\n        }\n\n        \/* Highlight box *\/\n        .highlight-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n            border-left: 5px solid #F4C542;\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 0 16px 16px 0;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Divider *\/\n        .section-divider {\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            margin: 4rem 0;\n            border-radius: 2px;\n        }\n\n        \/* Theme Toggle Styles *\/\n        .theme-toggle {\n            text-align: center;\n            margin: 1.5rem 0 0.5rem 0;\n            padding-top: 0.5rem;\n        }\n\n        .theme-toggle button {\n            background: rgba(0,0,0,0.8);\n            border: 2px solid #4CAF50;\n            color: #4CAF50;\n            padding: clamp(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 2.5vw, 20px);\n            font-weight: 600;\n            font-family: 'Montserrat', sans-serif;\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n        }\n\n        \/* Scroll progress indicator *\/\n        .progress-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, #F4C542, #4CAF50);\n            z-index: 1000;\n            transition: width 0.3s ease;\n        }\n\n        .section-break {\n            margin: 6rem auto;\n            position: relative;\n            height: 3px;\n            max-width: 500px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(156,175,136,0.1) 10%, \n                rgba(156,175,136,0.3) 25%, \n                rgba(156,175,136,0.6) 40%, \n                rgba(156,175,136,0.8) 50%, \n                rgba(156,175,136,0.6) 60%, \n                rgba(156,175,136,0.3) 75%, \n                rgba(156,175,136,0.1) 90%, \n                transparent 100%);\n            border-radius: 3px;\n        }\n\n        .section-break::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(244,197,66,0.2) 20%, \n                rgba(244,197,66,0.4) 40%, \n                rgba(244,197,66,0.6) 50%, \n                rgba(244,197,66,0.4) 60%, \n                rgba(244,197,66,0.2) 80%, \n                transparent 100%);\n        }\n\n        \/* ============================================================================ *\/\n        \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n        \/* ============================================================================ *\/\n        .keep-learning-section {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            margin: 6rem auto 3rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n            overflow: hidden;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\n        .signup-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .signup-text h3 {\n            color: #F4C542;\n            font-size: clamp(18px, 4vw, 24px);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-text p {\n            color: #E3E3DC;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-form-container {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .signup-form-container input {\n            width: 100%;\n            padding: 1rem 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n\n        .signup-form-container input:focus {\n            outline: none;\n            border-color: #4CAF50;\n        }\n\n        .signup-form-container input::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n        body.light-theme .signup-form-container input::placeholder,\n        html.light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n\n        .signup-form-container button {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .signup-form-container button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n\n        .signup-form-container button:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .form-note {\n            color: #E3E3DC;\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin: 1.5rem 0 0 0;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n\n        \/* Benefits List Styling *\/\n        .benefits-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 1.5rem 0;\n            padding-left: 0 !important;\n        }\n\n        .benefits-list li {\n            color: #E3E3DC;\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            padding-left: 0 !important;\n            list-style: none !important;\n            position: relative;\n            transition: color 0.3s ease;\n        }\n\n        .benefits-list li:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefits-list li::before {\n            content: none !important;\n        }\n\n        \/* ============================================================================ *\/\n        \/* SECURE COMMENT SYSTEM STYLES *\/\n        \/* ============================================================================ *\/\n        .engagement-container {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: background-color 0.3s ease, border-color 0.3s ease;\n        }\n        .engagement-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: flex-start;\n        }\n        .engagement-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-height: 400px;\n            position: relative;\n            top: 1rem;\n        }\n        .engagement-content h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            transition: color 0.3s ease;\n        }\n        .engagement-content p {\n            color: #E3E3DC;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .engagement-features li {\n            color: #E3E3DC;\n            margin-bottom: 1.2rem;\n            font-size: 1.05rem;\n            line-height: 1.6;\n            padding-left: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features li:last-child {\n            margin-bottom: 0;\n        }\n        .engagement-interaction {\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            padding: 0;\n        }\n        .comment-form-v1 h4 {\n            color: #F4C542;\n            font-size: 1.6rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 p {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            padding-left: 1.5rem;\n            counter-reset: step-counter;\n        }\n        .comment-form-v1 ol li {\n            margin-bottom: 0.8rem;\n            list-style: none;\n            position: relative;\n            padding-left: 4rem;\n            color: #fff;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol li span {\n            position: absolute;\n            left: 0;\n            color: #F4C542;\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n        body.light-theme .comment-form-v1 ol li span,\n        html.light-theme .comment-form-v1 ol li span {\n            color: #B8860B !important;\n            font-weight: 600 !important;\n        }\n\n        .form-group-v1 {\n            margin-bottom: 2rem;\n        }\n        .form-group-v1 input,\n        .form-group-v1 textarea {\n            width: 100%;\n            padding: 1rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        .form-group-v1 input:focus,\n        .form-group-v1 textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        .form-group-v1 input::placeholder,\n        .form-group-v1 textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Main comment form placeholder styling for light theme *\/\n        body.light-theme .form-group-v1 input::placeholder,\n        html.light-theme .form-group-v1 input::placeholder,\n        body.light-theme .form-group-v1 textarea::placeholder,\n        html.light-theme .form-group-v1 textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Main comment form input text color in light theme *\/\n        body.light-theme .form-group-v1 input,\n        html.light-theme .form-group-v1 input,\n        body.light-theme .form-group-v1 textarea,\n        html.light-theme .form-group-v1 textarea {\n            color: #333333 !important;\n            background: rgba(255, 255, 255, 0.9) !important;\n            border: 1px solid rgba(184, 134, 11, 0.5) !important;\n        }\n        \n        .form-group-v1 textarea {\n            height: 100px;\n            resize: vertical;\n        }\n\n        \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n        .username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n        }\n\n        .username-display {\n            flex: 1;\n            width: auto;\n            padding: 1rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n        }\n        \n        .username-display.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        .username-display.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 1rem;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 50px;\n            height: auto;\n        }\n\n        .username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .username-refresh-btn:active {\n            transform: rotate(180deg) scale(0.95);\n        }\n\n        .username-refresh-btn:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .username-refresh-btn.spinning {\n            animation: spin 0.5s ease-in-out;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Inline reply form styles *\/\n        .inline-username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n            margin-bottom: 0.8rem;\n        }\n\n        .inline-reply-username {\n            flex: 1;\n            width: auto;\n            padding: 0.8rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 6px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n\n        .inline-reply-username.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        \n        .inline-reply-username.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .inline-username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 0.8rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 40px;\n        }\n\n        .inline-username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .submit-btn-v1 {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            padding: 1.2rem 1.5rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            margin-top: 1rem;\n        }\n        .submit-btn-v1:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n        .submit-btn-v1:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .status-message {\n            text-align: center;\n            padding: 1rem;\n            border-radius: 8px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .status-message.show {\n            opacity: 1;\n        }\n        .status-message.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        .status-message.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n        .comments-display {\n            margin-top: 2rem !important;\n            border-top: none !important;\n            padding-top: 2.5rem !important;\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .sort-container {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 0.5rem !important;\n            margin-bottom: 2rem !important;\n            padding: 0 !important;\n        }\n        .sort-label {\n            color: #E3E3DC;\n            font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n            font-weight: 400 !important;\n            transition: color 0.3s ease;\n        }\n        .sort-dropdown {\n            background: rgba(0, 0, 0, 0.6);\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            color: #E3E3DC;\n            padding: 0.4rem 0.6rem !important;\n            border-radius: 4px !important;\n            font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n            font-family: 'Montserrat', sans-serif;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            outline: none;\n        }\n        .sort-dropdown:hover {\n            border-color: #4CAF50;\n            background: rgba(0, 0, 0, 0.8);\n        }\n        .sort-dropdown:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n        }\n        .comments-header {\n            color: #4CAF50;\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            margin-bottom: 2rem !important;\n            font-weight: 600;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n            transition: color 0.3s ease;\n        }\n.comment-item {\n    background: rgba(0,0,0,0.4);\n    border-radius: 8px;\n    padding: 1.2rem;\n    margin-bottom: 1.5rem !important;\n    border-left: 3px solid #4CAF50;\n    width: auto;\n    max-width: 100%;\n    box-sizing: border-box;\n    transition: background-color 0.3s ease, border-color 0.3s ease;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    position: relative; \n        }\n        \n        .comment-container {\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        .comment-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n            flex-wrap: wrap;\n            gap: 1rem;\n            min-height: 2rem;\n        }\n        .comment-author {\n            color: #F4C542;\n            font-weight: 600;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n            transition: color 0.3s ease;\n        }\n        .comment-date {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            transition: color 0.3s ease;\n        }\n        .comment-text {\n            color: #E3E3DC;\n            line-height: 1.5;\n            font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            margin-bottom: 1rem;\n            transition: color 0.3s ease;\n        }\n        .comment-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 1rem;\n            padding-top: 0.8rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            transition: border-color 0.3s ease;\n        }\n        .comment-actions {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        .comment-like-btn,\n        .comment-dislike-btn,\n        .comment-reply-btn {\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.5);\n            color: #4CAF50;\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n            min-width: 50px;\n            justify-content: center;\n            white-space: nowrap;\n            height: 32px;\n            box-sizing: border-box;\n        }\n        .comment-like-btn:hover,\n        .comment-reply-btn:hover {\n            background: rgba(76, 175, 80, 0.1);\n            border-color: #4CAF50;\n            transform: translateY(-1px);\n        }\n        .comment-like-btn.liked {\n            background: rgba(76, 175, 80, 0.2);\n            border-color: #4CAF50;\n            color: #4CAF50;\n        }\n        .comment-dislike-btn {\n            border-color: rgba(255, 107, 107, 0.5);\n            color: #ff6b6b;\n            margin-left: 0.2rem;\n        }\n        .comment-dislike-btn:hover {\n            background: rgba(255, 107, 107, 0.1);\n            border-color: #ff6b6b;\n            transform: translateY(-1px);\n        }\n        .comment-dislike-btn.disliked {\n            background: rgba(255, 107, 107, 0.2);\n            border-color: #ff6b6b;\n            color: #ff6b6b;\n        }\n        .comment-like-count {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        .like-count, .dislike-count {\n            font-weight: 600;\n            margin-left: 0.2rem;\n        }\n        \n        \/* Reply indicator styles *\/\n        .reply-indicator {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n            background: rgba(76, 175, 80, 0.08);\n            border: 1px solid rgba(76, 175, 80, 0.2);\n            border-radius: 12px;\n            font-size: 0.85rem;\n            color: #4CAF50;\n            transition: all 0.3s ease;\n        }\n        \n        .reply-icon {\n            font-size: 1rem;\n            font-weight: bold;\n            color: #4CAF50;\n            opacity: 0.8;\n        }\n        \n        .reply-text {\n            color: #E3E3DC;\n            font-size: 0.8rem;\n            opacity: 0.9;\n        }\n        \n        .reply-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n        \n        \/* Read More Button Styles *\/\n        .read-more-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.5);\n            color: #F4C542;\n            padding: 0.3rem 0.8rem;\n            border-radius: 15px;\n            cursor: pointer;\n            font-size: 0.8rem;\n            font-weight: 500;\n            margin-top: 0.5rem;\n            margin-bottom: 0.5rem;\n            transition: all 0.3s ease;\n            display: inline-block;\n        }\n        \n        .read-more-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: translateY(-1px);\n        }\n        \n        .read-more-btn.expanded {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n        }\n        \n        \/* Thread connection line for visual hierarchy *\/\n        .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n            content: '';\n            position: absolute;\n            left: -6px;\n            top: -8px;\n            bottom: 50%;\n            width: 2px;\n            background: linear-gradient(to bottom, \n                rgba(76, 175, 80, 0.4) 0%, \n                rgba(76, 175, 80, 0.2) 50%, \n                transparent 100%);\n            border-radius: 1px;\n        }\n        #cancelReplyBtn {\n            background: transparent !important;\n            border: 1px solid #ff6b6b !important;\n            color: #ff6b6b !important;\n            padding: 0.6rem 1rem !important;\n            border-radius: 6px !important;\n            cursor: pointer !important;\n            font-size: 0.9rem !important;\n            margin-left: 1rem !important;\n            transition: all 0.3s ease !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n        #cancelReplyBtn:hover {\n            background: rgba(255, 107, 107, 0.1) !important;\n            transform: translateY(-1px) !important;\n        }\n        .no-comments-message {\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.7;\n            padding: 2rem;\n            font-style: italic;\n            transition: all 0.3s ease;\n        }\n\n        \/* Inline reply system styles *\/\n        .inline-reply-form {\n            background: rgba(76, 175, 80, 0.05);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin-top: 1rem;\n            margin-bottom: 1rem;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-form.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .inline-reply-form h5 {\n            color: #F4C542;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .inline-reply-email {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 0.8rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-email:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-email::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Inline reply form placeholder styling for light theme *\/\n        body.light-theme .inline-reply-email::placeholder,\n        html.light-theme .inline-reply-email::placeholder,\n        body.light-theme .inline-reply-textarea::placeholder,\n        html.light-theme .inline-reply-textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Username display text visibility in light theme *\/\n        body.light-theme .username-display:not(.authenticated),\n        html.light-theme .username-display:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .username-display.authenticated,\n        html.light-theme .username-display.authenticated {\n            color: #B8860B !important;\n        }\n        \n        \/* FIXED: Inline reply username display visibility in light theme *\/\n        body.light-theme .inline-reply-username:not(.authenticated),\n        html.light-theme .inline-reply-username:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .inline-reply-username.authenticated,\n        html.light-theme .inline-reply-username.authenticated {\n            color: #B8860B !important;\n        }\n        \n        .inline-reply-textarea {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            height: 80px;\n            resize: vertical;\n            margin-bottom: 1rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        .inline-reply-actions {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n        \n        .inline-reply-submit {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 6px;\n            padding: 0.8rem 1.2rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 0.9rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            flex: 1;\n            min-width: 100px;\n        }\n        \n        .inline-reply-submit:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n        }\n        \n        .inline-reply-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .inline-reply-cancel {\n            background: transparent;\n            border: 1px solid #ff6b6b;\n            color: #ff6b6b;\n            padding: 0.8rem 1.2rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            flex: 0 0 auto;\n        }\n        \n        .inline-reply-cancel:hover {\n            background: rgba(255, 107, 107, 0.1);\n            transform: translateY(-1px);\n        }\n        \n        .inline-reply-status {\n            width: 100%;\n            text-align: center;\n            padding: 0.8rem;\n            border-radius: 6px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .inline-reply-status.show {\n            opacity: 1;\n        }\n        \n        .inline-reply-status.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        \n        .inline-reply-status.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n\n        \/* ============================================================================ *\/\n        \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n        \/* ============================================================================ *\/\n        \n        \/* Light theme styles for dynamically created comments *\/\n        body.light-theme .comment-item,\n        html.light-theme .comment-item {\n            background: rgba(0,0,0,0.05) !important;\n            border-left: 3px solid #B8860B !important;\n        }\n\n        body.light-theme .comment-text,\n        html.light-theme .comment-text {\n            color: #333333 !important;\n        }\n\n        body.light-theme .comment-author,\n        html.light-theme .comment-author {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-date,\n        html.light-theme .comment-date {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comment-footer,\n        html.light-theme .comment-footer {\n            border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n        }\n\n        body.light-theme .comment-like-count,\n        html.light-theme .comment-like-count {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comments-header,\n        html.light-theme .comments-header {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .no-comments-message,\n        html.light-theme .no-comments-message {\n            color: #666666 !important;\n        }\n\n        \/* Light theme styles for reply indicators in dynamically created comments *\/\n        body.light-theme .reply-text,\n        html.light-theme .reply-text {\n            color: #666666 !important;\n        }\n\n        body.light-theme .reply-text strong,\n        html.light-theme .reply-text strong {\n            color: #B8860B !important;\n        }\n\n        \/* Light theme styles for comment action buttons *\/\n        body.light-theme .comment-like-btn,\n        html.light-theme .comment-like-btn,\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn,\n        body.light-theme .comment-reply-btn,\n        html.light-theme .comment-reply-btn {\n            border-color: rgba(184, 134, 11, 0.5) !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn:hover,\n        html.light-theme .comment-like-btn:hover,\n        body.light-theme .comment-reply-btn:hover,\n        html.light-theme .comment-reply-btn:hover {\n            background: rgba(184, 134, 11, 0.1) !important;\n            border-color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn.liked,\n        html.light-theme .comment-like-btn.liked {\n            background: rgba(184, 134, 11, 0.2) !important;\n            border-color: #B8860B !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn {\n            border-color: rgba(204, 85, 85, 0.5) !important;\n            color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn:hover,\n        html.light-theme .comment-dislike-btn:hover {\n            background: rgba(204, 85, 85, 0.1) !important;\n            border-color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn.disliked,\n        html.light-theme .comment-dislike-btn.disliked {\n            background: rgba(204, 85, 85, 0.2) !important;\n            border-color: #cc5555 !important;\n            color: #cc5555 !important;\n        }\n\n        \/* Mobile images for repositioned content *\/\n        .mobile-image-after-text {\n            display: none;\n        }\n\n        .hide-on-mobile {\n            display: block;\n        }\n\n        \/* CTA Button Styles *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #F4C542, #E6B82E);\n            color: #000;\n            padding: 1rem 3rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n            background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n        }\n\n        \/* CTA Section Styles *\/\n        .cta-section {\n            text-align: center;\n            margin: 4rem auto;\n            max-width: 950px;\n            padding: 2rem;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Better desktop image sizing for large screens *\/\n        @media (min-width: 1200px) {\n            .center-image img {\n                max-width: 60%;\n            }\n            \n            .section-image {\n                max-width: 400px;\n            }\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .content-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .media-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .keep-learning-section {\n                padding: 1.5rem;\n                margin: 2rem auto;\n                position: relative;\n                z-index: 1;\n            }\n\n            .signup-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n\n            .signup-text h3,\n            .signup-text p {\n                text-align: center;\n            }\n\n            .signup-form-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .signup-form-container input {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n            }\n\n            .signup-form-container button {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n                margin-bottom: 0.5rem;\n            }\n\n            .form-note {\n                margin-top: 1rem;\n                position: relative;\n                z-index: 4;\n                clear: both;\n                display: block;\n                width: 100%;\n                padding-top: 0.5rem;\n            }\n\n            #formMessage {\n                position: relative;\n                z-index: 5;\n                clear: both;\n                margin-top: 1.5rem;\n                display: block;\n                width: 100%;\n                box-sizing: border-box;\n                padding: 1rem;\n                text-align: center;\n                font-weight: 600;\n            }\n\n            .engagement-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            \n            .engagement-container {\n                padding: 2rem 1.5rem;\n            }\n            .engagement-content {\n                text-align: center;\n                min-height: auto;\n                position: static;\n                margin-bottom: 1rem;\n            }\n\n            .split-content {\n                flex-direction: column;\n                gap: 2rem;\n            }\n\n            .split-content img {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            .double-images,\n            .double-images-spaced {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            \/* Mobile-specific image positioning *\/\n            .mobile-image-after-text {\n                display: block !important;\n                width: 100%;\n                max-width: 100%;\n                border-radius: 16px;\n                box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n                margin: 2rem 0;\n            }\n\n            \/* Hide desktop images on mobile for repositioned content *\/\n            .hide-on-mobile {\n                display: none !important;\n            }\n\n            \/* Remove extra spacing from Mexican Revolution image on mobile *\/\n            .double-images-spaced img[alt=\"Mexican Revolution Cannabis\"] {\n                margin: 0 !important;\n                padding: 0 !important;\n            }\n\n            \/* Adjust the double-images-spaced container on mobile to remove extra space *\/\n            .double-images-spaced {\n                min-height: auto !important;\n                gap: 0 !important;\n                justify-content: flex-start !important;\n                padding: 0 !important;\n                margin: 0 !important;\n            }\n\n            .content-break {\n                height: 4rem;\n            }\n\n            .media-section {\n                margin: 6rem auto 4rem auto;\n            }\n\n            .content-section {\n                margin: 4rem auto;\n            }\n\n            .title-section {\n                margin-bottom: 6rem;\n                padding-bottom: 3rem;\n                min-height: auto;\n            }\n\n            .nav-hint {\n                margin: 3rem auto;\n                padding: 1.5rem;\n                font-size: 1rem;\n                line-height: 1.4;\n            }\n\n            .theme-toggle {\n                margin: 3rem 0 1rem 0;\n                padding-top: 1rem;\n            }\n\n            .center-image img {\n                max-width: 100% !important;\n            }\n\n            .section-image {\n                max-width: 100% !important;\n            }\n\n            .center-image {\n                margin: 2rem 0 !important;\n                text-align: center !important;\n                clear: both !important;\n                width: 100% !important;\n                overflow: visible !important;\n            }\n\n            .center-image p {\n                margin-top: 1rem !important;\n                font-size: 0.9rem !important;\n                line-height: 1.4 !important;\n                padding: 0 1rem !important;\n                word-wrap: break-word !important;\n                overflow-wrap: break-word !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n            }\n\n            .article-page .tbos-container .title-section .article-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 2rem !important;\n            }\n\n            .article-page .tbos-container .title-section .article-subtitle {\n                font-size: clamp(1rem, 4vw, 1.3rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 3rem !important;\n            }\n\n            .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .content-section .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                max-width: 100% !important;\n                margin: 0 auto 4rem auto !important;\n            }\n\n            .media-section-title {\n                font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .media-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n                margin-bottom: 1.5rem !important;\n            }\n\n            .media-card p {\n                font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 1.5rem !important;\n                word-break: break-word !important;\n                overflow-wrap: break-word !important;\n            }\n\n            .content-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card h4 {\n                font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card a {\n                word-break: break-all;\n                overflow-wrap: break-word;\n                hyphens: auto;\n                line-height: 1.6;\n            }\n\n            .content-card .content-text {\n                font-size: 0.9rem !important;\n                line-height: 1.5 !important;\n                word-break: break-word;\n                overflow-wrap: break-word;\n            }\n\n            .cta-button {\n                padding: 0.8rem 2rem !important;\n                font-size: 1rem !important;\n                border-radius: 40px !important;\n            }\n\n            .keep-learning-section h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 1.5rem !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n                white-space: normal !important;\n                word-wrap: break-word !important;\n            }\n\n            .keep-learning-section p {\n                font-size: 1rem !important;\n            }\n\n            .comment-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .comment-footer {\n                flex-direction: column;\n                gap: 0.8rem;\n                align-items: flex-start;\n            }\n            .comment-actions {\n                align-self: flex-start;\n            }\n            .sort-container {\n                justify-content: center !important;\n                gap: 0.5rem;\n                margin-bottom: 1.5rem !important;\n            }\n            .sort-dropdown {\n                padding: 0.4rem 0.6rem;\n                font-size: 0.8rem;\n            }\n            \n            .comment-item {\n                padding: 1.2rem 1rem;\n                margin-bottom: 1.2rem !important;\n            }\n            \n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.5;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.5rem 0.7rem;\n                font-size: 0.8rem;\n                min-width: 45px;\n            }\n            \n            .inline-reply-actions {\n                flex-direction: column;\n                gap: 0.8rem;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                width: 100%;\n                text-align: center;\n            }\n            \n            .inline-reply-form {\n                padding: 1.2rem 1rem;\n                margin: 1rem 0;\n            }\n            \n            .reply-indicator {\n                padding: 0.35rem 0.7rem;\n                margin-bottom: 0.7rem;\n                font-size: 0.8rem;\n            }\n            \n            .reply-icon {\n                font-size: 0.95rem;\n            }\n            \n            .reply-text {\n                font-size: 0.75rem;\n            }\n\n            .username-container {\n                gap: 0.3rem;\n            }\n            \n            .username-refresh-btn {\n                min-width: 45px;\n                padding: 0.8rem;\n                font-size: 1.1rem;\n            }\n        }\n\n        @media (min-width: 769px) and (max-width: 1024px) {\n            .comment-item {\n                padding: 1.3rem 1.2rem;\n            }\n            \n            .comment-text {\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.6rem 0.9rem;\n                font-size: 0.85rem;\n            }\n            \n            .inline-reply-form {\n                padding: 1.3rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .keep-learning-section {\n                margin: 3rem auto;\n                padding: 2rem 1rem;\n            }\n\n            .form-note {\n                margin-top: 1.5rem !important;\n                padding-top: 0.75rem !important;\n            }\n\n            #formMessage {\n                margin-top: 2rem !important;\n                padding: 1rem !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                box-sizing: border-box !important;\n            }\n\n            .engagement-container {\n                padding: 2rem 1rem;\n                margin: 3rem auto;\n            }\n            .comment-item {\n                margin-bottom: 2rem !important;\n                padding: 1.5rem 1rem;\n                font-size: 0.9rem;\n            }\n            .comment-author {\n                font-size: 1rem;\n                margin-bottom: 0.3rem;\n                font-weight: 600;\n            }\n            .comment-date {\n                font-size: 0.8rem;\n                margin-bottom: 1rem;\n                opacity: 0.8;\n            }\n            .comment-header {\n                margin-bottom: 1.5rem;\n                gap: 0.8rem;\n            }\n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.6;\n                margin-bottom: 1.2rem;\n                margin-top: 0.5rem;\n                padding-top: 0.5rem;\n            }\n            .comment-footer {\n                margin-top: 1.2rem;\n                gap: 1rem;\n            }\n            .comment-actions {\n                gap: 0.6rem;\n            }\n            .comment-like-btn,\n            .comment-reply-btn,\n            .comment-dislike-btn {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n                min-width: 40px;\n            }\n            .sort-container {\n                margin-bottom: 2rem !important;\n                padding: 0 1rem;\n                gap: 0.8rem;\n            }\n            .sort-label {\n                font-size: 0.85rem;\n            }\n            .sort-dropdown {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.85rem;\n            }\n            .comments-header {\n                margin-bottom: 2rem !important;\n                font-size: 1.2rem;\n                padding: 0 1rem;\n                line-height: 1.3;\n            }\n            \n            .comment-item[style*=\"paddingLeft\"] {\n                padding-left: 0.5rem !important;\n                margin-left: 0 !important;\n            }\n            \n            .reply-indicator {\n                padding: 0.3rem 0.6rem !important;\n                margin-bottom: 0.6rem !important;\n                font-size: 0.75rem !important;\n                border-radius: 8px !important;\n            }\n            \n            .reply-icon {\n                font-size: 0.9rem !important;\n            }\n            \n            .reply-text {\n                font-size: 0.7rem !important;\n            }\n            \n            .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n                left: -1px !important;\n                width: 1px !important;\n            }\n            \n            .inline-reply-form {\n                padding: 1rem 0.8rem;\n                margin: 0.8rem 0;\n            }\n            \n            .inline-reply-form h5 {\n                font-size: 0.85rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-email,\n            .inline-reply-textarea {\n                padding: 0.6rem;\n                font-size: 0.8rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-textarea {\n                height: 60px;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n            }\n\n            .username-refresh-btn {\n                min-width: 40px;\n                padding: 0.8rem 0.6rem;\n                font-size: 1rem;\n            }\n\n            .inline-username-refresh-btn {\n                min-width: 35px;\n                padding: 0.6rem;\n                font-size: 0.9rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"dark-theme\">\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    <section class=\"article-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-section\">\n                <h1 class=\"article-title\">Stair an Chanabais ar an Domhan \ud83c\udf0d<\/h1>\n                <p class=\"article-subtitle\">\u00d3 dheasghn\u00e1tha \u00e1rsa go dl\u00edthi\u00fa nua-aimseartha, ini\u00fach 5,000 bliain d'\u00fas\u00e1id dhaonna 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            <!-- Media Section -->\n            <div class=\"media-section\">\n                <!-- Video Section -->\n                    <div class=\"media-card animate-in\" id=\"video-content\">\n                    <h3>\ud83c\udfac F\u00e9ach ar an Mh\u00edni\u00fa Ioml\u00e1n<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Faigh an turas amhairc ioml\u00e1n tr\u00ed stair an chanabais<\/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\/uFSY0XWHSgc\" \n        data-en=\"uFSY0XWHSgc\"\n        data-ga=\"Pgc9o0WwVho\"\n        data-es=\"pjHs00fxSSw\"\n        data-de=\"0jFJOuEolUo\"\n        data-pt=\"8lYVAJ2YYcg\"\n        data-fr=\"hsVJChvP4Ng\"\n        data-it=\"J37_48XNyVo\"\n        data-pl=\"9fJRQGX1Jt8\"\n        title=\"Seinnteoir f\u00edse\u00e1n 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 - PERFECTLY CENTERED between gold lines -->\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n                    <h3>\ud83c\udfa7 \u00c9ist ar an mb\u00f3thar<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Foirfe do d'aistear n\u00f3 don acla\u00edocht \u2014 leagan fuaime amh\u00e1in<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/5ZhXjUZXemodGGr4zZQuXC?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            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Navigation Hint -->\n            <div class=\"nav-hint\">\n                \u2193 B'fhearr leat \u00e9 a l\u00e9amh? L\u00e9igh an mh\u00edni\u00fa ioml\u00e1n scr\u00edofa th\u00edos \u2193\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Written Content Section -->\n            <div class=\"content-section\" id=\"written-content\">\n                <h2 class=\"content-section-title\">Stair an Chanabais ar an Domhan \ud83c\udf0d<\/h2>\n\n                <!-- Introduction -->\n                <div class=\"content-card\">\n                    <h3>Tosa\u00edonn an Turas<\/h3>\n                    <p class=\"content-text\">T\u00e9imis ar thuras tr\u00ed am. \u00d3 dheascnna \u00e1rsa go d\u00edosp\u00f3ireachta\u00ed an lae inniu, bh\u00ed canabas mar chuid de stair an chine dhaonna le m\u00edlte bliain. Tabharfaidh an turas seo l\u00e9argas duit ar an gcaoi a bhfuil idirghn\u00edomh\u00fa ag daoine leis an bplanda canabais ar feadh na staire.<\/p>\n                    <p class=\"content-text\">R\u00e9idh? T\u00e9imis isteach.<\/p>\n                <\/div>\n\n                <!-- Origins Section -->\n                <div class=\"content-card\">\n                    <h3>An \u00c1it a Thosaigh S\u00e9 \u2014 Bun\u00fas an Chanabais<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" alt=\"L\u00e9arsc\u00e1il Bhunaidh Cannabais\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Cathain a th\u00e1inig canabas ar an domhan agus c\u00e9n uair a d'\u00e9irigh s\u00e9 ina phlanda ar leith? Thart ar <strong>28 milli\u00fan bliain \u00f3 shin<\/strong>, i r\u00e9igi\u00fain na h\u00c1ise L\u00e1ir \/ Iarthar na S\u00edne. Sin an uair a scar s\u00e9 \u00f3na shinsear agus a thosaigh s\u00e9 ag forbairt isteach sa chanabas a bhfuil aithne againn air inniu.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Cannabis and Hops evolution image formatted like other images -->\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"\u00c9abhl\u00f3id Planda\u00ed Cannabais agus Leannlusanna\" class=\"hide-on-mobile\">\n                        <div class=\"text-content\">\n                            <div class=\"highlight-box\">\n                                <p class=\"content-text\">Agus seo an f\u00edric spra\u00ed\u00fail, c\u00e9 eile a th\u00e1inig \u00f3n sinsear c\u00e9anna? Humulus lupulus.<\/p>\n                    <p class=\"content-text\">Is d\u00f3cha go bhfuil t\u00fa i do shu\u00ed ansin ag r\u00e1, Humulu cad anois?<\/p>\n                    <p class=\"content-text translation-block\">Bhuel, is \u00e9 Humulus lupulus an t-ainm eola\u00edoch do <strong>Lus an Leanna<\/strong>. Mar at\u00e1, an comh\u00e1bhar r\u00edth\u00e1bhachtach i do bheoir is fearr leat.<\/p>\n                    <p class=\"content-text\"> T\u00e1 canabas agus lus an leanna ina gcol ceathracha luibheola\u00edochta. Col ceathracha d\u00edreacha. An cine\u00e1l col ceathracha a gheobhaidh cuireadh araon chuig an mbainis ch\u00e9anna teaghlaigh.<\/p>\n                                \n                                <p class=\"content-text\">An f\u00e9idir linn stop a chur le iarracht an teaghlach a bhriseadh le do thoil.<\/p>\n                            <\/div>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"\u00c9abhl\u00f3id Planda\u00ed Cannabais agus Leannlusanna\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text translation-block\">C\u00e9ard at\u00e1 ar eolas againn n\u00e1 go sroicheann an \u00fas\u00e1id is luaithe taifeadta de chanabas siar go dt\u00ed <strong>2800 RC<\/strong>, bu\u00edochas leis an impire S\u00edneach Shen Nung. Thaifeadadh Shen, ar a dtugtar athair leighis na S\u00edne, canabas ina fharmacop\u00e9 mar gheall ar a air\u00edonna teiripeacha.<\/p>\n                    <p class=\"content-text translation-block\">Anois, t\u00e9imis isteach sa stair <strong>dhoicim\u00e9adaithe<\/strong> dhaonna an chanabais.<\/p>\n                <\/div>\n\n                <!-- Ancient History Section -->\n                <div class=\"content-card\">\n                    <h3>Stair \u00c1rsa \u2014 T\u00fas an Chanabais Dhoicim\u00e9adaithe<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_ancient_scroll-style_depiction_of_Emperor_Shen_33b2a279-72a3-4292-b4da-009879f0617b_3.png\" alt=\"Scrolla Shen Nung\">\n                        <div class=\"text-content\">\n                            <h4>2800 RC \u2013 An Ch\u00e9ad Taifeadadh de chuid Shen Nung<\/h4>\n                            <p class=\"content-text translation-block\"><strong>4825 bliain \u00f3 shin<\/strong> a bh\u00ed s\u00e9 seo. Thart ar 175 gl\u00fain roimhe seo. B\u00e9ic amach do l\u00edne teaghlaigh \u00e1r sinsear ansin. B\u00edm ag smaoineamh c\u00e9ard a bh\u00ed ar si\u00fal ag \u00e1r sinsear an uair sin. Cinnte go greannmhar a smaoineamh, cib\u00e9 c\u00e9 hiad a bh\u00ed iontu, d'fh\u00e9ach siad ar na r\u00e9alta\u00ed c\u00e9anna linne.<\/p>\n                            <p class=\"content-text\">Thaifeadadh Shennong \u00fas\u00e1id an chanabais ar ch\u00faiseanna teiripeacha den ch\u00e9ad uair timpeall an ama seo. Is f\u00e9idir creidi\u00faint a thabhairt do mhuintir na S\u00edne as na taifeadta\u00ed is luaithe d'\u00fas\u00e1id chanabais, go h\u00e1irithe ina r\u00e9igi\u00fain iartharacha.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_a_healer_or_temple_scribe_recording_medicinal_can_54bc767c-80e7-47c0-a7fe-0f369ea1f172_2.png\" alt=\"Leigheas Cannabais \u00c9igipteach\">\n                        <div class=\"text-content\">\n                            <h4>1500 RC \u2013 \u00das\u00e1id na n\u00c9igipteach agus na nAsara\u00edoch<\/h4>\n                            <p class=\"content-text translation-block\">L\u00e9im ar aghaidh go dt\u00ed thart ar <strong>1500 RC<\/strong>, agus feicimid na h\u00c9igiptigh ag taifeadadh \u00fas\u00e1id an chanabais chun athlasadh a ch\u00f3ire\u00e1il. Idir an d\u00e1 linn, thaifeadadh na hAsara\u00edoch a \u00fas\u00e1id leighis ar th\u00e1bla\u00ed cr\u00e9.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/mythology-festivals-gods-43.jpg\" alt=\"Cannabas na hIndia agus an \u00c9igipt\">\n                        <div class=\"text-content\">\n                            <h4>1500.01 RC \u2013 Canabas san India \u00c1rsa<\/h4>\n                            <p class=\"content-text translation-block\">San India \u00e1rsa, measadh canabas mar cheann de <strong>ch\u00faig phlanda naofa<\/strong>. T\u00e1 an deoch Bhang (deoch bainne le canabas ann) in \u00fas\u00e1id le c\u00e9adta bliain san India chun \u00e9ags\u00falacht tinnis a ch\u00f3ire\u00e1il agus caithear \u00e9 f\u00f3s inniu.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_atmospheric_illustration_of_Scythian_tribespeo_7bd2772d-233a-48e8-8eb7-a6bc9ec3205d_1.png\" alt=\"Deasghn\u00e1th na Scitiach\">\n                        <div class=\"text-content\">\n                            <h4>440 RC \u2013 Herod\u00f3t\u00f3s agus na Sc\u00edotaigh<\/h4>\n                            <p class=\"content-text\">Thug an stara\u00ed Gr\u00e9agach Herod\u00f3t\u00f3s cuntas mionsonraithe ar dheasghn\u00e1th adhlactha Sc\u00edotach ina gcaitheadh lucht br\u00f3in s\u00edolta cnaibe ar chlocha dearga te agus bhain siad taitneamh as an deatach.<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\"><strong>F\u00edric shuimi\u00fail:<\/strong> Bh\u00ed leibh\u00e9il THC n\u00edos airde sna s\u00edolta sin n\u00e1 mar ba ghn\u00e1ch don tr\u00e9imhse sin, rud a mharc\u00e1il an <strong>ch\u00e9ad ch\u00e1s taifeadta<\/strong> de dhaoine ag \u00e9ir\u00ed ard \u00f3 dheatach canabais. Meas ar na Sc\u00edotaigh.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- AD Era Section -->\n                <div class=\"content-card\">\n                    <h3>R\u00e9 AD \u2014 Scaipeann Canabas Trasna Sibhialtachta\u00ed<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_scene_showing_Roman_sailors_loading_sails__rope_aee8a079-4dff-4d59-af02-c24b3badf0d9_3.png\" alt=\"\u00das\u00e1id Cn\u00e1ibe na R\u00f3mh\u00e1nach\">\n                        <div class=\"text-content\">\n                            <h4>1 AD \u2013 An Impireacht R\u00f3mh\u00e1nach<\/h4>\n                            <p class=\"content-text translation-block\">Le linn na hImpireachta R\u00f3mh\u00e1na\u00ed, thaifeadadh figi\u00fair\u00ed suntasacha ar n\u00f3s <strong>Plin\u00ed an tSean\u00f3ra, Gail\u00e9an, agus Dioscorides<\/strong> \u00fas\u00e1id an chanabais chun pian agus athlasadh a ch\u00f3ire\u00e1il. \u00das\u00e1ideadh cnaib chun r\u00f3pa\u00ed, seolta, agus eangacha a dh\u00e9anamh, rud a chabhraigh le leathn\u00fa sibhialtachta\u00ed an chine dhaonna.<\/p>\n                            <p class=\"content-text\">Thug Gail\u00e9an faoi deara freisin air\u00edonna s\u00edcighn\u00edomhacha an chanabais, ag aithint a \u00e9ifeachta\u00ed ar an intinn.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_page_from_Avicennas_Canon_of_Medicine._-v_6.1_f1d7b9b7-ed4d-479e-a43b-f023b26b6b1d_0.png\" alt=\"Can\u00f3nach Avicenna\">\n                        <div class=\"text-content\">\n                            <h4>1205 \u2013 Leigheas Peirseach Me\u00e1naoiseach<\/h4>\n                            <p class=\"content-text translation-block\">Sa Pheirsia mhe\u00e1naoiseach, \u00fas\u00e1ideadh canabas chun eipileipseacht, g\u00fat, agus tinneas cinn trom a ch\u00f3ire\u00e1il. Liostaigh an t\u00e9acs leighis ch\u00e1ili\u00fail <strong>Canon Leighis Avicenna<\/strong> canabas mar ch\u00f3ire\u00e1il ar ghalar \u00e9ags\u00fala, agus bh\u00ed tionchar ag an saothar seo ar leigheas an Iarthair ar feadh na gc\u00e9adta bliain.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Modern History Section -->\n                <div class=\"content-card\">\n                    <h3>Stair Nua-Aimseartha \u2014 Aois Nua an Chanabais<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vintage_portrait_of_Sir_William_Brooke_OShaughn_ade47ba7-42f3-4527-a54d-2d4130c6dffc_0.png\" alt=\"Portr\u00e1id U\u00ed Sheachainis\">\n                        <div class=\"text-content\">\n                            <h4>1841 \u2013 Cuireann Docht\u00fair \u00c9ireannach Canabas i L\u00e1thair don Leigheas Iarthair<\/h4>\n                            <p class=\"content-text translation-block\">An fear, an miotas, an finsc\u00e9al. Arda\u00edmis gloine do <strong>Sir William Brooke O'Shaughnessy<\/strong>, docht\u00fair \u00c9ireannach a thug canabas isteach sa leigheas Iarthair, sea, an buachaill William!<\/p>\n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">Agus \u00e9 amuigh san India, chonaic an tUasal \u00d3 Seachnasaigh canabas ag obair, n\u00ed ag leigheas galar, ach ag d\u00e9anamh rud nach bhf\u00e9adfadh docht\u00fair\u00ed a dh\u00e9anamh. Breathnaigh s\u00e9 ar an \u00e9ifeacht chumhachtach a bh\u00ed aige ag <strong>maol\u00fa<\/strong> pian throm agus ag <strong>c\u00f3ire\u00e1il<\/strong> riochta uaf\u00e1sacha cos\u00fail le teiteanas, confadh, airtr\u00edteas, agus eipileipseacht, ruda\u00ed a chuir na docht\u00fair\u00ed ar buile.<\/p>\n                                <p class=\"content-text\">Ba athr\u00fa ioml\u00e1n \u00e9 seo. Casadh t\u00e1bhachtach. \u00d3n bpointe seo, thosaigh canabas ag d\u00e9anamh tonnta i gciorcail ch\u00f3gais\u00edochta, agus mh\u00e9adaigh a \u00fas\u00e1id leighis \u00f3 shin i leith.<\/p>\n                                <p class=\"content-text\"><a href=\"https:\/\/www.youtube.com\/watch?v=rdJYbOkbetQ\" rel=\"noopener noreferrer\">Maith th\u00fa a William!!!<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <div class=\"double-images-spaced\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_A_group_of_mischievous_1910s_Mexican_revolutionar_e15d4bcf-c0d4-47b0-87b2-9d9b9dc9ad8d_2.png\" alt=\"Cannabas R\u00e9abhl\u00f3id Mheicsiceo\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"R\u00e9 Stairi\u00fail Toirmisc Cannabais\" class=\"hide-on-mobile\">\n                        <\/div>\n                        <div class=\"text-content\">\n                            <h4>1910 - Na St\u00e1it Aontaithe agus an \"Baol Marijuana\"<\/h4>\n                            <p class=\"content-text translation-block\">Tar \u00e9is R\u00e9abhl\u00f3id na Meicsice in 1910, thug go leor inimirceach Meicsiceach \u00fas\u00e1id \u00e1ineasa an chanabais go St\u00e1it Aontaithe Mheirice\u00e1. Thug na me\u00e1in rabhadh in aghaidh na <strong>\"mBaol Marijuana\"<\/strong> a bh\u00ed ag teacht, ag cur coireanna uaf\u00e1sacha i leith \u00fas\u00e1id marijuana ag Meicsicigh agus pobail Dhubacha.<\/p>\n                            \n               <p             class=\"content-text translation-block\">Br\u00faadh an focal \"marijuana\" d'aon ghn\u00f3 isteach san fhocl\u00f3ir poibl\u00ed chun an planda a dh\u00e9anamh coimhth\u00edoch agus bagarthach. Tr\u00ed \u00fas\u00e1id a bhaint as an t\u00e9arma <strong>b\u00e9arlagair Mheicsiceach<\/strong> in ionad \"canabas,\" d'fh\u00e9adfadh \u00fadar\u00e1is agus na me\u00e1in \u00e9 a nascadh n\u00edos \u00e9asca le hinimircigh agus eagla chult\u00fartha a choth\u00fa<\/p>\n                            \n                            <p class=\"content-text translation-block\">I ndeisceart SAM, go h\u00e1irithe i Nua-Orl\u00e9ans, bh\u00ed cine\u00e1l nua ceoil ag d\u00e9anamh tonnta, <strong>Jazz<\/strong>. Bh\u00ed r\u00f3l suntasach ag canabas in Aois an Jazz, ag gn\u00edomh\u00fa mar bhealach chun cruthaitheachta, t\u00e1irgeadh ceoil, agus taibhi\u00fa.<\/p>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"R\u00e9 Stairi\u00fail Toirmisc Cannabais\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">Go staitisti\u00fail, bh\u00ed deis n\u00edos m\u00f3 ag Meirice\u00e1naigh Dhubacha agus Mheicsiceacha a ghabh\u00e1il as seilbh chanabais i gcompar\u00e1id le Meirice\u00e1naigh Bh\u00e1na. Bh\u00ed a fhios ag reacht\u00f3ir\u00ed seo agus <strong>rinne siad dl\u00edthe canabais a arm\u00fa<\/strong> chun pobail imeallaithe a dh\u00edri\u00fa orthu, ag \u00fas\u00e1id an phlanda mar uirlis coirpeachais agus rialaithe.<\/p>\n                                <p class=\"content-text\">Ar an gc\u00e9ad amharc, ba chos\u00fail gur seo a bh\u00ed mar chur chuige sna St\u00e1it Aontaithe: \"T\u00e1 na Meicsicigh agus na Meirice\u00e1naigh Dhubacha ag \u00fas\u00e1id an phlanda seo, d\u00e9anaimis neamhdhleathach \u00e9, cuirimis faoi ghlas iad, agus d\u00e9anaimis airgead as.\"<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/1925-convention.png\" alt=\"Coinbhinsi\u00fan \u00d3ipiam 1925\">\n                        <div class=\"text-content\">\n                            <h4>1925 - Cosc Idirn\u00e1isi\u00fanta ar Chanabas<\/h4>\n                            <p class=\"content-text translation-block\">Buna\u00edodh <strong>Conradh na N\u00e1isi\u00fan<\/strong> in 1920, an ch\u00e9ad eagra\u00edocht idirn\u00e1isi\u00fanta, idir-rialtasach a crutha\u00edodh chun s\u00edoch\u00e1in domhanda a choinne\u00e1il, tar \u00e9is dheireadh an Chogaidh Mh\u00f3ir (CC1). An eagra\u00edocht \"glacaimis le ch\u00e9ile\".<\/p>\n                            <p class=\"content-text\">In 1925, tion\u00f3ladh Coinbhinsi\u00fan Idirn\u00e1isi\u00fanta an Oipiam i nGeini\u00faiv. Ba \u00e9 an aidhm onnmhair\u00ed oipiam agus c\u00f3caoin a thoirmeasc ar fud an domhain. Bh\u00ed s\u00e9 seo ar t\u00ed tarl\u00fa go dt\u00ed idirghabh\u00e1il ag an n\u00f3im\u00e9ad deireanach \u00f3 \u00c9igipt le taca\u00edocht \u00f3n Iod\u00e1il, Afraic Theas agus an Tuirc a theastaigh haisis a chur leis an liosta (ar ch\u00faiseanna is f\u00e9idir linn dul i ngleic leo am \u00e9igin eile).<\/p>\n                            <p class=\"content-text translation-block\">Ceada\u00edodh \u00e9 agus cuireadh haisis leis an liosta. Rinne s\u00e9 seo t\u00fas le <strong>toirmeasc domhanda ar chanabas<\/strong>.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/reefer-madness-md-web-scaled.jpg\" alt=\"Madness Reefer\">\n                        <div class=\"text-content\">\n                            <h4>1936 \u2013 Madacht Reefer<\/h4>\n                            <p class=\"content-text translation-block\">Le do thoil f\u00e9ach ar an <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\" rel=\"noopener noreferrer\">treal\u00e1r do Reefer Madness<\/a>. T\u00f3gfaidh s\u00e9 n\u00f3im\u00e9ad agus tr\u00edocha a hocht soicind de do shaol uait. Beidh s\u00e9 go maith fi\u00fantach...<\/p>\n                            \n                            <p class=\"content-text translation-block\">Is d\u00f3igh liom gurb \u00e9 seo an t-athfhriotail is fearr liom <strong>\"Is f\u00e9idir \u00e9 a roll\u00fa isteach i dtoit\u00edn a bhfuil cuma neamhdh\u00edobh\u00e1lach air\"<\/strong> L\u00e9igh an l\u00edne sin ar\u00eds, lol. T\u00e1 tr\u00e1chtanna YouTube ar cheann de na ruda\u00ed is fearr nach bhfuil?<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">Scaoileadh an scann\u00e1n Reefer Madness, ag d\u00e9anamh deamhain de chanabas mar dhruga an-and\u00faileach a chuir neamhord meabhrach agus for\u00e9igean faoi deara. Go bun\u00fasach l\u00e9ir\u00edonn s\u00e9 m\u00e1 chaitheann t\u00fa canabas go n-\u00e9ireoidh t\u00fa <strong>for\u00e9igneach, m\u00ed-\u00fas\u00e1ideach, d\u00fanmharfach<\/strong> agus go l\u00e9imfidh t\u00fa amach as foirgneamh ard chun do bh\u00e1is. Gach rud seo mar gheall ar ch\u00fapla tarraingt ar Mary Jane Mhilis.<\/p>\n                                <p class=\"content-text\">Anois, n\u00ed saineolai m\u00e9 ar dhruga\u00ed agus a n-\u00e9ifeachta\u00ed, ach t\u00e1 m\u00e9 s\u00e1ch cinnte, mar shl\u00e1nuimhir, cruinnithe go dt\u00ed an deach\u00fail is gaire, go bhfuil s\u00e9 seo ina chac capaill ioml\u00e1n a.k.a l\u00e1n de chac a.k.a ioml\u00e1n agus ioml\u00e1n gan chiall\u2026<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <div class=\"double-images\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Portr\u00e1id Harry J. Anslinger\" class=\"hide-on-mobile\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Marhihanna-Tax-Stamp.jpg\" alt=\"Stampa C\u00e1nach Marijuana\">\n                        <\/div>\n                        <div class=\"text-content\">\n                            <h4>1937 \u2013 Acht C\u00e1nach na Marijuana<\/h4>\n                            <p class=\"content-text\">Bain l\u00e9amh gasta as conas a th\u00e1inig siad ar an gcinneadh canabas a thoirmeasc go h\u00e9ifeachtach sna St\u00e1it Aontaithe. Bh\u00ed dh\u00e1 smaoineamh air seo.<\/p>\n                            <p class=\"content-text translation-block\">Ar thaobh amh\u00e1in bh\u00ed <strong>Harry J. Anslinger<\/strong>, an ch\u00e9ad Choimisin\u00e9ir de Bhi\u00far\u00f3 C\u00f3nascach na N\u00e1rcach. Bh\u00ed Harold tiomanta go hioml\u00e1n do chanabas a bhr\u00fa isteach i raon faire an dl\u00ed ch\u00f3nascaigh. Ach c\u00e9n f\u00e1th? Bh\u00ed a chl\u00e1r oibre spreagtha ag measc\u00e1n de chin\u00edochas, leas polaiti\u00fail pearsanta, coga\u00ed cr\u00edche bp\u00faracrat\u00fala, agus crois\u00e1id mhor\u00e1lta. N\u00ed raibh s\u00e9 seo faoi fhianaise n\u00f3 sl\u00e1inte phoibl\u00ed, bh\u00ed s\u00e9 faoi eagla, rial\u00fa, agus cumhacht<\/p>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Portr\u00e1id Harry J. Anslinger\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                            \n                            <p class=\"content-text translation-block\">Anois ar an taobh eile den chinneadh seo bh\u00ed <strong>Comhairle Dl\u00ed Chumann Leighis Mheirice\u00e1<\/strong>, a bh\u00ed i gcoinne an chinneadh seo canabas a thoirmeasc. C\u00e9n f\u00e1th?<\/p>\n                            \n                            <ul>\n                                <li>Easpa fianaise eola\u00edochta ar an gcinneadh<\/li>\n                                <li>Bh\u00ed luach leighis \u00e1 neamhaird<\/li>\n                                <li>N\u00ed raibh an pobal leighis p\u00e1irteach i rith an bhille<\/li>\n                            <\/ul>\n                            \n                            <p class=\"content-text translation-block\">In \u00e9ineacht le Comhairle Dl\u00ed Chumann Leighis Mheirice\u00e1, bh\u00ed <strong>Acadamh Leighis Nua-Eabhrac<\/strong> agat. D'eisigh siad tuairisc fhorleathan ag dearbh\u00fa nach raibh \"marijuana\" ag spreagadh for\u00e9igin, n\u00f3 gealtachais, n\u00e1 ag tabhairt chun and\u00faileachais n\u00f3 \u00fas\u00e1id druga\u00ed eile.<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">Cad a sh\u00edleann t\u00fa a chinn siad a dh\u00e9anamh tar \u00e9is d\u00f3ibh na tuairisc\u00ed seo agus an c\u00e1s at\u00e1 idir l\u00e1mha a anail\u00edsi\u00fa go c\u00faramach? Bhuel chinn siad <strong>gan \u00e9isteacht leis na docht\u00fair\u00ed &amp; saineolaithe<\/strong> sa leigheas agus roghnaigh siad na tuairisc\u00ed forleathana seo a neamhaird. Mar sin chuaigh siad ar aghaidh le rith an achta a luadh. Maith sibh a bhuachaill\u00ed.<\/p>\n                                <p class=\"content-text\">Rinne an t-acht seo \u00e9 an-deacair aon taighde suntasach a dh\u00e9anamh ar chanabas sna blianta ina dhiaidh sin.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Turn of Millennium Section -->\n                <div class=\"content-card\">\n                    <h3>Casadh na M\u00edlaoise \u2014 An B\u00f3thar go Dleath\u00fa<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vibrant_nostalgic_1970s_Amsterdam_coffee_shop_a_7a91547b-8cd4-4ffb-b717-0f50038e76e2_1.png\" alt=\"Siopa Caife Ollainnis\">\n                        <div class=\"text-content\">\n                            <h4>1970\u00ed \u2013 Liobr\u00e1l\u00fa na h\u00cdsilt\u00edre<\/h4>\n                            <p class=\"content-text translation-block\">Ghlac an \u00cdsilt\u00edr cur chuige for\u00e1sach tr\u00ed chanabas a rang\u00fa mar dhruga n\u00edos l\u00fa cont\u00fairte. Roinn rialtas na h\u00cdsilt\u00edre druga\u00ed ina <strong>gcatag\u00f3ir\u00ed n\u00edos m\u00f3 agus n\u00edos l\u00fa cont\u00fairte<\/strong>, le canabas sa chatag\u00f3ir n\u00edos \u00edsle.<\/p>\n                            <p class=\"content-text\">In 1976, thosaigh caif\u00ed ag d\u00edol canabais le h\u00fas\u00e1id \u00e1ineasa. D'\u00e9irigh cur chuige na t\u00edre maidir le canabas ina shamhail do dhaoine eile le lean\u00faint.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Inside_a_microscopic_cellular_world_glowing_canna_2679b5ff-5879-40d6-8c9e-a17a437cdd25_1.png\" alt=\"Dl\u00edthi\u00fa California\">\n    <div class=\"text-content\">\n        <h4>1992 - Fionnachtain an Ch\u00f3rais Endocannabinoid<\/h4>\n        <p class=\"content-text translation-block\">Irish: In 1992, fuair an teola\u00ed <strong>an Dr. Raphael Mechoulam<\/strong> amach go bhfuil c\u00f3ras bitheola\u00edoch ioml\u00e1n ag daoine at\u00e1 deartha chun idirghn\u00edomh\u00fa le comhdh\u00faile canabais. <strong>An c\u00f3ras endocannabinoid<\/strong> a thugtar air. D'athraigh an fionnachtain seo an comhr\u00e1 go hioml\u00e1n \u00f3 \"druga cont\u00fairteach\" go \"fan bomaite, b'fh\u00e9idir go bhfuil rud \u00e9igin anseo.\"<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_warm_sun-drenched_California_street_glowing_in__9316f0e9-68bb-4bec-8593-603094b1a83f_3.png\" alt=\"Dl\u00edthi\u00fa California\">\n    <div class=\"text-content\">\n        <h4>1996 - D\u00e9anann California Canabas Leighis a Dhleath\u00fa<\/h4>\n        <p class=\"content-text translation-block\">In 1996, chuaigh California d\u00f3. Ag dul i gcoinne dl\u00ed ch\u00f3nascach, rith v\u00f3t\u00e1laithe California <strong>Togra 215<\/strong> ag cead\u00fa d\u00edol agus \u00fas\u00e1id leighis marijuana do othair le SEIF, ailse, agus galair thromch\u00faiseacha ph\u00e1in\u00fala eile.<\/p>\n        <p class=\"content-text\">T\u00e1 an dl\u00ed seo f\u00f3s i dteannas le dl\u00edthe c\u00f3nascacha a thoirmisceann seilbh marijuana.<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Playful_political_cartoon_showing_two_stages_of_c_2185a797-ea9c-48c0-8be1-c8c716189c22_3.png\">\n    <div class=\"text-content\">\n        <h4>2000\u00ed \u2013 An t-Athr\u00fa Domhanda<\/h4>\n        <p class=\"content-text translation-block\">\u00d3 th\u00fas na m\u00edlaoise, t\u00e1 n\u00edos m\u00f3 t\u00edortha ag bogadh i dtreo d\u00edchoirsi\u00fa agus dleath\u00fa canabais. Is \u00e9 an treocht n\u00e1 <strong>d\u00edchoirsi\u00fa agus ansin dleath\u00fa<\/strong>.<\/p>\n        \n        <div class=\"highlight-box\">\n            <p class=\"content-text translation-block\">Cialla\u00edonn <strong>d\u00edchoirsi\u00fa<\/strong> nach bhfaighidh t\u00fa pion\u00f3s n\u00e1 f\u00edne\u00e1il as m\u00e9ideanna beaga den droga a bheith agat.<\/p>\n            <p class=\"content-text translation-block\">Cialla\u00edonn <strong>dleath\u00fa<\/strong> go bhfuil an druga rial\u00e1ilte agus gur f\u00e9idir \u00e9 a dh\u00edol agus a thr\u00e1d\u00e1il de r\u00e9ir rialacha an rialtais.<\/p>\n        <\/div>\n        \n        <p class=\"content-text\">Mar sin tuigeann siad ar dt\u00fas go mb'fh\u00e9idir go rabhamar r\u00f3-dhian leis na rialach\u00e1in agus na toirmisc seo san am a chuaigh thart, stopaimis ag pion\u00f3s\u00fa daoine as a nd\u00e9anann siad (d\u00edchoirsi\u00fa). Ansin smaoin\u00edonn siad \"Ceart go leor, anois conas is f\u00e9idir linn airgead a dh\u00e9anamh as seo\" \u00e1it a gcuirtear plean i bhfeidhm chun an druga a dh\u00edol go dleathach (dleath\u00fa).<\/p>\n        <p class=\"content-text\">Unless your country is called Thailand ye mad bastards.<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Side-by-side_political_illustration_of_Uruguay_20_51ba5fc7-cf52-4f25-a6c5-b24941fd8bc8_1.png\" alt=\"Uruguay and Canada Legalisation\">\n    <div class=\"text-content\">\n        <p class=\"content-text translation-block\">Idir an d\u00e1 linn, agus gach duine ag iarraidh a oibri\u00fa amach cad ba cheart a dh\u00e9anamh le dl\u00edthe agus beartais, chuaigh <strong>Uragua<\/strong> agus d'\u00e9irigh s\u00e9 an ch\u00e9ad t\u00edr ar domhan a dhleath\u00fa canabas go hioml\u00e1n in 2013. N\u00ed d\u00edchoirsi\u00fa, dleath\u00fa ceart. Bh\u00ed a gcur chuige simpl\u00ed: c\u00e9n f\u00e1th a bhfuilimid ag ligean do choirpigh an t-airgead go l\u00e9ir a dh\u00e9anamh as seo?<\/p>\n        \n        <p class=\"content-text translation-block\">Ansin in 2018, d'\u00e9irigh <strong>Ceanada<\/strong> an ch\u00e9ad mh\u00f3rt\u00edr Iarthair a dhleath\u00fa canabas ar fud na t\u00edre. Bh\u00ed tr\u00ed sprioc shimpl\u00ed ag a rialtas: \u00e9 a choinne\u00e1il amach \u00f3 ph\u00e1ist\u00ed, brab\u00fais a choinne\u00e1il amach \u00f3 choirpigh, agus gan ligean don tsocha\u00ed titim as a ch\u00e9ile. Rabhadh spoiler: n\u00edor thit an tsocha\u00ed as a ch\u00e9ile.<\/p>\n    <\/div>\n<\/div>\n<\/div>\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>Smaointe Deiridh - Casta a Fuair an Stair<\/h3>\n                    <p class=\"content-text translation-block\">Mar sin t\u00e1 s\u00e9 againn. Ba cheart gur forbhreathn\u00fa maith \u00e9 sin ar th\u00edrdhreach agus stair an chanabais, an Domhan &amp; an cine daonna le ch\u00e9ile. T\u00e1 canabas mar chuid de stair an chine dhaonna le <strong>m\u00edlte bliain<\/strong>. \u00das\u00e1ideadh \u00e9 mar leigheas, mar fhoinse soilsithe spiorad\u00e1lta, agus mar uirlis rialaithe sh\u00f3isialta.<\/p>\n                    <p class=\"content-text\">Adios.<\/p>\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>An tSl\u00ed Amh\u00e1in chun Fanacht Nuashonraithe<\/h3>\n                            <p>T\u00e1 an canabas ag forbairt agus cl\u00fada\u00edmid an eola\u00edocht, an taighde agus an cult\u00far, gach rud saor in aisce agus d\u00edreach chuig do bhosca isteach. Gan me\u00e1in sh\u00f3isialta. R\u00edomhphost amh\u00e1in. B\u00ed linn m\u00e1 t\u00e1 fiosracht ort.<\/p>\n                            <ul class=\"benefits-list\">\n                                <li>\ud83c\udfac Agallaimh &amp; Cl\u00e1r Faisn\u00e9ise<\/li>\n                                <li>\ud83d\udcda F\u00edse\u00e1in &amp; fuaimeanna oideachas\u00fala<\/li>\n                                <li>\ud83d\udd2c Eolas &amp; l\u00e9argais at\u00e1 tacaithe ag eola\u00edocht<\/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=\"do@r\u00edomhphost.com\" required id=\"emailInput\">\n                                <button type=\"submit\" id=\"emailSubmitBtn\">Faigh Nuashonruithe<\/button>\n                                <p class=\"form-note\">\u27a1\ufe0f Fan fiosrach \u2b05\ufe0f<\/p>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"ga\"\/><\/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>Cad \u00e9 do thuairim?<\/h3>\n                            <p>An bhfuil rud \u00e9igin le r\u00e1 agat? F\u00e1g anseo th\u00edos \u00e9. Cuid\u00edonn do ghuth le m\u00fanl\u00fa a bheidh ann ina dhiaidh seo.<\/p>\n                            <ul class=\"engagement-features\">\n                                <li>\ud83d\udcad Roinn d'eisp\u00e9iris<\/li>\n                                <li>\ud83e\udd1d Pl\u00e9igh \u00e9 le daoine eile<\/li>\n                                <li>\ud83d\udcda Cabhraigh feabhas a chur ar \u00e1bhar sa todhcha\u00ed<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"engagement-interaction\">\n                            <div class=\"comment-form-v1\">\n                                <h4>Conas a oibr\u00edonn s\u00e9 seo<\/h4>\n                                <ol>\n                                    <li class=\"translation-block\"><span>C\u00e9im 1:<\/span>Roghnaigh: Cuir isteach do r\u00edomhphost N\u00d3 tr\u00e1cht go hanaithnid<\/li>\n                                    <li class=\"translation-block\"><span>C\u00e9im 2:<\/span>Faigh d'ainm \u00fas\u00e1ideora uath\u00fail (coime\u00e1dann t\u00fa \u00e9 ar fud an tsu\u00edmh)<\/li>\n                                    <li class=\"translation-block\"><span>C\u00e9im 3:<\/span>D\u00e9an tr\u00e1cht, v\u00f3t\u00e1il, freagair agus roinn do chuid smaointe: t\u00e1 t\u00fa p\u00e1irteach sa chomhr\u00e1!<\/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;\">Tabhair tr\u00e1cht go hanaithnid (gan r\u00edomhphost ag teast\u00e1il)<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"form-group-v1\" id=\"emailGroup\">\n                                        <input type=\"email\" id=\"commentEmail\" placeholder=\"do@r\u00edomhphost.com\" required>\n                                        <div class=\"username-container\">\n                                            <div class=\"username-display\" id=\"usernameDisplay\">Nochtfaidh d'ainm \u00fas\u00e1ideora anseo<\/div>\n                                            <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Faigh ainm \u00fas\u00e1ideora eile\">\n                                                \ud83d\udd04\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"form-group-v1\">\n                                        <textarea id=\"commentText\" placeholder=\"Cad a sh\u00edl t\u00fa? Aon cheisteanna n\u00f3 eisp\u00e9iris le roinnt?\"><\/textarea>\n                                    <\/div>\n                                    <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                        <span id=\"submitText\">Post\u00e1il Tr\u00e1cht<\/span>\n                                    <\/button>\n                                <input type=\"hidden\" name=\"trp-form-language\" value=\"ga\"\/><\/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\">S\u00f3rt\u00e1il de r\u00e9ir:<\/label>\n                            <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                                <option value=\"recent\">Is D\u00e9ana\u00ed<\/option>\n                                <option value=\"liked\">An M\u00f3 Is Maith Leo<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"comments-header\" id=\"commentsHeader\">\n                            <span>\ud83d\udcad<\/span> Tr\u00e1chtanna Le D\u00e9ana\u00ed (<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                <!-- More Topics CTA -->\n        <div class=\"cta-section\">\n    <a href=\"https:\/\/twobirdsonestoned.co\/ga\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n        Tuilleadh \u00c1bhar \u2192\n                    <\/a>\n                <\/div>\n\n                <!-- References Section -->\n                <div class=\"content-card\">\n                    <h3>Tagairt\u00ed<\/h3>\n                    <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n                        <p>\u00c1bal, El Salvador, 1980. <em>An Ch\u00e9ad Dh\u00e1 Mh\u00edle D\u00e9ag Bliain<\/em>Nua-Eabhrac: McGraw Hill.<\/p>\n                        \n                        <p>Fond\u00faireacht Alc\u00f3il agus Druga\u00ed, \u00fad <em>D\u00edchoiri\u00fal\u00fa san Astr\u00e1il<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/adf.org.au\/insights\/decriminalisation-australia\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/adf.org.au\/insights\/decriminalisation-australia\/<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Athbhreithnithe Bliant\u00fala, \u00fa.d. <em>Cannabis sativa L.: Luibheola\u00edocht agus Biteicneola\u00edocht<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Bloom, nd <em>Stair an Chanabais Cuid 2: An bhfuil muid ann f\u00f3s?<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Britannica, nd <em>D\u00edosp\u00f3ireacht maidir le Marijuana Leighis<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Trojan Laeth\u00fail, 2020. <em>Le bheith mac\u00e1nta: is cuid dh\u00edlis de stair an snagcheoil i Meirice\u00e1 \u00e9 cannabas<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>M\u00fasaem Riarach\u00e1in Fhorfheidhmi\u00fach\u00e1in Druga\u00ed, nd <em>Cannabas, C\u00f3ca, agus Poip\u00edn: Planda\u00ed And\u00faileacha an D\u00falra<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Leigheas Endocannabinoid, \u00fa. <em>Stair an Chanabais<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Tionscnamh Domhanda, \u00fa.d. <em>St\u00e1das cannabais i rial\u00fa druga\u00ed<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Leabhair Google, \u00fad <em>Cn\u00e1ib &amp; Comhcheilg an Mhar\u00faana: N\u00ed Chaitheann an tImpire \u00c9ada\u00ed<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Leabhair Google, \u00fad <em>Cn\u00e1ib: Athbhreithni\u00fa ar Stair Mheirice\u00e1: An Planda le Stair Roinnte<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Medical Daily, \u00fa. <em>Stair Achomair ar Chanabas Leighis: \u00d3 Ain\u00e9ist\u00e9ise \u00c1rsa go dt\u00ed an D\u00edolt\u00f3ir Nua-Aimseartha<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>D\u00falra, 2015. <em>Bun\u00fasacha na marijuana m\u00edochaine<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.nature.com\/articles\/525S10a\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nature.com\/articles\/525S10a<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>PBS, \u00fad <em>Aml\u00edne Marijuana<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>PubMed L\u00e1rnach, 2020. <em>Stair Achomair ar \u00das\u00e1id Cannabais i Meirice\u00e1 Thuaidh<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>ResearchGate, nd <em>Leigheas luibhe san \u00c9igipt \u00e1rsa<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Taylor &amp; Francis Ar L\u00edne, 2020. <em>Cannabis sativa: planda na m\u00edle agus a haon mh\u00f3il\u00edn<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Leabharlann Dl\u00ed Ollscoil Georgia, \u00fad <em>Dl\u00ed Marijuana: Stair Rial\u00e1il Marijuana sna St\u00e1it Aontaithe<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Ollscoil Sydney, \u00fad <em>Stair an chanabais<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                        \n                        <p>Woodward, Cill Chainnigh, 1937. <em>R\u00e1iteas an Dr. William C. Woodward, Comhairleoir Reachta\u00edochta, Cumann Leighis Mheirice\u00e1, Chicago, Ill. \u00c9isteachta\u00ed ar HR 6385: C\u00e1nachas ar Marijuana, Coiste na dTithe ar Bheala\u00ed agus Acmhainn\u00ed, Teach Ionadaithe na St\u00e1t Aontaithe, 4 Bealtaine, 1937<\/em>[ar l\u00edne] DrugLibrary.org. Ar f\u00e1il ag: <a href=\"https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm<\/a> [Rochtain d\u00e9anta air 22 M\u00e1rta 2025].<\/p>\n                        \n                        <p>Caipitleoir Amhairc, \u00fa.d. <em>Map\u00e1ilte: T\u00edortha ina bhfuil Cannabas \u00c1ineasa Dleathach<\/em>[ar l\u00edne] Ar f\u00e1il ag: <a href=\"https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/<\/a> [Rochtain d\u00e9anta air an 31 Nollaig 2024].<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>M\u00e1 Th\u00e1inig T\u00fa Chomh Fada Leis Seo...<\/h3>\n                    \n                    <div class=\"section-divider\"><\/div>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">T\u00e1 s\u00e9 seo ag deireadh gach p\u00edosa a scr\u00edobhaim mar sin m\u00e1 l\u00e9igh t\u00fa rud \u00e9igin anseo roimhe seo, t\u00e1 a fhios agat an sc\u00e9al.<\/p>\n                        \n                        <p class=\"content-text translation-block\">M\u00e1 th\u00e1inig t\u00fa go deireadh an ph\u00edosa seo, <strong>go raibh maith agat<\/strong>. Go f\u00edrinneach. Th\u00f3g t\u00fa an t-am chun dul i ngleic le topaic a bh\u00ed i bhfolach faoi shraitheanna st\u00edgma ar feadh na ngl\u00fanta. Cialla\u00edonn sin f\u00e9in go bhfuil t\u00fa mar chuid d'athr\u00fa at\u00e1 an-gh\u00e1 leis.<\/p>\n                        \n                        <p class=\"content-text translation-block\">M\u00e1 chuir rud \u00e9igin anseo stad ort n\u00f3 m\u00e1 chuir s\u00e9 ar smaoineamh t\u00fa ar bhealach difri\u00fail, d\u00e9an \u00e9 seo: <strong>labhair faoi<\/strong>. Tabhair suas \u00e9 le duine \u00e9igin. Is cuma c\u00e9, do chara, d'athair, do fhisiteiripeoir, do chomhghleaca\u00ed, cib\u00e9 duine. Roinn an m\u00e9id a d'fhoghlaim t\u00fa, an m\u00e9id a chuir iontas ort, n\u00f3 fi\u00fa an m\u00e9id nach bhfuil t\u00fa cinnte f\u00f3s faoi.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Briseann na comhr\u00e1ite seo, cib\u00e9 acu iad simpl\u00ed, domhain, randamach n\u00f3 m\u00edchompordach, an st\u00edgma s\u00edos, beag\u00e1n ar bheag\u00e1n. N\u00ed tr\u00ed sheanm\u00f3ireacht, ach tr\u00ed bheith <strong>ionraic sa n\u00f3im\u00e9ad<\/strong>.<\/p>\n                        \n                        <p class=\"content-text\">T\u00e1 s\u00e9 faoi bhriseadh an timthrialla m\u00edfhaisn\u00e9ise agus eagla at\u00e1 tar \u00e9is sinn a choinne\u00e1il siar ar feadh i bhfad r\u00f3-fhada.<\/p>\n                        \n                        <p class=\"content-text\">Gach uair a scaipeann muid faisn\u00e9is chruinn, chothrom, glacann muid c\u00e9im eile i dtreo an domhan seo a fh\u00e1g\u00e1il beag\u00e1n n\u00edos fearr n\u00e1 mar a fuair muid \u00e9, don ch\u00e9ad ghl\u00fain eile.<\/p>\n                        \n                        <p class=\"content-text\">N\u00ed theasta\u00edonn uaim freisin go mbeadh tionchar di\u00faltach ar shaol daoine mar gheall ar na rialacha s\u00f3isialta at\u00e1 timpeall ar an bplanda seo.<\/p>\n                        \n                        <p class=\"content-text\">T\u00e1 s\u00e9 dlite againn d\u00f3ibh \u00e9 seo a dh\u00e9anamh i gceart. Labhairt go hoscailte, gan bhreithi\u00fanas n\u00e1 n\u00e1ire. Na miotais as d\u00e1ta a athshol\u00e1thar le fianaise agus tuiscint.<\/p>\n                        \n                        <p class=\"content-text\"><strong>Coime\u00e1daimis an comhr\u00e1 seo ag dul x<\/strong><\/p>\n                        \n                        <p class=\"content-text\">Leis sin, f\u00e1gfaidh m\u00e9 t\u00fa leis. T\u00e1 s\u00e9 agat. M\u00e1 d'fhoghlaim t\u00fa rud \u00e9igin nua, t\u00e9igh agus inis do dhuine \u00e9igin haha<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Go Exploring CTA -->\n                <div class=\"cta-section\">\n                    <a href=\"https:\/\/twobirdsonestoned.co\/ga\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button\">\n                        \ud83c\udf3f T\u00e9igh ag Ini\u00fachadh\n                    <\/a>\n                <\/div>\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        \/\/ 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 currentText = button.textContent.trim();\n            \n            if (currentText === '\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 BODY CLASS MANAGEMENT\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n            const title = document.querySelector('.article-title');\n            const subtitle = document.querySelector('.article-subtitle');\n            const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n            const toggleButton = document.getElementById('theme-toggle');\n            const navHint = document.querySelector('.nav-hint');\n            \n            \/\/ Comment system selectors\n            const engagementContainer = document.querySelector('.engagement-container');\n            const commentForm = document.querySelectorAll('.comment-form-v1');\n            const commentItems = document.querySelectorAll('.comment-item');\n            const sortLabel = document.querySelector('.sort-label');\n            const sortDropdown = document.querySelector('.sort-dropdown');\n            const commentsHeader = document.querySelector('.comments-header');\n            const noCommentsMessage = document.querySelector('.no-comments-message');\n            \n            \/\/ HEADER SELECTORS\n            const header = document.querySelector('.tbos-header');\n            const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n            const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n            const dropdownContent = document.querySelectorAll('.dropdown-content');\n            const hamburgerLines = document.querySelectorAll('.hamburger-line');\n            \n            \/\/ MOBILE MENU SELECTORS\n            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \n            \/\/ FOOTER SELECTORS\n            const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n            const footerTitle = document.querySelector('.footer-card h4');\n            const footerText = document.querySelectorAll('.footer-card p');\n            const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n            const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n            \n            if (!isDarkTheme) {\n                \/\/ LIGHT THEME (Day Time)\n                console.log('Applying LIGHT theme');\n                \n                \/\/ ADD BODY CLASS FOR THEME DETECTION\n                body.classList.add('light-theme');\n                body.classList.remove('dark-theme');\n                \n                \/\/ Add light theme class to html as well\n                html.classList.add('light-theme');\n                \n                \/\/ Apply cream background\n                html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR LIGHT THEME\n                if (header) {\n                    header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    dropdown.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#2A2A2A', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR LIGHT THEME\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR LIGHT THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#333333', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Light cards\n                contentCards.forEach(card => {\n                    if (card.classList.contains('keep-learning-section')) {\n                        card.style.setProperty('background-color', '#ffffff', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    } else {\n                        card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    }\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    \/\/ Update headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#000000', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Update links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box');\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                    });\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 AND ADD DARK THEME CLASS\n                body.classList.remove('light-theme');\n                body.classList.add('dark-theme');\n                \n                \/\/ Remove light theme class from html as well\n                html.classList.remove('light-theme');\n                \n                \/\/ Reset to dark gradient\n                html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR DARK THEME\n                if (header) {\n                    header.style.setProperty('background', '#1d1d1d', 'important');\n                    header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#1d1d1d', 'important');\n                    dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#f5ebd6', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR DARK THEME\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n                    mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR DARK THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n                    footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                \/\/ Reset cards\n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#1d1d1d', 'important');\n                    card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    card.style.setProperty('color', '#fff', 'important');\n                    \n                    \/\/ Reset headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    \/\/ Reset text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset strong text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#F4C542', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Reset links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                    \n                    \/\/ Reset highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n                    });\n\n                    \/\/ Reset keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                            input.style.setProperty('color', '#fff', 'important');\n                            input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Reset title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                    title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n                \n                \/\/ Reset nav hint to original color in dark mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                });\n                \n                \/\/ Reset comment system elements for dark theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n                    engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    \/\/ Reset engagement content elements\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#fff', 'important');\n                    });\n                    \/\/ Reset Step spans to original color in dark theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#F4C542', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n                    item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n                    sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n                \n                \/\/ Reset button style\n                toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n                toggleButton.style.setProperty('color', '#4CAF50', 'important');\n            }\n        }\n\n        \/\/ Animate content cards on scroll\n        function animateOnScroll() {\n            const cards = document.querySelectorAll('.content-card, .media-card');\n            \n            cards.forEach(card => {\n                const cardTop = card.getBoundingClientRect().top;\n                const cardBottom = card.getBoundingClientRect().bottom;\n                \n                if (cardTop < window.innerHeight && cardBottom > 0) {\n                    card.classList.add('animate-in');\n                }\n            });\n        }\n\n        \/\/ Smooth scroll to anchor on page load with offset\n        document.addEventListener('DOMContentLoaded', function() {\n            if (window.location.hash) {\n                setTimeout(function() {\n                    const element = document.querySelector(window.location.hash);\n                    if (element) {\n                        const yOffset = -150; \/\/ Negative value = scroll UP from element\n                        const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n                        \n                        window.scrollTo({\n                            top: yPosition,\n                            behavior: 'smooth'\n                        });\n                    }\n                }, 100);\n            }\n        });\n\n        \/\/ Initialize everything when DOM is ready\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis History Article Initialized');\n            \n            \/\/ Setup email signup\n            setupEmailSignup();\n            \n            \/\/ Setup scroll animations\n            animateOnScroll();\n            window.addEventListener('scroll', animateOnScroll);\n            \n            \/\/ Animate title section\n            setTimeout(() => {\n                const titleSection = document.querySelector('.title-section');\n                if (titleSection) {\n                    titleSection.style.opacity = '1';\n                    titleSection.style.transform = 'translateY(0)';\n                }\n            }, 100);\n            \n            \/\/ Initialize anonymous mode toggle\n            const anonymousCheckbox = document.getElementById('anonymousMode');\n            const emailGroup = document.getElementById('emailGroup');\n            \n            if (anonymousCheckbox && emailGroup) {\n                anonymousCheckbox.addEventListener('change', function() {\n                    if (this.checked) {\n                        emailGroup.style.display = 'none';\n                        document.getElementById('commentEmail').removeAttribute('required');\n                    } else {\n                        emailGroup.style.display = 'block';\n                        document.getElementById('commentEmail').setAttribute('required', '');\n                    }\n                });\n            }\n            \n            \/\/ Ensure progress bar starts at 0\n            updateProgressBar();\n            \n            console.log('\u2705 All components initialized successfully');\n        });\n\n        \/\/ Handle visibility change for audio\n        document.addEventListener('visibilitychange', function() {\n            if (document.hidden) {\n                \/\/ Pause any playing audio when tab is not visible\n                const nightAudio = document.getElementById('nightTimeAudio');\n                const dayAudio = document.getElementById('dayTimeAudio');\n                if (nightAudio) nightAudio.pause();\n                if (dayAudio) dayAudio.pause();\n            }\n        });\n\n        \/\/ Error handling for external scripts\n        window.addEventListener('error', function(e) {\n            if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n                console.warn('External script error detected, but core functionality preserved:', e.message);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Complete History of Cannabis: 5000 Years of Human Use | Two Birds One Stoned The History of Cannabis on Earth \ud83c\udf0d From ancient rituals to modern legalization, explore 5,000 years of human cannabis use \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis history \ud83c\udfa7 Listen on the Go Perfect [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/ga\/wp-json\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/ga\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/ga\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/ga\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/ga\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":177,"href":"https:\/\/twobirdsonestoned.co\/ga\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/twobirdsonestoned.co\/ga\/wp-json\/wp\/v2\/pages\/701\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/ga\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}