{"id":2350,"date":"2025-06-16T08:06:46","date_gmt":"2025-06-16T08:06:46","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=2350"},"modified":"2025-11-18T04:37:26","modified_gmt":"2025-11-18T04:37:26","slug":"why-two-birds-one-stoned-exists","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/de\/why-two-birds-one-stoned-exists\/","title":{"rendered":"Why Two Birds One Stoned Exists"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2350\" class=\"elementor elementor-2350\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7960b8 e-flex e-con-boxed e-con e-parent\" data-id=\"a7960b8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d955753 elementor-widget elementor-widget-html\" data-id=\"d955753\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- Primary Meta Tags -->\n    <title>Warum Two Birds One Stoned Existiert - Pers\u00f6nliche Geschichten Hinter der Cannabis-Bildungsreform<\/title>\n    <meta name=\"title\" content=\"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\">\n    <meta name=\"description\" content=\"Die pers\u00f6nlichen Erfahrungen, die die Mission von Two Birds One Stoned ausgel\u00f6st haben: von Universit\u00e4tswohnungsverboten bis zu Gerichtsverfahren wegen 50 Cent Cannabis. Echte Geschichten, die Bildungsreform vorantreiben.\">\n    <meta name=\"keywords\" content=\"cannabis stigma, cannabis education reform, cannabis criminalization stories, university cannabis policy, cannabis court cases, James Gallagher story, cannabis injustice, drug policy reform, cannabis legalization advocacy\">\n    <meta name=\"author\" content=\"James Gallagher\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"language\" content=\"English\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n    <meta property=\"og:title\" content=\"Warum Two Birds One Stoned Existiert - Pers\u00f6nliche Geschichten Hinter der Cannabis-Bildungsreform\">\n    <meta property=\"og:description\" content=\"Die pers\u00f6nlichen Erfahrungen, die die Mission von Two Birds One Stoned ausgel\u00f6st haben: von Universit\u00e4tswohnungsverboten bis zu Gerichtsverfahren wegen 50 Cent Cannabis. Echte Geschichten, die Bildungsreform vorantreiben.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\">\n    <meta property=\"og:image:width\" content=\"1200\">\n    <meta property=\"og:image:height\" content=\"630\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    <meta property=\"article:author\" content=\"James Gallagher\">\n    <meta property=\"article:section\" content=\"Cannabis-Aufkl\u00e4rung\">\n    <meta property=\"article:tag\" content=\"Cannabis Reform\">\n    <meta property=\"article:tag\" content=\"Personal Stories\">\n    <meta property=\"article:tag\" content=\"Drug Policy\">\n    \n    <!-- Twitter -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n    <meta name=\"twitter:title\" content=\"Warum Two Birds One Stoned Existiert - Pers\u00f6nliche Geschichten Hinter der Cannabis-Bildungsreform\">\n    <meta name=\"twitter:description\" content=\"Die pers\u00f6nlichen Erfahrungen, die die Mission von Two Birds One Stoned ausgel\u00f6st haben: von Universit\u00e4tswohnungsverboten bis zu Gerichtsverfahren wegen 50 Cent Cannabis. Echte Geschichten, die Bildungsreform vorantreiben.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\">\n    <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags for Cannabis Content -->\n    <meta name=\"topic\" content=\"Cannabis Policy Reform\">\n    <meta name=\"subject\" content=\"Personal stories about cannabis criminalization and the need for education-based reform\">\n    <meta name=\"classification\" content=\"Educational\">\n    <meta name=\"category\" content=\"Social Justice, Health Education\">\n    \n    <!-- Structured Data (JSON-LD) -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Article\",\n    \"headline\": \"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\",\n    \"description\": \"The personal experiences that sparked Two Birds One Stoned's mission: from university housing bans to court cases over 50 cents of cannabis. Real stories driving education reform.\",\n    \"image\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/opening-piece-main-image-e1750062459616.png\",\n    \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n        },\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n        \"sameAs\": [\n            \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n            \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH?si=RCRQ1qo4SS2jwcDr5F_mPw\"\n        ]\n    },\n    \"datePublished\": \"2025-01-01\",\n    \"dateModified\": \"2025-01-01\",\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/why-two-birds-one-stoned-exists\\\/\"\n    },\n    \"articleSection\": \"Cannabis Education\",\n    \"keywords\": [\n        \"cannabis stigma\",\n        \"cannabis education reform\",\n        \"drug policy reform\",\n        \"cannabis criminalization\",\n        \"personal stories\",\n        \"endocannabinoid system\"\n    ],\n    \"about\": [\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis Policy Reform\",\n            \"description\": \"Advocacy for evidence-based cannabis policy through personal storytelling and education\"\n        },\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Endocannabinoid System\",\n            \"description\": \"The biological system that interacts with cannabis compounds, discovered in 1988\"\n        }\n    ],\n    \"mentions\": [\n        {\n            \"@type\": \"Place\",\n            \"name\": \"Ireland\",\n            \"description\": \"Location of personal cannabis criminalization experiences discussed in the article\"\n        },\n        {\n            \"@type\": \"Place\",\n            \"name\": \"Australia\",\n            \"description\": \"Location where author experienced festival cannabis enforcement\"\n        }\n    ],\n    \"breadcrumb\": {\n        \"@type\": \"BreadcrumbList\",\n        \"itemListElement\": [\n            {\n                \"@type\": \"ListItem\",\n                \"position\": 1,\n                \"name\": \"Home\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\"\n            },\n            {\n                \"@type\": \"ListItem\",\n                \"position\": 2,\n                \"name\": \"Why We Exist\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\\\/why-two-birds-one-stoned-exists\\\/\"\n            }\n        ]\n    }\n}<\/script>\n    \n    <!-- Favicon and Icons -->\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n    <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Additional SEO Meta Tags -->\n    <meta name=\"geo.region\" content=\"IE\">\n    <meta name=\"geo.region\" content=\"AU\">\n    <meta name=\"geo.placename\" content=\"Ireland, Australia\">\n    <meta name=\"dcterms.subject\" content=\"Cannabis Policy Reform, Personal Narratives, Social Justice, Health Education\">\n    <meta name=\"dcterms.type\" content=\"Text\">\n    <meta name=\"dcterms.audience\" content=\"Policy Makers, General Public, Cannabis Advocates, Students\">\n    \n    <!-- Content Security and Trust Signals -->\n    <meta name=\"referrer\" content=\"origin-when-cross-origin\">\n    <meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self' 'unsafe-inline' https:\/\/www.youtube.com https:\/\/docs.google.com https:\/\/www.gstatic.com https:\/\/open.spotify.com; style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com; font-src 'self' https:\/\/fonts.gstatic.com; img-src 'self' data: https:; media-src 'self' https:; frame-src https:\/\/www.youtube.com https:\/\/docs.google.com https:\/\/open.spotify.com; connect-src 'self' https:\/\/docs.google.com;\">\n    \n    <!-- Performance and Loading -->\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/open.spotify.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    \n    <!-- News and Social Media Validation -->\n    <meta name=\"news_keywords\" content=\"cannabis reform, drug policy, personal stories, education advocacy, endocannabinoid system\">\n    <meta property=\"fb:app_id\" content=\"YOUR_FACEBOOK_APP_ID\">\n    \n    <!-- Rich Snippets for FAQ\/How-To Content -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Why was Two Birds One Stoned created?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Two Birds One Stoned was created after a series of personal experiences with cannabis criminalization, including friends losing university housing and facing court cases over minimal amounts of cannabis. The platform aims to educate people about cannabis and challenge outdated stigma through evidence-based content.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What is the endocannabinoid system?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The endocannabinoid system is a biological system discovered in 1988 that produces cannabis-like compounds naturally in the human body. It's responsible for phenomena like 'runner's high' and helps explain why humans have interacted with cannabis for thousands of years.\"\n            }\n        }\n    ]\n}<\/script>\n    \n    <!-- Theme Color for Mobile Browsers -->\n    <meta name=\"theme-color\" content=\"#F4C542\">\n    <meta name=\"msapplication-TileColor\" content=\"#F4C542\">\n    \n    <!-- Preload Critical Resources -->\n    <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\" as=\"image\">\n<\/head>\n    <style>\n        \/* Reset and base styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            color: #fff;\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n        }\n\n        \/* ARTICLE PAGE SECTION *\/\n        .article-page {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 100px;\n            padding-bottom: 6rem;\n        }\n\n        \/* Container *\/\n        .tbos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            width: 100%;\n        }\n\n        \/* Content Cards *\/\n        .content-card {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 3rem;\n            border-radius: 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            margin: 4rem auto;\n            max-width: 950px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        \/* Cards animate in when visible *\/\n        .content-card.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Content Card Hover *\/\n        .content-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n     \/* Title Section - FIXED HEIGHT TO PREVENT LAYOUT SHIFT *\/\n.article-page .tbos-container .title-section {\n    text-align: center !important;\n    margin-bottom: 60px !important;  \/* CHANGED: was 30px *\/\n    margin-top: 60px !important;     \/* CHANGED: was 40px *\/\n    padding-bottom: 3rem !important;  \/* CHANGED: was 2rem *\/\n    opacity: 0;\n    transform: translateY(-20px);\n    transition: all 0.8s ease;\n    max-width: 1000px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    position: relative !important;\n    z-index: 10 !important;\n    display: block !important;\n    overflow: visible !important;\n    \/* FIXED: Set minimum height to prevent layout shifts *\/\n    min-height: 200px !important;  \/* CHANGED: was 180px *\/\n}\n\n        .article-page .tbos-container .title-section .article-title {\n            font-size: clamp(2rem, 6vw, 4rem) !important;\n            font-weight: 700 !important;\n            margin-bottom: 2.5rem !important;\n            color: #F4C542 !important;\n            text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n            line-height: 1.3 !important;\n            letter-spacing: -0.02em !important;\n            max-width: 100% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            text-align: center !important;\n            padding: 0 2rem !important;\n            font-family: 'Montserrat', sans-serif !important;\n            display: block !important;\n            position: relative !important;\n            overflow: visible !important;\n            white-space: normal !important;\n        }\n\n        \/* FIXED: Prevent subtitle from going bold and wrapping in light theme *\/\n        .article-page .tbos-container .title-section .article-subtitle {\n            font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n            color: #E3E3DC !important;\n            font-weight: 400 !important; \/* Force normal weight *\/\n            margin-bottom: 4rem !important;\n            opacity: 0.9 !important;\n            line-height: 1.5 !important;\n            max-width: 90% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            word-wrap: break-word !important;\n            \/* FIXED: Ensure consistent height and prevent wrapping *\/\n            min-height: 48px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n        }\n\n        \/* FIXED: Ensure subtitle stays normal weight in light theme *\/\n        body.light-theme .article-page .tbos-container .title-section .article-subtitle,\n        html.light-theme .article-page .tbos-container .title-section .article-subtitle {\n            font-weight: 400 !important;\n            color: #000000 !important;\n        }\n        \/* Lightbox styles *\/\n        .lightbox {\n            display: none;\n            position: fixed;\n            z-index: 9999;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.9);\n            justify-content: center;\n            align-items: center;\n        }\n\n        .lightbox.active {\n            display: flex;\n        }\n\n        .lightbox-content {\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain;\n        }\n\n        .lightbox-close {\n            position: absolute;\n            top: 20px;\n            right: 40px;\n            color: #fff;\n            font-size: 40px;\n            font-weight: bold;\n            cursor: pointer;\n            z-index: 10000;\n        }\n\n        .lightbox-close:hover {\n            color: #ccc;\n        }\n\n        \/* Media Section Spacing *\/\n        .media-section {\n            margin: 8rem auto;\n            max-width: 950px;\n            position: relative;\n            z-index: 5;\n        }\n\n        .media-section-title {\n            text-align: center;\n            font-size: 2.5rem;\n            color: #F4C542;\n            margin-bottom: 3rem;\n            font-weight: 600;\n        }\n\n        .media-card {\n    background-color: #1d1d1d;\n    border: 1px solid rgba(156,175,136,0.3);\n    border-radius: 1.5rem;\n    padding: 3rem;\n    margin: 4rem auto;\n    max-width: 950px;\n    text-align: center;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    overflow: visible; \/* NEW - Universal fix *\/\n}\n\n\/* NEW - Universal video container fix *\/\n.media-card > div[style*=\"position: relative\"] {\n    background: transparent !important;\n    margin: 0 auto 1.5rem auto;\n}\n\n\/* NEW - Universal iframe fix *\/\n.media-card iframe {\n    display: block;\n}\n\n        .media-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n        .media-card h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 2rem;\n            font-weight: 600;\n        }\n\n        .media-card iframe {\n            width: 100%;\n            border-radius: 16px;\n            margin-top: 1.5rem;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n        }\n\n        \/* Content Break *\/\n        .content-break {\n            height: 3rem;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .content-break::before {\n            content: '';\n            width: 200px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            border-radius: 1px;\n        }\n\n        \/* FIXED: Navigation hint - ensure it changes to black in light mode *\/\n        .nav-hint {\n            text-align: center;\n            color: #F4C542;\n            font-style: italic;\n            font-size: 1.2rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            padding: 2rem;\n            background: rgba(244, 197, 66, 0.05);\n            border-radius: 1rem;\n            border: 1px solid rgba(244, 197, 66, 0.2);\n            transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n        }\n\n        \/* FIXED: Nav hint light theme styling *\/\n        body.light-theme .nav-hint,\n        html.light-theme .nav-hint {\n            color: #000000 !important;\n            background: rgba(184, 134, 11, 0.1) !important;\n            border: 1px solid rgba(184, 134, 11, 0.3) !important;\n        }\n\n        \/* Content Section Headers *\/\n        .content-section {\n            margin: 8rem auto;\n            max-width: 950px;\n        }\n\n        .content-section .content-section-title {\n    text-align: center !important;\n    font-size: 3rem !important;\n    color: #F4C542 !important;\n    margin-bottom: 5rem !important;  \/* CHANGED: was 4rem *\/\n    margin-top: 3rem !important;     \/* ADDED: new line *\/\n    padding-top: 3rem !important;    \/* ADDED: new line *\/\n    font-weight: 600 !important;\n    text-shadow: none !important;\n    line-height: 1.4 !important;     \/* ADDED: new line *\/\n}\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            color: #F4C542;\n            margin-bottom: 2rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        .content-card h4 {\n            font-size: clamp(1.4rem, 3vw, 1.8rem);\n            color: #F4C542;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #E3E3DC;\n            margin-bottom: 2rem;\n        }\n\n        .content-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Split content layout *\/\n        .split-content {\n            display: flex;\n            gap: 3rem;\n            align-items: center;\n            margin: 3rem 0;\n        }\n\n        .split-content img {\n            flex: 0 0 280px;\n            width: 280px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        .split-content .text-content {\n            flex: 1;\n        }\n\n        \/* Center images - better desktop integration *\/\n        .center-image {\n            text-align: center;\n            margin: 2rem 0;\n        }\n\n        .center-image img {\n            max-width: 70%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        }\n\n        \/* Section Image - more integrated on desktop *\/\n        .section-image {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            margin: 0 auto 3rem auto;\n            display: block;\n        }\n\n        \/* Lists *\/\n        .content-card ul {\n            list-style-type: disc;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card ol {\n            list-style-type: decimal;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            line-height: 1.7;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* FIXED: Make strong text in lists yellow in dark theme *\/\n        .content-card li strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* FIXED: Keep strong text dark\/bold in light theme *\/\n        body.light-theme .content-card li strong,\n        html.light-theme .content-card li strong {\n            color: #000000 !important;\n            font-weight: 600 !important;\n        }\n\n        \/* Links *\/\n        .content-card a {\n            color: #4CAF50;\n            text-decoration: underline;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .content-card a:hover {\n            color: #45a049;\n        }\n\n        \/* Highlight box *\/\n        .highlight-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n            border-left: 5px solid #F4C542;\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 0 16px 16px 0;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Quote box styling *\/\n        .quote-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n            border: 2px solid rgba(244,197,66,0.3);\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 16px;\n            font-style: italic;\n            text-align: center;\n            font-size: 1.1rem;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Special list containers for the anatomy page *\/\n        .list-container {\n            background: rgba(156,175,136,0.1);\n            border-radius: 16px;\n            padding: 2rem;\n            margin: 3rem 0;\n            border: 1px solid rgba(156,175,136,0.2);\n        }\n\n        .other-parts-list {\n            background: rgba(156,175,136,0.1);\n            border-radius: 16px;\n            padding: 2rem;\n            margin: 3rem 0;\n            border: 1px solid rgba(156,175,136,0.2);\n        }\n\n        .other-parts-list ul {\n            list-style: none;\n            margin-left: 0;\n            padding-left: 0;\n        }\n\n        .other-parts-list li {\n            margin-bottom: 1rem;\n            padding-left: 1.5rem;\n            position: relative;\n            line-height: 1.7;\n            font-size: 1.15rem;\n            color: #E3E3DC;\n        }\n\n        .other-parts-list li::before {\n            content: '\ud83c\udf3f';\n            position: absolute;\n            left: 0;\n            top: 0;\n        }\n\n        \/* Divider *\/\n        .section-divider {\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            margin: 4rem 0;\n            border-radius: 2px;\n        }\n\n        \/* Theme Toggle Styles *\/\n        .theme-toggle {\n            text-align: center;\n            margin: 1.5rem 0 0.5rem 0;\n            padding-top: 0.5rem;\n        }\n\n        .theme-toggle button {\n            background: rgba(0,0,0,0.8);\n            border: 2px solid #4CAF50;\n            color: #4CAF50;\n            padding: clamp(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 2.5vw, 20px);\n            font-weight: 600;\n            font-family: 'Montserrat', sans-serif;\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n        }\n\n        \/* Scroll progress indicator *\/\n        .progress-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, #F4C542, #4CAF50);\n            z-index: 1000;\n            transition: width 0.3s ease;\n        }\n\n        .section-break {\n            margin: 6rem auto;\n            position: relative;\n            height: 3px;\n            max-width: 500px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(156,175,136,0.1) 10%, \n                rgba(156,175,136,0.3) 25%, \n                rgba(156,175,136,0.6) 40%, \n                rgba(156,175,136,0.8) 50%, \n                rgba(156,175,136,0.6) 60%, \n                rgba(156,175,136,0.3) 75%, \n                rgba(156,175,136,0.1) 90%, \n                transparent 100%);\n            border-radius: 3px;\n        }\n\n        .section-break::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(244,197,66,0.2) 20%, \n                rgba(244,197,66,0.4) 40%, \n                rgba(244,197,66,0.6) 50%, \n                rgba(244,197,66,0.4) 60%, \n                rgba(244,197,66,0.2) 80%, \n                transparent 100%);\n        }\n\n        \/* ============================================================================ *\/\n        \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n        \/* ============================================================================ *\/\n        .keep-learning-section {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            margin: 6rem auto 3rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n            overflow: hidden;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\n        .signup-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .signup-text h3 {\n            color: #F4C542;\n            font-size: clamp(18px, 4vw, 24px);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Ensure \"The Only Way to Stay Updated\" changes to gold in light theme *\/\n        body.light-theme .signup-text h3,\n        html.light-theme .signup-text h3 {\n            color: #B8860B !important;\n        }\n\n        .signup-text p {\n            color: #E3E3DC;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Ensure signup text paragraphs change to black in light theme *\/\n        body.light-theme .signup-text p,\n        html.light-theme .signup-text p {\n            color: #333333 !important;\n        }\n\n        .signup-form-container {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .signup-form-container input {\n            width: 100%;\n            padding: 1rem 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n\n        .signup-form-container input:focus {\n            outline: none;\n            border-color: #4CAF50;\n        }\n\n        .signup-form-container input::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n        body.light-theme .signup-form-container input::placeholder,\n        html.light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n\n        \/* FIXED: Input text color in light theme *\/\n        body.light-theme .signup-form-container input,\n        html.light-theme .signup-form-container input {\n            color: #333333 !important;\n            background: rgba(255,255,255,0.9) !important;\n            border: 1px solid rgba(184,134,11,0.5) !important;\n        }\n\n        .signup-form-container button {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .signup-form-container button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n\n        .signup-form-container button:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .form-note {\n            color: #E3E3DC;\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin: 1.5rem 0 0 0;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Form note color in light theme *\/\n        body.light-theme .form-note,\n        html.light-theme .form-note {\n            color: #666666 !important;\n        }\n\n        \/* Benefits List Styling *\/\n        .benefits-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 1.5rem 0;\n            padding-left: 0 !important;\n        }\n\n        .benefits-list li {\n            color: #E3E3DC;\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            padding-left: 0 !important;\n            list-style: none !important;\n            position: relative;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Benefits list items color in light theme *\/\n        body.light-theme .benefits-list li,\n        html.light-theme .benefits-list li {\n            color: #333333 !important;\n        }\n\n        .benefits-list li:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefits-list li::before {\n            content: none !important;\n        }\n\n        \/* ============================================================================ *\/\n        \/* SECURE COMMENT SYSTEM STYLES *\/\n        \/* ============================================================================ *\/\n        .engagement-container {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: background-color 0.3s ease, border-color 0.3s ease;\n        }\n        .engagement-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: flex-start;\n        }\n        .engagement-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-height: 400px;\n            position: relative;\n            top: 1rem;\n        }\n        .engagement-content h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            transition: color 0.3s ease;\n        }\n        .engagement-content p {\n            color: #E3E3DC;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .engagement-features li {\n            color: #E3E3DC;\n            margin-bottom: 1.2rem;\n            font-size: 1.05rem;\n            line-height: 1.6;\n            padding-left: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features li:last-child {\n            margin-bottom: 0;\n        }\n        .engagement-interaction {\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            padding: 0;\n        }\n        .comment-form-v1 h4 {\n            color: #F4C542;\n            font-size: 1.6rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 p {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            padding-left: 1.5rem;\n            counter-reset: step-counter;\n        }\n        .comment-form-v1 ol li {\n            margin-bottom: 0.8rem;\n            list-style: none;\n            position: relative;\n            padding-left: 4rem;\n            color: #fff;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol li span {\n            position: absolute;\n            left: 0;\n            color: #F4C542;\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n        body.light-theme .comment-form-v1 ol li span,\n        html.light-theme .comment-form-v1 ol li span {\n            color: #B8860B !important;\n            font-weight: 600 !important;\n        }\n\n        .form-group-v1 {\n            margin-bottom: 2rem;\n        }\n        .form-group-v1 input,\n        .form-group-v1 textarea {\n            width: 100%;\n            padding: 1rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        .form-group-v1 input:focus,\n        .form-group-v1 textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        .form-group-v1 input::placeholder,\n        .form-group-v1 textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Main comment form placeholder styling for light theme *\/\n        body.light-theme .form-group-v1 input::placeholder,\n        html.light-theme .form-group-v1 input::placeholder,\n        body.light-theme .form-group-v1 textarea::placeholder,\n        html.light-theme .form-group-v1 textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Main comment form input text color in light theme *\/\n        body.light-theme .form-group-v1 input,\n        html.light-theme .form-group-v1 input,\n        body.light-theme .form-group-v1 textarea,\n        html.light-theme .form-group-v1 textarea {\n            color: #333333 !important;\n            background: rgba(255, 255, 255, 0.9) !important;\n            border: 1px solid rgba(184, 134, 11, 0.5) !important;\n        }\n        \n        .form-group-v1 textarea {\n            height: 100px;\n            resize: vertical;\n        }\n\n        \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n        .username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n        }\n\n        .username-display {\n            flex: 1;\n            width: auto;\n            padding: 1rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n        }\n        \n        .username-display.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        .username-display.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 1rem;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 50px;\n            height: auto;\n        }\n\n        .username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .username-refresh-btn:active {\n            transform: rotate(180deg) scale(0.95);\n        }\n\n        .username-refresh-btn:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .username-refresh-btn.spinning {\n            animation: spin 0.5s ease-in-out;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Inline reply form styles *\/\n        .inline-username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n            margin-bottom: 0.8rem;\n        }\n\n        .inline-reply-username {\n            flex: 1;\n            width: auto;\n            padding: 0.8rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 6px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n\n        .inline-reply-username.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        \n        .inline-reply-username.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .inline-username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 0.8rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 40px;\n        }\n\n        .inline-username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .submit-btn-v1 {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            padding: 1.2rem 1.5rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            margin-top: 1rem;\n        }\n        .submit-btn-v1:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n        .submit-btn-v1:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .status-message {\n            text-align: center;\n            padding: 1rem;\n            border-radius: 8px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .status-message.show {\n            opacity: 1;\n        }\n        .status-message.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        .status-message.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n        .comments-display {\n            margin-top: 2rem !important;\n            border-top: none !important;\n            padding-top: 2.5rem !important;\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .sort-container {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 0.5rem !important;\n            margin-bottom: 2rem !important;\n            padding: 0 !important;\n        }\n        .sort-label {\n            color: #E3E3DC;\n            font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n            font-weight: 400 !important;\n            transition: color 0.3s ease;\n        }\n        .sort-dropdown {\n            background: rgba(0, 0, 0, 0.6);\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            color: #E3E3DC;\n            padding: 0.4rem 0.6rem !important;\n            border-radius: 4px !important;\n            font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n            font-family: 'Montserrat', sans-serif;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            outline: none;\n        }\n        .sort-dropdown:hover {\n            border-color: #4CAF50;\n            background: rgba(0, 0, 0, 0.8);\n        }\n        .sort-dropdown:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n        }\n        .comments-header {\n            color: #4CAF50;\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            margin-bottom: 2rem !important;\n            font-weight: 600;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n            transition: color 0.3s ease;\n        }\n.comment-item {\n    background: rgba(0,0,0,0.4);\n    border-radius: 8px;\n    padding: 1.2rem;\n    margin-bottom: 1.5rem !important;\n    border-left: 3px solid #4CAF50;\n    width: auto;\n    max-width: 100%;\n    box-sizing: border-box;\n    transition: background-color 0.3s ease, border-color 0.3s ease;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    position: relative; \n        }\n        \n        .comment-container {\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        .comment-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n            flex-wrap: wrap;\n            gap: 1rem;\n            min-height: 2rem;\n        }\n        .comment-author {\n            color: #F4C542;\n            font-weight: 600;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n            transition: color 0.3s ease;\n        }\n        .comment-date {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            transition: color 0.3s ease;\n        }\n        .comment-text {\n            color: #E3E3DC;\n            line-height: 1.5;\n            font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            margin-bottom: 1rem;\n            transition: color 0.3s ease;\n        }\n        .comment-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 1rem;\n            padding-top: 0.8rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            transition: border-color 0.3s ease;\n        }\n        .comment-actions {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        .comment-like-btn,\n        .comment-dislike-btn,\n        .comment-reply-btn {\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.5);\n            color: #4CAF50;\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n            min-width: 50px;\n            justify-content: center;\n            white-space: nowrap;\n            height: 32px;\n            box-sizing: border-box;\n        }\n        .comment-like-btn:hover,\n        .comment-reply-btn:hover {\n            background: rgba(76, 175, 80, 0.1);\n            border-color: #4CAF50;\n            transform: translateY(-1px);\n        }\n        .comment-like-btn.liked {\n            background: rgba(76, 175, 80, 0.2);\n            border-color: #4CAF50;\n            color: #4CAF50;\n        }\n        .comment-dislike-btn {\n            border-color: rgba(255, 107, 107, 0.5);\n            color: #ff6b6b;\n            margin-left: 0.2rem;\n        }\n        .comment-dislike-btn:hover {\n            background: rgba(255, 107, 107, 0.1);\n            border-color: #ff6b6b;\n            transform: translateY(-1px);\n        }\n        .comment-dislike-btn.disliked {\n            background: rgba(255, 107, 107, 0.2);\n            border-color: #ff6b6b;\n            color: #ff6b6b;\n        }\n        .comment-like-count {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        .like-count, .dislike-count {\n            font-weight: 600;\n            margin-left: 0.2rem;\n        }\n        \n        \/* Reply indicator styles *\/\n        .reply-indicator {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n            background: rgba(76, 175, 80, 0.08);\n            border: 1px solid rgba(76, 175, 80, 0.2);\n            border-radius: 12px;\n            font-size: 0.85rem;\n            color: #4CAF50;\n            transition: all 0.3s ease;\n        }\n        \n        .reply-icon {\n            font-size: 1rem;\n            font-weight: bold;\n            color: #4CAF50;\n            opacity: 0.8;\n        }\n        \n        .reply-text {\n            color: #E3E3DC;\n            font-size: 0.8rem;\n            opacity: 0.9;\n        }\n        \n        .reply-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n        \n        \/* Read More Button Styles *\/\n        .read-more-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.5);\n            color: #F4C542;\n            padding: 0.3rem 0.8rem;\n            border-radius: 15px;\n            cursor: pointer;\n            font-size: 0.8rem;\n            font-weight: 500;\n            margin-top: 0.5rem;\n            margin-bottom: 0.5rem;\n            transition: all 0.3s ease;\n            display: inline-block;\n        }\n        \n        .read-more-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: translateY(-1px);\n        }\n        \n        .read-more-btn.expanded {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n        }\n        \n        \/* Thread connection line for visual hierarchy *\/\n        .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n            content: '';\n            position: absolute;\n            left: -6px;\n            top: -8px;\n            bottom: 50%;\n            width: 2px;\n            background: linear-gradient(to bottom, \n                rgba(76, 175, 80, 0.4) 0%, \n                rgba(76, 175, 80, 0.2) 50%, \n                transparent 100%);\n            border-radius: 1px;\n        }\n        #cancelReplyBtn {\n            background: transparent !important;\n            border: 1px solid #ff6b6b !important;\n            color: #ff6b6b !important;\n            padding: 0.6rem 1rem !important;\n            border-radius: 6px !important;\n            cursor: pointer !important;\n            font-size: 0.9rem !important;\n            margin-left: 1rem !important;\n            transition: all 0.3s ease !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n        #cancelReplyBtn:hover {\n            background: rgba(255, 107, 107, 0.1) !important;\n            transform: translateY(-1px) !important;\n        }\n        .no-comments-message {\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.7;\n            padding: 2rem;\n            font-style: italic;\n            transition: all 0.3s ease;\n        }\n\n        \/* Inline reply system styles *\/\n        .inline-reply-form {\n            background: rgba(76, 175, 80, 0.05);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin-top: 1rem;\n            margin-bottom: 1rem;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-form.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .inline-reply-form h5 {\n            color: #F4C542;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .inline-reply-email {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 0.8rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-email:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-email::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Inline reply form placeholder styling for light theme *\/\n        body.light-theme .inline-reply-email::placeholder,\n        html.light-theme .inline-reply-email::placeholder,\n        body.light-theme .inline-reply-textarea::placeholder,\n        html.light-theme .inline-reply-textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Username display text visibility in light theme *\/\n        body.light-theme .username-display:not(.authenticated),\n        html.light-theme .username-display:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .username-display.authenticated,\n        html.light-theme .username-display.authenticated {\n            color: #B8860B !important;\n        }\n        \n        \/* FIXED: Inline reply username display visibility in light theme *\/\n        body.light-theme .inline-reply-username:not(.authenticated),\n        html.light-theme .inline-reply-username:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .inline-reply-username.authenticated,\n        html.light-theme .inline-reply-username.authenticated {\n            color: #B8860B !important;\n        }\n        \n        .inline-reply-textarea {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            height: 80px;\n            resize: vertical;\n            margin-bottom: 1rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        .inline-reply-actions {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n        \n        .inline-reply-submit {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 6px;\n            padding: 0.8rem 1.2rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 0.9rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            flex: 1;\n            min-width: 100px;\n        }\n        \n        .inline-reply-submit:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n        }\n        \n        .inline-reply-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .inline-reply-cancel {\n            background: transparent;\n            border: 1px solid #ff6b6b;\n            color: #ff6b6b;\n            padding: 0.8rem 1.2rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            flex: 0 0 auto;\n        }\n        \n        .inline-reply-cancel:hover {\n            background: rgba(255, 107, 107, 0.1);\n            transform: translateY(-1px);\n        }\n        \n        .inline-reply-status {\n            width: 100%;\n            text-align: center;\n            padding: 0.8rem;\n            border-radius: 6px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .inline-reply-status.show {\n            opacity: 1;\n        }\n        \n        .inline-reply-status.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        \n        .inline-reply-status.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n\n        \/* ============================================================================ *\/\n        \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n        \/* ============================================================================ *\/\n        \n        \/* Light theme styles for dynamically created comments *\/\n        body.light-theme .comment-item,\n        html.light-theme .comment-item {\n            background: rgba(0,0,0,0.05) !important;\n            border-left: 3px solid #B8860B !important;\n        }\n\n        body.light-theme .comment-text,\n        html.light-theme .comment-text {\n            color: #333333 !important;\n        }\n\n        body.light-theme .comment-author,\n        html.light-theme .comment-author {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-date,\n        html.light-theme .comment-date {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comment-footer,\n        html.light-theme .comment-footer {\n            border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n        }\n\n        body.light-theme .comment-like-count,\n        html.light-theme .comment-like-count {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comments-header,\n        html.light-theme .comments-header {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .no-comments-message,\n        html.light-theme .no-comments-message {\n            color: #666666 !important;\n        }\n\n        \/* Light theme styles for reply indicators in dynamically created comments *\/\n        body.light-theme .reply-text,\n        html.light-theme .reply-text {\n            color: #666666 !important;\n        }\n\n        body.light-theme .reply-text strong,\n        html.light-theme .reply-text strong {\n            color: #B8860B !important;\n        }\n\n        \/* Light theme styles for comment action buttons *\/\n        body.light-theme .comment-like-btn,\n        html.light-theme .comment-like-btn,\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn,\n        body.light-theme .comment-reply-btn,\n        html.light-theme .comment-reply-btn {\n            border-color: rgba(184, 134, 11, 0.5) !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn:hover,\n        html.light-theme .comment-like-btn:hover,\n        body.light-theme .comment-reply-btn:hover,\n        html.light-theme .comment-reply-btn:hover {\n            background: rgba(184, 134, 11, 0.1) !important;\n            border-color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn.liked,\n        html.light-theme .comment-like-btn.liked {\n            background: rgba(184, 134, 11, 0.2) !important;\n            border-color: #B8860B !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn {\n            border-color: rgba(204, 85, 85, 0.5) !important;\n            color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn:hover,\n        html.light-theme .comment-dislike-btn:hover {\n            background: rgba(204, 85, 85, 0.1) !important;\n            border-color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn.disliked,\n        html.light-theme .comment-dislike-btn.disliked {\n            background: rgba(204, 85, 85, 0.2) !important;\n            border-color: #cc5555 !important;\n            color: #cc5555 !important;\n        }\n\n        \/* CTA Button Styles *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #F4C542, #E6B82E);\n            color: #000;\n            padding: 1rem 3rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n            background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n        }\n\n        \/* CTA Section Styles *\/\n        .cta-section {\n            text-align: center;\n            margin: 4rem auto;\n            max-width: 950px;\n            padding: 2rem;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Better desktop image sizing for large screens *\/\n        @media (min-width: 1200px) {\n            .center-image img {\n                max-width: 60%;\n            }\n            \n            .section-image {\n                max-width: 400px;\n            }\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .content-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n            \n            \/* FIXED: Mobile list font sizes to be normal *\/\n            .content-card li {\n                font-size: 0.9rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .media-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .keep-learning-section {\n                padding: 1.5rem;\n                margin: 2rem auto;\n                position: relative;\n                z-index: 1;\n            }\n\n            .signup-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n\n            .signup-text h3,\n            .signup-text p {\n                text-align: center;\n            }\n\n            .signup-form-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .signup-form-container input {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n            }\n\n            .signup-form-container button {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n                margin-bottom: 0.5rem;\n            }\n\n            .form-note {\n                margin-top: 1rem;\n                position: relative;\n                z-index: 4;\n                clear: both;\n                display: block;\n                width: 100%;\n                padding-top: 0.5rem;\n            }\n\n            #formMessage {\n                position: relative;\n                z-index: 5;\n                clear: both;\n                margin-top: 1.5rem;\n                display: block;\n                width: 100%;\n                box-sizing: border-box;\n                padding: 1rem;\n                text-align: center;\n                font-weight: 600;\n            }\n\n            .engagement-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            \n            .engagement-container {\n                padding: 2rem 1.5rem;\n            }\n            .engagement-content {\n                text-align: center;\n                min-height: auto;\n                position: static;\n                margin-bottom: 1rem;\n            }\n\n            .split-content {\n                flex-direction: column;\n                gap: 2rem;\n            }\n\n            .split-content img {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            .content-break {\n                height: 4rem;\n            }\n\n            .media-section {\n                margin: 6rem auto 4rem auto;\n            }\n\n            .content-section {\n                margin: 4rem auto;\n            }\n\n            .title-section {\n                margin-bottom: 6rem;\n                padding-bottom: 3rem;\n                min-height: auto;\n            }\n\n            .nav-hint {\n                margin: 3rem auto;\n                padding: 1.5rem;\n                font-size: 1rem;\n                line-height: 1.4;\n            }\n\n            .theme-toggle {\n                margin: 3rem 0 1rem 0;\n                padding-top: 1rem;\n            }\n\n            .center-image img {\n                max-width: 100% !important;\n            }\n\n            .section-image {\n                max-width: 100% !important;\n            }\n\n            .center-image {\n                margin: 2rem 0 !important;\n                text-align: center !important;\n                clear: both !important;\n                width: 100% !important;\n                overflow: visible !important;\n            }\n\n            .center-image p {\n                margin-top: 1rem !important;\n                font-size: 0.9rem !important;\n                line-height: 1.4 !important;\n                padding: 0 1rem !important;\n                word-wrap: break-word !important;\n                overflow-wrap: break-word !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n            }\n\n            .article-page .tbos-container .title-section .article-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 2rem !important;\n            }\n\n            .article-page .tbos-container .title-section .article-subtitle {\n                font-size: clamp(1rem, 4vw, 1.3rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 3rem !important;\n            }\n\n            .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .content-section .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                max-width: 100% !important;\n                margin: 0 auto 4rem auto !important;\n            }\n\n            .media-section-title {\n                font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .media-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n                margin-bottom: 1.5rem !important;\n            }\n\n            .media-card p {\n                font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 1.5rem !important;\n                word-break: break-word !important;\n                overflow-wrap: break-word !important;\n            }\n\n            .content-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card h4 {\n                font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card a {\n                word-break: break-all;\n                overflow-wrap: break-word;\n                hyphens: auto;\n                line-height: 1.6;\n            }\n\n            .content-card .content-text {\n                font-size: 0.9rem !important;\n                line-height: 1.5 !important;\n                word-break: break-word;\n                overflow-wrap: break-word;\n            }\n\n            .cta-button {\n                padding: 0.8rem 2rem !important;\n                font-size: 1rem !important;\n                border-radius: 40px !important;\n            }\n\n            .keep-learning-section h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 1.5rem !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n                white-space: normal !important;\n                word-wrap: break-word !important;\n            }\n\n            .keep-learning-section p {\n                font-size: 1rem !important;\n            }\n\n            .comment-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .comment-footer {\n                flex-direction: column;\n                gap: 0.8rem;\n                align-items: flex-start;\n            }\n            .comment-actions {\n                align-self: flex-start;\n            }\n            .sort-container {\n                justify-content: center !important;\n                gap: 0.5rem;\n                margin-bottom: 1.5rem !important;\n            }\n            .sort-dropdown {\n                padding: 0.4rem 0.6rem;\n                font-size: 0.8rem;\n            }\n            \n            .comment-item {\n                padding: 1.2rem 1rem;\n                margin-bottom: 1.2rem !important;\n            }\n            \n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.5;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.5rem 0.7rem;\n                font-size: 0.8rem;\n                min-width: 45px;\n            }\n            \n            .inline-reply-actions {\n                flex-direction: column;\n                gap: 0.8rem;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                width: 100%;\n                text-align: center;\n            }\n            \n            .inline-reply-form {\n                padding: 1.2rem 1rem;\n                margin: 1rem 0;\n            }\n            \n            .reply-indicator {\n                padding: 0.35rem 0.7rem;\n                margin-bottom: 0.7rem;\n                font-size: 0.8rem;\n            }\n            \n            .reply-icon {\n                font-size: 0.95rem;\n            }\n            \n            .reply-text {\n                font-size: 0.75rem;\n            }\n\n            .username-container {\n                gap: 0.3rem;\n            }\n            \n            .username-refresh-btn {\n                min-width: 45px;\n                padding: 0.8rem;\n                font-size: 1.1rem;\n            }\n        }\n\n        @media (min-width: 769px) and (max-width: 1024px) {\n            .comment-item {\n                padding: 1.3rem 1.2rem;\n            }\n            \n            .comment-text {\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.6rem 0.9rem;\n                font-size: 0.85rem;\n            }\n            \n            .inline-reply-form {\n                padding: 1.3rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            \/* FIXED: Mobile list font sizes for smaller screens *\/\n            .content-card li {\n                font-size: 0.9rem !important;\n                line-height: 1.5 !important;\n            }\n            \n            .keep-learning-section {\n                margin: 3rem auto;\n                padding: 2rem 1rem;\n            }\n\n            .form-note {\n                margin-top: 1.5rem !important;\n                padding-top: 0.75rem !important;\n            }\n\n            #formMessage {\n                margin-top: 2rem !important;\n                padding: 1rem !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                box-sizing: border-box !important;\n            }\n\n            .engagement-container {\n                padding: 2rem 1rem;\n                margin: 3rem auto;\n            }\n            .comment-item {\n                margin-bottom: 2rem !important;\n                padding: 1.5rem 1rem;\n                font-size: 0.9rem;\n            }\n            .comment-author {\n                font-size: 1rem;\n                margin-bottom: 0.3rem;\n                font-weight: 600;\n            }\n            .comment-date {\n                font-size: 0.8rem;\n                margin-bottom: 1rem;\n                opacity: 0.8;\n            }\n            .comment-header {\n                margin-bottom: 1.5rem;\n                gap: 0.8rem;\n            }\n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.6;\n                margin-bottom: 1.2rem;\n                margin-top: 0.5rem;\n                padding-top: 0.5rem;\n            }\n            .comment-footer {\n                margin-top: 1.2rem;\n                gap: 1rem;\n            }\n            .comment-actions {\n                gap: 0.6rem;\n            }\n            .comment-like-btn,\n            .comment-reply-btn,\n            .comment-dislike-btn {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n                min-width: 40px;\n            }\n            .sort-container {\n                margin-bottom: 2rem !important;\n                padding: 0 1rem;\n                gap: 0.8rem;\n            }\n            .sort-label {\n                font-size: 0.85rem;\n            }\n            .sort-dropdown {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.85rem;\n            }\n            .comments-header {\n                margin-bottom: 2rem !important;\n                font-size: 1.2rem;\n                padding: 0 1rem;\n                line-height: 1.3;\n            }\n            \n            .comment-item[style*=\"paddingLeft\"] {\n                padding-left: 0.5rem !important;\n                margin-left: 0 !important;\n            }\n            \n            .reply-indicator {\n                padding: 0.3rem 0.6rem !important;\n                margin-bottom: 0.6rem !important;\n                font-size: 0.75rem !important;\n                border-radius: 8px !important;\n            }\n            \n            .reply-icon {\n                font-size: 0.9rem !important;\n            }\n            \n            .reply-text {\n                font-size: 0.7rem !important;\n            }\n            \n            .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n                left: -1px !important;\n                width: 1px !important;\n            }\n            \n            .inline-reply-form {\n                padding: 1rem 0.8rem;\n                margin: 0.8rem 0;\n            }\n            \n            .inline-reply-form h5 {\n                font-size: 0.85rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-email,\n            .inline-reply-textarea {\n                padding: 0.6rem;\n                font-size: 0.8rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-textarea {\n                height: 60px;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n            }\n\n            .username-refresh-btn {\n                min-width: 40px;\n                padding: 0.8rem 0.6rem;\n                font-size: 1rem;\n            }\n\n            .inline-username-refresh-btn {\n                min-width: 35px;\n                padding: 0.6rem;\n                font-size: 0.9rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Progress bar -->\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n    <!-- Audio Elements (Hidden) -->\n    <div style=\"display: none;\">\n        <audio id=\"nightTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n        \n        <audio id=\"dayTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n    <\/div>\n    \n<!-- Lightbox -->\n    <div id=\"lightbox\" class=\"lightbox\">\n        <span class=\"lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/span>\n        <img class=\"lightbox-content\" id=\"lightbox-img\">\n    <\/div>\n    \n    <section class=\"article-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-section\">\n                <h1 class=\"article-title\">Warum Two Birds One Stoned existiert \ud83d\udc26\u200d\u2b1b<\/h1>\n                <p class=\"article-subtitle\">Die pers\u00f6nlichen Geschichten, die eine Mission zum Wandel der Cannabis-Gespr\u00e4che ausgel\u00f6st haben<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Navigation Hint -->\n            <div class=\"nav-hint\">\n                \u2193 Bereit, in meine pers\u00f6nliche Geschichte einzutauchen? Hier ist die vollst\u00e4ndige Aufschl\u00fcsselung \u2193\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Written Content Section -->\n            <div class=\"content-section\">\n                <h2 class=\"content-section-title\">Warum Two Birds One Stoned existiert \ud83d\udc26\u200d\u2b1b<\/h2>\n\n                <!-- What made me decide to build this site? -->\n                <div class=\"content-card\">\n                    <h3>Was brachte mich dazu, diese Website zu erstellen?<\/h3>\n                        \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/opening-piece-main-image-e1750062459616.png\" alt=\"Cannabis users don't all look the same\">\n                        <p style=\"font-style: italic; color: #F4C542; font-size: 1.1rem; margin-top: 1rem;\">(Cannabis-Konsumenten sehen nicht alle gleich aus. Weil sie es nicht sind)<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Hallo Mitmensch,<\/p>\n                    <p class=\"content-text\">Ich wei\u00df, du bist bestimmt besch\u00e4ftigt, also halte ich es kurz.<\/p>\n                    <p class=\"content-text\">Um direkt zur Sache zu kommen.<\/p>\n                    <p class=\"content-text\">Ein bester Kumpel von mir verlor vier Jahre Campus-Unterkunft, weil er einen Joint vor seinem Wohnblock geraucht hat.<\/p>\n                    <p class=\"content-text\">Ein anderer wurde in Irland vor Gericht gebracht, weil er Gras im Wert von \u20ac0,50 bei sich hatte. Das ist kein Tippfehler. F\u00fcnfzig Cent. Vor dem Bezirksgericht. Das war vor 3 Jahren.<\/p>\n                    <p class=\"content-text\">Und ich wurde durchsucht, nackt gefilmt und mir wurde der Zutritt zu einem Festival verweigert, alles wegen ein paar Joints<\/p>\n                    \n                   <p class=\"content-text translation-block\">Die Inkonsistenz und H\u00e4rte dieser Begegnungen brachten mich dazu zu hinterfragen, warum Cannabis so viel Stigma tr\u00e4gt. Wie die Gesellschaft heute mit Cannabis umgeht, f\u00fchlt sich v\u00f6llig weltfremd an. Im Wissen, dass dies nur <strong>meine eigenen<\/strong> pers\u00f6nlichen Erfahrungen waren, wusste ich, dass es da drau\u00dfen mehr Menschen mit solchen Geschichten gibt.<\/p>\n                      <p class=\"content-text\">Die Anh\u00e4ufung dieser Momente inspirierte mich, dieses Gespr\u00e4ch zu beginnen.<\/p>\n                <\/div>\n\n                <!-- Personal Mission Section -->\n                <div class=\"content-card\">\n                    <h3>Was wird hier passieren?<\/h3>\n                    \n                    <p class=\"content-text\">Zwei Dinge werden passieren:<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong>Die \u00d6ffentlichkeit sicher \u00fcber Cannabis aufkl\u00e4ren<\/strong> - damit du, wenn du damit umgehst, dies sicher und informiert tun kannst.<\/li>\n                        <li class=\"translation-block\"><strong>Das Stigma rund um Cannabis brechen und weiterentwickeln<\/strong> - das muss einfach gemacht werden, also sind wir hier.<\/li>\n                    <\/ul>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Regular-cannabis-users.png\" alt=\"Regular Cannabis Users\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Ich habe Krankenschwestern, Ingenieure, Buchhalter, Baristas, Mechaniker, Wissenschaftler, Gesch\u00e4ftsinhaber, Athleten, \u00c4rzte, Elektriker, Klempner, Hebammen getroffen, die Liste geht weiter, die Cannabis konsumiert haben und hochmotivierte, funktionsf\u00e4hige und gesunde Menschen sind. Und das bin nur ich pers\u00f6nlich.<\/p>\n                            \n                            <p class=\"content-text\">Ich wei\u00df, dass es da drau\u00dfen eine Welt voller Menschen gibt, die mit Cannabis koexistieren und ein erf\u00fclltes Leben f\u00fchren k\u00f6nnen. Lebende Beweise gibt es \u00fcberall, man h\u00f6rt nur nicht immer davon.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Niemand sollte sich komisch oder besch\u00e4mt f\u00fchlen, einen anzuz\u00fcnden. Du genie\u00dft ein bisschen Gras? Cool. Das tun Millionen andere auch, und sie sind hier und gedeihen. Es ist Zeit, dass wir aufh\u00f6ren zu fl\u00fcstern und anfangen, dazu zu stehen.<\/p>\n                    <\/div>\n                    <p class=\"content-text\">Cannabis kann ein Leben mit Struktur, Sinn und Gesundheit bereichern. Ohne diese kann es langsam mehr nehmen als es gibt.<\/p>\n                <\/div>\n\n                <!-- The University Story -->\n                <div class=\"content-card\">\n                    <h3>Lass mich die Geschichten teilen<\/h3>\n                    <p class=\"content-text\">Also warum habe ich mich entschieden, das zu tun? Warum meine ganze Freizeit f\u00fcr so etwas aufwenden?<\/p>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Kicked-out-of-accommadation.png\" alt=\"Kicked out of accommodation\">\n                        <div class=\"text-content\">\n                            <h4>Die Universit\u00e4tsgeschichte<\/h4>\n                            <p class=\"content-text\">Ich war 18, gerade am Anfang des Studiums, als einer meiner besten Freunde, schlau, motiviert, vern\u00fcnftiger Kopf auf den Schultern, beim Rauchen eines Joints vor seinem Apartment erwischt wurde. Die Universit\u00e4t sperrte ihn von allen Campus-Unterk\u00fcnften aus. Ein Moment. Vier Jahre weg. W\u00e4hrend der Rest von uns das Campus-Leben genie\u00dfen konnte, wurde er wegen ein bisschen Gras ausgeschlossen.<\/p>\n                            \n                            <p class=\"content-text\">Das war eine Entscheidung, die niemandem geschadet hat, die viele von uns getroffen haben, er hatte nur das Pech, erwischt zu werden. Und daf\u00fcr verpasste er einige gro\u00dfartige Lebenserfahrungen.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Er gr\u00fcndete die Unternehmergesellschaft der Universit\u00e4t, machte seinen Abschluss mit Auszeichnung, arbeitete f\u00fcr ein multinationales Unternehmen, und jetzt ist er verlobt und baut ein Haus. Ein Joint definierte ihn nicht, aber die Regeln versuchten es. In der Zwischenzeit war die Uni-Kneipe (ja der Stables) jede Nacht voll, und niemand hat mit der Wimper gezuckt. Und um fair zu sein, war ich wahrscheinlich auch in der Kneipe und hatte eine tolle Zeit. Aber das war das erste Mal, wo ich so dachte \"hmmm das ergibt keinen Sinn\".<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- The 50 Cent Story -->\n                <div class=\"content-card\">\n                    <h3>\u20ac0.50 Cannabis<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Joe-Doean-Docuemnt.png\" alt=\"Court document\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Diese Geschichte ist echt und passierte einem meiner besten Freunde. W\u00e4hrend COVID wurde er dabei erwischt, wie er das Ende eines Joints ausdr\u00fcckte. Er war wieder zu Hause, wurde gesichtet, bekam eine Geldstrafe und wurde von den Garda\u00ed (Polizei) vor Gericht geladen. Er zeigte uns die Anklageschrift. Ich schw\u00f6re, es stand dort so:<\/p>\n                            \n                            <div class=\"quote-box\">\n                                <p class=\"content-text\">\"Am oben genannten Datum und Ort wurden Sie im Besitz von Cannabis im Wert von ungef\u00e4hr \u20ac0,50 gefunden. Dies wurde bei einer routinem\u00e4\u00dfigen Kontrolle und Durchsuchung durch An Garda S\u00edoch\u00e1na gem\u00e4\u00df dem Misuse of Drugs Act 1977, Abschnitt 23 (Befugnis zur Durchsuchung von Personen, die des Drogenbesitzes verd\u00e4chtigt werden) festgestellt.\"<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">John Doean, mein Freund, was hast du dir dabei gedacht? Du Verbrecher. 50 Cent.. Mann wurde mit dem brennenden Roger erwischt und musste vor Gericht. 50 Cent entspricht 24 Milligramm Gras. Es ist, als w\u00fcrde man mit einem Viertelschuss Kaffee erwischt. Tut mir leid, aber was. Herr Baby Jesus. Es ist wirklich verwirrend, wie das passiert ist. Ich meine, da hat unsere Regierung ihre Ressourcen reingesteckt? W\u00e4hrend einer globalen Pandemie? An die Jungs und M\u00e4dels im Leinster House, ihr wisst, das ist Wahnsinn, da gibt's keine zwei Meinungen.<\/p>\n                    \n                    <p class=\"content-text\">Ehrlich gesagt, wo f\u00e4ngt man da an und wo h\u00f6rt man auf haha<\/p>\n                <\/div>\n\n                <!-- Festival Story -->\n                <div class=\"content-card\">\n                    <h3>Meine Festivalerfahrung<\/h3>\n                    <p class=\"content-text\">Und schlie\u00dflich das, was es f\u00fcr mich pers\u00f6nlich machte. Was diese Idee ins Rollen brachte. Meine eigene Begegnung mit den Jungs in Blau &amp; Cannabis. Dieses Mal in Australien. Ich dachte, ich halte es entspannt, drehe ein paar Joints und genie\u00dfe die Musik.<\/p>\n                    \n                    <p class=\"content-text\">Stattdessen fand ich mich in einem Polizeizelt wieder, zeigte alles den Beamten mit ihrer Kamera. Nackt gefilmt zu werden war etwas viel, aber sie haben bekommen, was sie bekommen haben. Die Geldstrafe und Verwarnung? Fair genug, ich habe das Gesetz gebrochen. Aber der Kontrast war hart, Tausende drinnen, trinken frei, w\u00e4hrend ich wie ein Verbrecher behandelt wurde. Der kleine alte Polizeihund hat mich reingelegt. Liebe ihn trotzdem. Eigentlich meine eigene Schuld.<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Also laufe ich nach Hause, ein bisschen angeheitert, ein bisschen sauer und habe einfach entschieden: das war's, ich werde \u00e4ndern, wie Leute Cannabis sehen. Das war der Moment. All die Geschichten, all der Wahnsinn, brachten mich dazu zu fragen: warum zum Teufel gibt es immer noch so l\u00e4cherliche Einschr\u00e4nkungen f\u00fcr etwas, das Menschen hilft, bessere Leben zu f\u00fchren... w\u00e4hrend andere immer noch bestraft werden, nur weil sie es haben. Nach allem, was ich gesehen, geh\u00f6rt und durchgemacht hatte, konnte ich es nicht einfach lassen. Ich musste etwas dagegen tun.<\/p>\n                    <\/div>\n                        \n                    <p class=\"content-text\">Shit does not add up when you analyse it. To think these are only my own personal experiences. How many more stories are out there like this?.<\/p>\n                \n\n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/baby-saying-hello.jpg\" alt=\"Baby saying hello\" style=\"max-width: 200px;\">\n                    <\/div>\n                    \n                    <p class=\"content-text\">And that's what's brought me here. So hello x<\/p>\n                <\/div>\n\n                <!-- Responsible Use Section -->\n                <div class=\"content-card\">\n                    <h3>Nota Lateral: Cannabis e Uso Respons\u00e1vel<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Usining-the-bong-too-much.png\" alt=\"Using the bong too much\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Ich wei\u00df, dass Cannabis eine Droge ist, und wie jede Droge kann sie missbraucht werden. Viele Leute \u00fcbertreiben es damit, und ich bin nicht hier, um so zu tun, als w\u00fcrde das nicht passieren. Cannabis ist nur ein Teil der Gleichung, wenn es um allgemeine Gesundheit und Wohlbefinden geht. Es ist wichtig, alle Aspekte deines Lebens zu ber\u00fccksichtigen, deine mentale Gesundheit, k\u00f6rperliche Gesundheit, soziale Interaktionen, Produktivit\u00e4t und allgemeines Gl\u00fcck.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text translation-block\">Wenn Cannabis zum <strong>einzigen<\/strong> Fokus in deinem Leben wird, wenn alles andere beginnt, sich darum zu verkleinern, dann hast du keine gesunde Beziehung damit. Wenn du jeden Tag von der Arbeit nach Hause kommst und nichts anderes machst als die Bong zu rauchen, dann ist das nicht richtig.<\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Was ich hier versuche zu tun, ist genaue, ausgewogene Informationen \u00fcber Cannabis bereitzustellen, damit Menschen informierte Entscheidungen treffen k\u00f6nnen. Ich m\u00f6chte aufkl\u00e4ren. Cannabis ist komplex. Es kann unglaublich vorteilhaft sein, aber es ist nicht perfekt. Wie alles erfordert es verantwortungsvollen Konsum, Verst\u00e4ndnis und ein Bewusstsein daf\u00fcr, wie es in dein Leben als Ganzes passt.<\/p>\n                    \n                    <p class=\"content-text\">Deshalb bin ich hier, um dir die Fakten zu geben, das Stigma abzubauen und dir zu helfen, etwas zu verstehen, das viel zu lange missverstanden und falsch dargestellt wurde.<\/p>\n                    \n                    <p class=\"content-text\">Aber wenn es absichtlich integriert wird, als Teil eines Lebens, das bereits reich an Bewegung, Wachstum und Verbindung ist, dann kann es dein Leben auf echte, bedeutungsvolle Weise bereichern.<\/p>\n                    \n                    <p class=\"content-text\">Two Birds One Stoned wird dir die hochfunktionalen, erfolgreichen und motivierten Menschen zeigen, die Sweet Mary Jane konsumieren. Wir existieren.<\/p>\n                <\/div>\n\n                <!-- Education Methods -->\n                <div class=\"content-card\">\n                    <h3>Wie werde ich aufkl\u00e4ren?<\/h3>\n                    <p class=\"content-text\">Ich habe bisher sechs Kernst\u00fccke an Inhalten auf der Website zusammengestellt:<\/p>\n                    <ul>\n                        <li>Die Anatomie der Cannabis-Pflanze \ud83c\udf3f<\/li>\n                        <li>Die Geschichte von Cannabis auf der Erde \ud83c\udf0d<\/li>\n                        <li>Das Endocannabinoid-System erkl\u00e4rt \ud83e\udde0<\/li>\n                        <li>Cannabis-Verbindungen: Jenseits von THC  \ud83e\uddec<\/li>\n                        <li>Cannabis-Konsummethoden \ud83c\udf2c\ufe0f<\/li>\n                        <li>Medizinische Anwendungen von Cannabis \ud83c\udfe5<\/li>\n                    <\/ul>\n\n                    <p class=\"content-text\">Ich habe verschiedene M\u00f6glichkeiten geschaffen, diese Themen aufzunehmen, weil nicht jeder auf die gleiche Weise lernt oder zuh\u00f6rt.<\/p>\n                        \n                    <p class=\"content-text\">Zuerst gibt es ein schnelles 2-3-min\u00fctiges YouTube-Video, das die wichtigsten Punkte aufschl\u00fcsselt. Leicht verdaulich, direkt auf den Punkt, ein solider Ausgangspunkt.<\/p>\n\n                    <p class=\"content-text\">Dann gibt es die Audioversion, ich lese sie vor, plus gelegentliches Abschweifen. Ideal f\u00fcr den Arbeitsweg, einen Spaziergang oder immer dann, wenn du keine Lust hast, auf einen Bildschirm zu starren.<\/p>\n                    \n                    <p class=\"content-text\">Und wenn du die ganze Geschichte willst, nicht nur die Highlights, nimm dir 5-10 Minuten und lies den Artikel. Dort bekommst du das vollst\u00e4ndige Bild, das Gute.<\/p>\n                    \n                    <p class=\"content-text\">Ich verstehe, dass Cannabis vielleicht nicht deine Hauptobsession ist, das Leben ist hektisch, und wir alle haben was am Laufen. Also wenn du nur das 2-min\u00fctige Video siehst, ist das ein gro\u00dfer Gewinn. Wenn es dein Interesse weckt, h\u00f6r dir die Audioversion an, wenn du das n\u00e4chste Mal unterwegs bist.<\/p>\n                <\/div>\n\n                <!-- Endocannabinoid System Highlight -->\n                <div class=\"content-card\">\n                    <h3>Das Endocannabinoid-System - Meine Lieblingsentdeckung<\/h3>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Your-body-making-its-own-cannabis.png\" alt=\"Your body makes its own cannabis\">\n                    <\/div>\n                    \n                    <p class=\"content-text\">Mein Lieblingsartikel, \u00fcber den ich die letzten zwei Jahre gelernt und geschrieben habe, ist \"Das Endocannabinoid-System\". F\u00fcr mich ist das Lernen dar\u00fcber, die gesamte k\u00fcrzliche Entdeckung und die Art, wie das System in uns funktioniert, verr\u00fcckt. Ein sehr schneller \u00dcberblick ist wie folgt:<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Wenn du Cannabis konsumierst, konsumierst du das, was wir Cannabinoid-Verbindungen nennen, wie THC &amp; CBD. Was wir entdeckt haben (1988), ist, dass deine eigenen K\u00f6rperzellen genau jetzt genau die gleiche Art von Verbindungen auf nat\u00fcrliche Weise in dir produzieren. Etwas, von dem wir vor 1988 keine Ahnung hatten.<\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Undddddd es sieht so aus, als w\u00e4re es eine ziemlich gro\u00dfe Entdeckung.<\/p>\n                    \n                    <p class=\"content-text\">Nimm zum Beispiel Jo Cameron, eine Frau in Schottland, die buchst\u00e4blich keinen Schmerz f\u00fchlen kann. Nicht w\u00e4hrend der Geburt, nicht nach einer Operation. Sie bemerkte nicht, dass ihre Haut brannte, bis sie ihr eigenes brennendes Fleisch roch. Wissenschaftler fanden schlie\u00dflich heraus, dass ihr K\u00f6rper extrem hohe Mengen an nat\u00fcrlichen Endocannabinoiden produziert. Sie war nicht taub, sie war ges\u00e4ttigt. Ihr K\u00f6rper aktivierte dieses System st\u00e4ndig. Und weder sie noch der Rest von uns hatte eine Ahnung.<\/p>\n                    \n                    <p class=\"content-text\">Dazu kommt, wenn du jemals ein \"L\u00e4uferhoch\" erlebt hast. Dieses Gef\u00fchl von Euphorie und Gl\u00fcckseligkeit nach intensiver Bewegung wie Laufen, Gewichtheben oder Schwimmen, rate mal, was das erm\u00f6glicht? Dein Endocannabinoid-System. Das ist dein eigener K\u00f6rper, der seine eigenen cannabis\u00e4hnlichen Verbindungen in dir produziert, die dir das Gef\u00fchl von Euphorie und Gl\u00fcckseligkeit geben.<\/p>\n                    \n                    <p class=\"content-text\">Also gehst du los und knackst diese maximale Bankdr\u00fccken\/Kniebeuge oder l\u00e4ufst diese getimte Meile, dann durchstr\u00f6mt dich dieses gute Gef\u00fchl.<\/p>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Runners-high-anadamide.png\" alt=\"Runner's high anandamide\">\n                    <\/div>\n                    \n                    <p class=\"content-text\">Was dort passiert, ist, dass deine K\u00f6rpermasse Anandamid produziert (kurz AEA), deine eigene cannabis\u00e4hnliche Verbindung (entdeckt 1992), die sich an Rezeptoren bindet, was dann die Freisetzung von Dopamin erm\u00f6glicht, was uns dann dieses nat\u00fcrliche High gibt, das wir erleben.<\/p>\n                    \n                    <p class=\"content-text\">Es ergab alles Sinn. Menschen hatten seit Tausenden von Jahren mit Cannabis interagiert, und jetzt wussten wir warum. Wir f\u00fchrten unserem K\u00f6rper nichts Fremdes zu, wir aktivierten ein System, das bereits in uns existierte.<\/p>\n                    \n                    <p class=\"content-text\">Dein eigener K\u00f6rper produziert seine eigenen cannabis\u00e4hnlichen Verbindungen, um dich nach dem Training zu belohnen. Ziemlich interessant?<\/p>\n                    \n                    <div class=\"quote-box\">\n                        <p class=\"content-text\">Wie Dr. David J. Linden, PhD von Johns Hopkins Medicine schreibt. \"Bewegung erh\u00f6ht die Endocannabinoid-Spiegel im Blutkreislauf. Im Gegensatz zu Endorphinen k\u00f6nnen Endocannabinoide leicht durch die zellul\u00e4re Barriere wandern, die den Blutkreislauf vom Gehirn trennt, wo diese stimmungsverbessernden Neuromodulatoren kurzfristige psychoaktive Effekte wie reduzierte Angst und Gef\u00fchle der Ruhe f\u00f6rdern\"<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Etwas, das wir nur dank Cannabis entdeckt haben. Dieses spezielle Beispiel des Endocannabinoid-Systems in Aktion kratzt nur an der Oberfl\u00e4che dessen, was passiert.<\/p>\n                    \n                    <p class=\"content-text\">Die Beziehung zwischen Pflanze und Mensch beginnt mehr Sinn zu ergeben.<\/p>\n                    \n                    <p class=\"content-text\">Also wenn du gerne neue Dinge lernst, probier den Artikel mal aus. Da gibt es ordentliches 3\/4 Pints tiefes Wissen weiterzugeben. Werde zum Pub-Experten bitte x<\/p>\n                <\/div>\n\n                <!-- Media Fact Checking -->\n                <div class=\"content-card\">\n                    <h3>Undddddd Schlie\u00dflich<\/h3>\n                    <p class=\"content-text\" style=\"text-align: center;\">F\u00fcr jeden, der Panikmache-Nachrichten \u00fcber Cannabis verbreitet, hallo \ud83d\ude42<\/p>\n                    <p class=\"content-text translation-block\">Irlands meistverkaufte Tageszeitung brachte eine Titelseiten-Schlagzeile, die behauptete, <strong>5.000 Menschen seien wegen Cannabis-Konsum ins Krankenhaus eingeliefert worden<\/strong>.<\/p>\n                    \n<div class=\"center-image\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/irish-Independant-Article.jpg\" alt=\"Irish Independent Article\">\n    <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Quelle: Irish Independant<\/p>\n<\/div>\n                    \n                    <p class=\"content-text\">Lies das und du w\u00fcrdest denken, die Pflanze selbst schickt Menschen direkt in die Notaufnahme. Das ist das Ziel, Cannabis gef\u00e4hrlich klingen lassen, Leute zum Reden bringen und mehr Zeitungen verkaufen. Fair genug, wenn dein Job ist, Geschichten zu verkaufen, gut gemacht. Aber lass uns tiefer graben.<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text translation-block\">Die Zahl wurde stark von <strong>synthetischem Cannabis<\/strong> beeinflusst, das ein v\u00f6llig anderes Medikament ist.<\/p>\n                        <p class=\"content-text translation-block\">Synthetisches Cannabis ist kein Cannabis. Es sind buchst\u00e4blich vom Menschen hergestellte Chemikalien, die auf getrocknetes Pflanzenmaterial gespr\u00fcht werden, um die Wirkung von THC nachzuahmen. Das ist alles. <strong>Keine nat\u00fcrlichen Verbindungen, keine Cannabisbl\u00fcte<\/strong>, nur ein im Labor hergestellter Cocktail, der entwickelt wurde, um Drogentests zu umgehen.<\/p>\n                        <p class=\"content-text\">Es ist billiger herzustellen, einfacher zu verteilen und viel gef\u00e4hrlicher. Und rate mal? Es existiert nur, weil die echte Pflanze illegal ist.<\/p>\n                        <p class=\"content-text\">Verbiete die nat\u00fcrliche Version und du schaffst den Markt f\u00fcr das giftige Imitat. Das ist keine Schadensminderung, das ist eine Politik, die in Echtzeit nach hinten losgeht.<\/p>\n                    <\/div>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Syntehtic-v-Real-cannabis.png\" alt=\"Synthetic vs Real Cannabis\">\n                    <\/div>\n                    \n                    <p class=\"content-text translation-block\">Also vielleicht sollten wir, anstatt diese Zahlen zu nutzen, um Angst zu sch\u00fcren, eine bessere Frage stellen: <em>Warum greifen die Menschen \u00fcberhaupt zu Synthetischem?<\/em><\/p>\n                    \n                    <p class=\"content-text translation-block\">Oder in The Echo, das dem Irish Times geh\u00f6rt, Irlands zweitmeistverkaufte Tageszeitung. Eine Schlagzeile, die lautet <em><a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_self\">\"Irland hat ein Drogenproblem, und Legalisierung ist kein Allheilmittel.\"<\/a><\/em><\/p>\n                    \n<div class=\"center-image\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/irish-newpaper-image.png\" alt=\"Irish Newspaper Article\">\n    <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Quelle: <a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_blank\" style=\"color: #E3E3DC\">https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html<\/a><\/p>\n<\/div>\n                    \n                    <p class=\"content-text translation-block\">Ich verstehe, das ist eine Diskussion, die es wert ist, gef\u00fchrt zu werden. Aber das Hauptbild? <strong>Ein Joint.<\/strong> Obwohl der Artikel sich auf Drogentote in ganz Europa konzentriert und Cannabis nicht mit t\u00f6dlichen \u00dcberdosen in Verbindung gebracht wird.<\/p>\n                    \n                    <p class=\"content-text\">Warum dieses Bild verwenden? F\u00fchlt sich absichtlich an. Diese Art von Dingen summiert sich. Kleine Entscheidungen, subtile Rahmung, st\u00e4ndige Verst\u00e4rkung derselben veralteten Erz\u00e4hlung.<\/p>\n                    \n                    <p class=\"content-text\">Ich bin Ire, also sehe ich haupts\u00e4chlich, was hier in den Medien gepusht wird. Deshalb habe ich diese Beispiele gegeben, aber es existiert \u00fcberall.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Zum Beispiel \u00fcber den Teich in England. Ein Polizeikommissar verglich im <strong>Juli 2025<\/strong> Cannabis mit Krebs, Psychose und Geburtsfehlern und forderte, es als Droge der Klasse A neu einzustufen, was es mit Heroin gleichstellt.<\/p>\n                    \n                   <p class=\"content-text translation-block\">Zus\u00e4tzlich haben im selben Monat <strong>(Juli 2025)<\/strong> einige der h\u00f6chstrangigen Polizeibeamten im Vereinigten K\u00f6nigreich, darunter der Leiter des College of Policing (der Typ, der buchst\u00e4blich den Standard f\u00fcr die Polizeiarbeit im Land setzt), der Chief Constable der Greater Manchester Police und der Chief der Merseyside Police eine gemeinsame \u00f6ffentliche Erkl\u00e4rung abgegeben, in der sie eine h\u00e4rtere Haltung gegen\u00fcber Cannabis forderten. Sie sagten, der <strong>Geruch von Cannabis sei ein Zeichen f\u00fcr Kriminalit\u00e4t und Unordnung<\/strong>. Nach dieser Logik ist der Geruch von frischer Farbe ein Zeichen f\u00fcr illegale Renovierung und der Geruch von Benzin bedeutet, dass jemand Brandstiftung plant.<\/p>\n                    \n                    <p class=\"content-text translation-block\"><strong>Lass dir das mal durch den Kopf gehen<\/strong>. In ihrem eigenen Land, wo sie sagen, dass Cannabis \"chronisch gef\u00e4hrlich\" ist, wird die Pflanze von \u00c4rzten verschrieben, einschlie\u00dflich des NHS, um Patienten mit schweren Krankheiten zu helfen. Suuuuuper.<\/p>\n                    \n                    <p class=\"content-text\">Das Stigma ist nicht \u00fcber Nacht entstanden. Es wurde aufgebaut, Artikel f\u00fcr Artikel, Schlagzeile f\u00fcr Schlagzeile. Jetzt sind wir an der Reihe, es abzubauen.<\/p>\n                    \n  <p class=\"content-text translation-block\">Ein Beitrag nach dem anderen. Die Wahrheit ist schwerer zu ignorieren. <a href=\"https:\/\/www.youtube.com\/watch?v=4w4ZHukivB8\" target=\"_blank\">Wir kommen.<\/a><\/p>\n                <\/div>\n                \n                <!-- Life Perspective Section -->\n                <div class=\"content-card\">\n                    <h3>Eine kurze Lebensperspektive<\/h3>\n                    <p class=\"content-text\">Nun, damit hoffe ich, dass ihr alle einen geilen Tag habt. V\u00f6llig off topic. Denkt daran, wir sind alle in etwa 70 Jahren weg, also wird nichts von dem, was ich gerade geschrieben habe oder du gelesen hast, f\u00fcr uns von Bedeutung sein. Warum?<\/p>\n                    \n                    <p class=\"content-text\">Weil wir alle weg sein werden. Ich werde weg sein, du wirst weg sein, und die Dinge, die dich heute stressen, werden so irrelevant sein wie der Regen von gestern. Darin liegt eine seltsame Sch\u00f6nheit. Also, was auch immer dich runterzieht, atme durch. L\u00e4chle. Gib dir selbst jede Chance, gl\u00fccklich zu sein.<\/p>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Lotto-v-life.png\" alt=\"Lottery vs Life\">\n                        <div class=\"text-content\">\n                            <div class=\"highlight-box\">\n                                <p class=\"content-text\">Hier ist ein Konzept, das ich liebe. Stell dir vor, du gewinnst im Lotto, 50 Millionen Dollar. Du w\u00fcrdest durchs Haus rennen und den Verstand verlieren. Wie hoch waren eigentlich die Chancen, dass du gewinnst?? Jetzt halt mal inne und erkenne: Die Chancen, dass du existierst, sind viel, viel geringer als dieser Lottogewinn. Die Tatsache, dass du hier bist, lebst, atmest, denkst, ist ziemlich unglaublich ehrlich gesagt.<\/p>\n                            <\/div>\n                            \n                            <p class=\"content-text\">Wie verr\u00fcckt ist es, dass wir alle existieren d\u00fcrfen. Und dar\u00fcber hinaus irgendwie mit deinen Freunden auf diesem winzigen Planeten genau in diesem Moment existieren? Es ist unglaublich, niemand wei\u00df, warum wir diese Chance bekommen haben, aber wir haben sie bekommen. Der Wechsel in die Denkweise, extrem gl\u00fccklich zu sein, die Erde erleben zu d\u00fcrfen, kann helfen.<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"content-text\">Also, ja, das Leben kann chaotisch, stressig und manchmal sogar geradezu l\u00e4cherlich sein, aber es ist auch ein riesiges, unwahrscheinliches Geschenk.<\/p>\n                    \n                    <p class=\"content-text\">Wenn sich das Leben schwer anf\u00fchlt, erinnere dich: nichts davon wird bald genug wichtig sein. Also l\u00e4chle, genie\u00dfe die Fahrt, und lass uns das Beste aus dieser verr\u00fcckten Chance machen, die wir bekommen haben. Du gewinnst allein dadurch, dass du hier bist. \u270c\ufe0f<\/p>\n                    \n                    <p class=\"content-text\">Was f\u00fcr ein nerviger Prediger ich bin.<\/p>\n                    \n                    <p class=\"content-text\">Peace x<\/p>\n                <\/div>\n\n                <!-- Personal Note: For John - WITH CORRECT JPG URL -->\n<div class=\"content-card\">\n    <h3>Eine pers\u00f6nliche Notiz: F\u00fcr John<\/h3>\n    <p class=\"content-text\">Ich war mir nicht sicher, ob ich das teilen soll oder nicht. Ich will nicht auf dieser X Factor Schei\u00dfe rumreiten, aber ich hab dr\u00fcber nachgedacht und mich entschieden, es zu erw\u00e4hnen.<\/p>\n    \n    <p class=\"content-text\">Ich habe k\u00fcrzlich einen meiner besten Freunde verloren. Du hast gerade \u00fcber ihn gelesen.<\/p>\n    \n    <p class=\"content-text\">Der Freund, den ich 'John Doean' nannte, der wegen \u20ac0,50 Gras vor Gericht gezerrt wurde, hie\u00df eigentlich nicht so.<\/p>\n    \n    <p class=\"content-text\">Sein richtiger Name war John Dolan. Er verstarb Ende Oktober 2025, nach einer sehr pl\u00f6tzlichen Krankheit.<\/p>\n    \n    <p class=\"content-text\">Als ich diesen Text urspr\u00fcnglich schrieb, dachte ich, ich w\u00e4re clever und w\u00fcrde 'John Doe' verwenden, wie man es in einem Gerichtsfall macht, um jemandes Identit\u00e4t zu sch\u00fctzen. Nur machte ich daraus 'John Doean' als Wortspiel zwischen John Doe und John Dolan. Wenn du von dort kommst, wo ich herkomme, oder John kanntest, h\u00e4ttest du es sofort durchschaut. Das war die Absicht.<\/p>\n    \n    <p class=\"content-text\">Warum erz\u00e4hle ich dir das und schreibe dar\u00fcber? Ich hab mit mir gerungen. Spielt es f\u00fcr das gro\u00dfe Ganze eine Rolle? Dass John nicht mehr da ist, \u00e4ndert nichts daran, wie Cannabis gesehen wird.<\/p>\n    \n    <p class=\"content-text\">Oder vielleicht doch.<\/p>\n    \n    <p class=\"content-text\">Die Wahrheit ist, ich wei\u00df, dass ich nicht allein bin mit dem Wunsch zu \u00e4ndern, wie Cannabis gesehen wird. Was ich wei\u00df ist, dass ich mindestens eine Person hatte, die mir zustimmte, wie wir die Sichtweise auf Cannabis \u00e4ndern m\u00fcssen, und das war John.<\/p>\n    \n    <!-- UPDATED WITH JPG URL -->\n    <p class=\"content-text\">Als ich ihn im Februar um seine urspr\u00fcngliche Anklageschrift f\u00fcr diese Seite bat, war seine Antwort typisch Dolan: <em><a href=\"javascript:void(0);\" onclick=\"openLightbox('https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-12-at-4.18.52%E2%80%AFpm.jpg')\" style=\"color: #4CAF50; text-decoration: underline; cursor: pointer;\">\"Nat\u00fcrlich stimme ich dir zu, dass es die absolut d\u00fcmmste, r\u00fcckst\u00e4ndigste und sinnloseste Kette von Ereignissen war und ich w\u00fcrde die Legalisierung voll unterst\u00fctzen haha\"<\/a><\/em><\/p>\n    \n    <p class=\"content-text\">Ich m\u00f6chte meinen Freund John hervorheben. Egoistisch wie ich bin, will ich, dass er Teil dieser Nachricht und Vision dessen ist, was hier passiert. Ich m\u00f6chte, dass jeder, der ihn kannte, wei\u00df, wie viel er unserer Freundesgruppe bedeutet hat. Er hat unsere Leben gepr\u00e4gt und besonders dieses Projekt f\u00fcr mich.<\/p>\n    \n    <p class=\"content-text\">John war echt, sein Fall war echt, und seine Unterst\u00fctzung f\u00fcr die \u00c4nderung dieses Stigmas und r\u00fcckst\u00e4ndigen Systems war echt.<\/p>\n    \n    <p class=\"content-text\">Ich werd nicht l\u00fcgen, das Leben tut im Moment verdammt weh. Aber so ist das Leben und wir werden alle irgendwann da durch m\u00fcssen. So etwas festigt nur, was ich mit meinem Leben machen will. Woran ich arbeiten, was ich aufbauen, verfolgen und erreichen will. Ich wei\u00df, dass er das wollte und es selbst aktiv verfolgt hat. Ich m\u00f6chte diese Energie und Lebenseinstellung zu so vielen Menschen wie m\u00f6glich bringen.<\/p>\n    \n    <p class=\"content-text\">Also geb ich alles f\u00fcr ihn.<\/p>\n    \n    <p class=\"content-text\">Also, f\u00fcr dich <a href=\"javascript:void(0);\" onclick=\"openLightbox('https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/11\/DSC_0229-scaled.jpg')\" style=\"color: #4CAF50; text-decoration: underline; cursor: pointer;\">John Dolan<\/a>, hab dich lieb, Kumpel. Wir alle vermissen dich so sehr, Mann. Worte reichen nicht f\u00fcr das, was wir f\u00fchlen.<\/p>\n    \n    <p class=\"content-text\">Ein Teil des Puzzles fehlt jetzt, aber die, die du ber\u00fchrt hast, halten noch stark zusammen. Wir alle haben noch viele Teile, also m\u00fcssen wir uns darauf konzentrieren.<\/p>\n    \n    <p class=\"content-text\">Bis wir uns wiedersehen, Bruder x.<\/p>\n    \n    <p class=\"content-text\">\u2764\ufe0f<\/p>\n<\/div>\n                \n                <div class=\"section-divider\"><\/div>\n            <\/div>\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Media Section -->\n            <div class=\"media-section\">\n                <!-- Video Section -->\n                <div class=\"media-card animate-in\">\n                    <h3>\ud83c\udfac Schau dir diese Geschichte an<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Sieh dir die pers\u00f6nliche Reise hinter dieser Mission an<\/p>\n<!-- Responsive Video Container -->\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n    <iframe id=\"tbos-video\" \n        style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n        src=\"https:\/\/www.youtube.com\/embed\/AlybgiRbVdk\" \n        data-en=\"AlybgiRbVdk\"\n        data-ga=\"Nz_sIJM92U8\"\n        data-es=\"CkSyhK3Xq2Y\"\n        data-de=\"1zmIdpJ2rlI\"\n        data-pt=\"1KfhsLgthm0\"\n        data-fr=\"Mlf0IoGTrLE\"\n        data-it=\"fqrK26cBY1M\"\n        data-pl=\"aPlHv9gsiFs\"\n        title=\"YouTube-Videoplayer\" \n        frameborder=\"0\" \n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n        referrerpolicy=\"strict-origin-when-cross-origin\" \n        allowfullscreen>\n    <\/iframe>\n<\/div>\n\n<script>\n(function() {\n    const videoFrame = document.getElementById('tbos-video');\n    if (!videoFrame) return;\n    \n    const currentLang = document.documentElement.lang || 'en';\n    \n    let langCode = 'en';\n    if (currentLang.includes('ga')) langCode = 'ga';\n    else if (currentLang.includes('es')) langCode = 'es';\n    else if (currentLang.includes('de')) langCode = 'de';\n    else if (currentLang.includes('pt')) langCode = 'pt';\n    else if (currentLang.includes('fr')) langCode = 'fr';\n    else if (currentLang.includes('it')) langCode = 'it';\n    else if (currentLang.includes('pl')) langCode = 'pl';\n    \n    const videoId = videoFrame.dataset[langCode];\n    if (videoId) {\n        videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n    }\n})();\n<\/script>\n                <\/div>\n\n                <!-- Content Break -->\n                <div class=\"content-break\"><\/div>\n\n                <!-- Audio Section -->\n                <div class=\"media-card animate-in\" style=\"margin: 4rem auto 3rem auto;\">\n                    <h3>\ud83c\udfa7 H\u00f6r unterwegs zu<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfect for your commute \u2014 audio-only version<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2PYJXdWXGRpwDl4sRgqPk4?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Keep Learning Section -->\n            <div class=\"keep-learning-section\">\n                <div class=\"signup-split\">\n                    <div class=\"signup-text\">\n                        <h3>Der Einzige Weg, auf dem Laufenden zu Bleiben<\/h3>\n                        <p>Cannabis entwickelt sich weiter und wir decken die Wissenschaft, Forschung und Kultur ab. Alles kostenlos und direkt in dein Postfach. Keine sozialen Medien. Nur E-Mail. Mach mit, wenn du neugierig bist.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Interviews &amp; Dokumentationen<\/li>\n                            <li>\ud83d\udcda Lehrvideos &amp; Audios<\/li>\n                            <li>\ud83d\udd2c Wissenschaftlich fundierte Informationen &amp; Einsichten<\/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=\"deine@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Updates Erhalten<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Bleib neugierig \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/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>Was ist deine Meinung?<\/h3>\n                        <p>Hast du was zu sagen? Schreib's unten. Deine Stimme hilft zu formen, was als n\u00e4chstes kommt.<\/p>\n                        <ul class=\"engagement-features\">\n                            <li>\ud83d\udcad Teile deine Erfahrungen<\/li>\n                            <li>\ud83e\udd1d Chatte mit anderen dar\u00fcber<\/li>\n                            <li>\ud83d\udcda Hilf, zuk\u00fcnftige Inhalte zu verbessern<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"engagement-interaction\">\n                        <div class=\"comment-form-v1\">\n                            <h4>Wie das funktioniert<\/h4>\n                            <ol>\n                                <li class=\"translation-block\"><span>Schritt 1:<\/span>W\u00e4hle: E-Mail eingeben ODER anonym kommentieren<\/li>\n                                <li class=\"translation-block\"><span>Schritt 2:<\/span>Erhalte deinen einzigartigen Benutzernamen (beh\u00e4ltst du auf der ganzen Seite)<\/li>\n                                <li class=\"translation-block\"><span>Schritt 3:<\/span>Kommentiere, vote, antworte und teile deine Gedanken: du bist Teil der Unterhaltung!<\/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;\">Anonym kommentieren (keine E-Mail erforderlich)<\/label>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"form-group-v1\" id=\"emailGroup\">\n                                    <input type=\"email\" id=\"commentEmail\" placeholder=\"deine@email.com\" required>\n                                    <div class=\"username-container\">\n                                        <div class=\"username-display\" id=\"usernameDisplay\">Dein Benutzername wird hier erscheinen<\/div>\n                                        <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Hol dir einen anderen Benutzernamen\">\n                                            \ud83d\udd04\n                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"form-group-v1\">\n                                    <textarea id=\"commentText\" placeholder=\"Was denkst du? Hast du Fragen oder Erfahrungen zu teilen?\"><\/textarea>\n                                <\/div>\n                                <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                    <span id=\"submitText\">Kommentar posten<\/span>\n                                <\/button>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/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\">Sortieren nach:<\/label>\n                        <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                            <option value=\"recent\">Neueste<\/option>\n                            <option value=\"liked\">Beliebteste<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"comments-header\" id=\"commentsHeader\">\n                        <span>\ud83d\udcad<\/span> Neueste Kommentare (<span id=\"commentCount\">0<\/span>)\n                    <\/div>\n                    <div id=\"commentsList\">\n                        <!-- User comments will be dynamically inserted here -->\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Section Break -->\n            <div class=\"section-break\"><\/div>\n\n            <!-- Go Exploring CTA -->\n            <div class=\"cta-section\">\n                <a href=\"https:\/\/twobirdsonestoned.co\/de\" class=\"cta-button\">\n                    \ud83c\udf3f Geh auf Entdeckung\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Firebase SDK (needs to be inline module for imports) -->\n    <script type=\"module\">\n      import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n      import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n      import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n      \/\/ Firebase configuration\n      const firebaseConfig = {\n        apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n        authDomain: \"tbos-site-comments.firebaseapp.com\",\n        projectId: \"tbos-site-comments\",\n        storageBucket: \"tbos-site-comments.firebasestorage.app\",\n        messagingSenderId: \"154628531943\",\n        appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n      };\n\n      \/\/ Initialize Firebase\n      const app = initializeApp(firebaseConfig);\n      const db = getFirestore(app);\n      const auth = getAuth(app);\n\n      \/\/ Make Firebase available globally\n      window.firebaseDB = {\n        db: db,\n        auth: auth,\n        collection: collection,\n        addDoc: addDoc,\n        getDocs: getDocs,\n        query: query,\n        orderBy: orderBy,\n        where: where,\n        doc: doc,\n        updateDoc: updateDoc,\n        deleteDoc: deleteDoc,\n        getDoc: getDoc,\n        setDoc: setDoc,\n        serverTimestamp: serverTimestamp,\n        onSnapshot: onSnapshot,\n        signInAnonymously: signInAnonymously\n      };\n\n      console.log('\ud83d\udd25 Firebase initialized successfully');\n    <\/script>\n\n    <!-- Your External JavaScript Files -->\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n        \n        \/\/ Lightbox functions\n        function openLightbox(imgSrc) {\n            document.getElementById('lightbox').classList.add('active');\n            document.getElementById('lightbox-img').src = imgSrc;\n        }\n\n        function closeLightbox() {\n            document.getElementById('lightbox').classList.remove('active');\n        }\n\n        \/\/ Close on clicking outside the image\n        document.getElementById('lightbox').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeLightbox();\n            }\n        });\n\n        \/\/ Close on ESC key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeLightbox();\n            }\n        });\n\n        \/\/ Reading progress tracking\n        function updateProgressBar() {\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const scrolled = (winScroll \/ height) * 100;\n            document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n        }\n\n        window.addEventListener('scroll', updateProgressBar);\n\n        \/\/ Email signup functionality\n        function setupEmailSignup() {\n            const form = document.getElementById('emailForm');\n            const emailInput = document.getElementById('emailInput');\n            const submitBtn = document.getElementById('emailSubmitBtn');\n            const messageDiv = document.getElementById('formMessage');\n            \n            if (!form) return;\n            \n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const email = emailInput.value.trim();\n                if (!email) return;\n                \n                \/\/ Show loading state\n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                \/\/ Create form data\n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \n                \/\/ Submit to Google Forms\n                fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n                    method: 'POST',\n                    body: formData,\n                    mode: 'no-cors'\n                })\n                .then(() => {\n                    \/\/ Show success message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    \n                    \/\/ Clear form\n                    emailInput.value = '';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .catch(() => {\n                    \/\/ Show error message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    \/\/ Reset button\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        function toggleThemeAndText() {\n            const button = document.getElementById('theme-toggle');\n            const currentEmoji = button.textContent.trim();\n\nif (currentEmoji === '\ud83c\udf19') {\n    button.textContent = '\u2600\ufe0f';\n                playAudio('dayTimeAudio');\n                isDarkTheme = false;\n            } else {\n                button.textContent = '\ud83c\udf19';\n                playAudio('nightTimeAudio');\n                isDarkTheme = true;\n            }\n            \n            toggleTheme();\n        }\n\n        function playAudio(audioId) {\n            const audio = document.getElementById(audioId);\n            \n            if (audio) {\n                audio.currentTime = 0;\n                const playPromise = audio.play();\n                \n                if (playPromise !== undefined) {\n                    playPromise.then(() => {\n                        console.log(`${audioId} played successfully`);\n                    }).catch(error => {\n                        console.log(`Audio play failed for ${audioId}:`, error);\n                        showVisualFeedback(audioId);\n                    });\n                }\n            }\n        }\n\n        function showVisualFeedback(audioId) {\n            const button = document.getElementById('theme-toggle');\n            const originalTransform = button.style.transform;\n            \n            button.style.transform = 'scale(1.1)';\n            button.style.transition = 'transform 0.1s ease';\n            \n            setTimeout(() => {\n                button.style.transform = originalTransform;\n                button.style.transition = 'all 0.3s ease';\n            }, 100);\n        }\n\n        \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX AND HEADER\/FOOTER SUPPORT\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n            const title = document.querySelector('.article-title');\n            const subtitle = document.querySelector('.article-subtitle');\n            const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n            const toggleButton = document.getElementById('theme-toggle');\n            const navHint = document.querySelector('.nav-hint');\n            \n            \/\/ Comment system selectors\n            const engagementContainer = document.querySelector('.engagement-container');\n            const commentForm = document.querySelectorAll('.comment-form-v1');\n            const commentItems = document.querySelectorAll('.comment-item');\n            const sortLabel = document.querySelector('.sort-label');\n            const sortDropdown = document.querySelector('.sort-dropdown');\n            const commentsHeader = document.querySelector('.comments-header');\n            const noCommentsMessage = document.querySelector('.no-comments-message');\n            \n            \/\/ HEADER SELECTORS - ADDED FOR FIX\n            const header = document.querySelector('.tbos-header');\n            const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n            const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n            const dropdownContent = document.querySelectorAll('.dropdown-content');\n            const hamburgerLines = document.querySelectorAll('.hamburger-line');\n            \n            \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \n            \/\/ FOOTER SELECTORS - ADDED FOR FIX\n            const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n            const footerTitle = document.querySelector('.footer-card h4');\n            const footerText = document.querySelectorAll('.footer-card p');\n            const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n            const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n            \n            if (!isDarkTheme) {\n                \/\/ LIGHT THEME (Day Time)\n                console.log('Applying LIGHT theme');\n                \n                \/\/ Add light theme class to both html and body\n                html.classList.add('light-theme');\n                body.classList.add('light-theme');\n                \n                \/\/ Apply cream background\n                html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR LIGHT THEME - ADDED FOR FIX\n                if (header) {\n                    header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    dropdown.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#2A2A2A', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FOR FIX\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR LIGHT THEME - ADDED FOR FIX\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#333333', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Light cards\n                contentCards.forEach(card => {\n                    if (card.classList.contains('keep-learning-section')) {\n                        card.style.setProperty('background-color', '#ffffff', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    } else {\n                        card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    }\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    \/\/ Update headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#000000', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Update links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list, .quote-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n                        highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n                    });\n\n                    \/\/ Update keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                            input.style.setProperty('color', '#333333', 'important');\n                            input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Update title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n                \n                \/\/ Update nav hint to be black in light mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#000000', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Update comment system elements for light theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n                    engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    \/\/ Fix engagement content headings to be gold\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Fix engagement content text to be black\n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix engagement feature list items to be black\n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix username display placeholder text to be black\n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '#333333', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \/\/ FIXED: Update Step spans to be gold in light theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#B8860B', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n                    item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                    sortDropdown.style.setProperty('color', '#333333', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n                \n                \/\/ Update button style\n                toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                toggleButton.style.setProperty('color', '#B8860B', 'important');\n                \n            } else {\n                \/\/ DARK THEME (Night Time)\n                console.log('Applying DARK theme');\n                \n                \/\/ Remove light theme class\n                html.classList.remove('light-theme');\n                body.classList.remove('light-theme');\n                \n                \/\/ Apply dark background\n                html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR DARK THEME - ADDED FOR FIX\n                if (header) {\n                    header.style.setProperty('background', '#1d1d1d', 'important');\n                    header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#1d1d1d', 'important');\n                    dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#f5ebd6', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FOR FIX\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n                    mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR DARK THEME - ADDED FOR FIX\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n                    footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                \/\/ Dark cards\n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#1d1d1d', 'important');\n                    card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    card.style.setProperty('color', '#fff', 'important');\n                    \n                    \/\/ Reset headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    \/\/ Reset text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset strong\/highlighted text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#F4C542', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Reset links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                    \n                    \/\/ Reset highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box, .list-container, .other-parts-list, .quote-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '4px solid #F4C542', 'important');\n                        highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n                    });\n\n                    \/\/ Reset keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                            input.style.setProperty('color', '#fff', 'important');\n                            input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Reset title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                    title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n                \n                \/\/ Reset nav hint\n                if (navHint) {\n                    navHint.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                });\n                \n                \/\/ Reset comment system elements\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n                    engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    \/\/ Reset engagement content headings\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    \/\/ Reset engagement content text\n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset engagement feature list items\n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset username display placeholder text\n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '#fff', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#fff', 'important');\n                    });\n                    \/\/ Reset Step spans\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#F4C542', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n                    item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n                    sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n                \n                \/\/ Reset button style\n                toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n                toggleButton.style.setProperty('color', '#4CAF50', 'important');\n            }\n        }\n\n        \/\/ Initialize page functions\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Set up animations\n            const cards = document.querySelectorAll('.content-card, .media-card');\n            \n            const observerOptions = {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            };\n            \n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('animate-in');\n                    }\n                });\n            }, observerOptions);\n            \n            cards.forEach(card => {\n                observer.observe(card);\n            });\n            \n            \/\/ Animate title section on load\n            setTimeout(() => {\n                const titleSection = document.querySelector('.title-section');\n                if (titleSection) {\n                    titleSection.style.opacity = '1';\n                    titleSection.style.transform = 'translateY(0)';\n                }\n            }, 500);\n            \n            \/\/ Setup email signup\n            setupEmailSignup();\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Why Two Birds One Stoned Exists &#8211; Personal Stories Behind Cannabis Education Reform &times; Why Two Birds One Stoned Exists \ud83d\udc26\u200d\u2b1b The personal stories that sparked a mission to change cannabis conversations \ud83c\udf19 \u2193 Ready to dive into my personal story? Here&#8217;s the full breakdown \u2193 Why Two Birds One Stoned Exists \ud83d\udc26\u200d\u2b1b What made [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/2350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/comments?post=2350"}],"version-history":[{"count":165,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/2350\/revisions"}],"predecessor-version":[{"id":8030,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/2350\/revisions\/8030"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/media?parent=2350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}