{"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\/cs\/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>Pro\u010d Two Birds One Stoned Existuje - Osobn\u00ed P\u0159\u00edb\u011bhy Za Reformou Vzd\u011bl\u00e1v\u00e1n\u00ed o Cannabisu<\/title>\n    <meta name=\"title\" content=\"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\">\n    <meta name=\"description\" content=\"Osobn\u00ed zku\u0161enosti, kter\u00e9 podn\u00edtily misi Two Birds One Stoned: od z\u00e1kaz\u016f ubytov\u00e1n\u00ed na univerzit\u011b po soudn\u00ed p\u0159\u00edpady kv\u016fli 50 cent\u016fm cannabisu. Skute\u010dn\u00e9 p\u0159\u00edb\u011bhy poh\u00e1n\u011bj\u00edc\u00ed reformu vzd\u011bl\u00e1v\u00e1n\u00ed.\">\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=\"Pro\u010d Two Birds One Stoned Existuje - Osobn\u00ed P\u0159\u00edb\u011bhy Za Reformou Vzd\u011bl\u00e1v\u00e1n\u00ed o Cannabisu\">\n    <meta property=\"og:description\" content=\"Osobn\u00ed zku\u0161enosti, kter\u00e9 podn\u00edtily misi Two Birds One Stoned: od z\u00e1kaz\u016f ubytov\u00e1n\u00ed na univerzit\u011b po soudn\u00ed p\u0159\u00edpady kv\u016fli 50 cent\u016fm cannabisu. Skute\u010dn\u00e9 p\u0159\u00edb\u011bhy poh\u00e1n\u011bj\u00edc\u00ed reformu vzd\u011bl\u00e1v\u00e1n\u00ed.\">\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=\"Vzd\u011bl\u00e1v\u00e1n\u00ed o konop\u00ed\">\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=\"Pro\u010d Two Birds One Stoned Existuje - Osobn\u00ed P\u0159\u00edb\u011bhy Za Reformou Vzd\u011bl\u00e1v\u00e1n\u00ed o Cannabisu\">\n    <meta name=\"twitter:description\" content=\"Osobn\u00ed zku\u0161enosti, kter\u00e9 podn\u00edtily misi Two Birds One Stoned: od z\u00e1kaz\u016f ubytov\u00e1n\u00ed na univerzit\u011b po soudn\u00ed p\u0159\u00edpady kv\u016fli 50 cent\u016fm cannabisu. Skute\u010dn\u00e9 p\u0159\u00edb\u011bhy poh\u00e1n\u011bj\u00edc\u00ed reformu vzd\u011bl\u00e1v\u00e1n\u00ed.\">\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\">Pro\u010d Two Birds One Stoned Existuje \ud83d\udc26\u200d\u2b1b<\/h1>\n                <p class=\"article-subtitle\">Osobn\u00ed p\u0159\u00edb\u011bhy, kter\u00e9 vyvolaly misi zm\u011bnit konverzace o cannabisu<\/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 Gotowy zanurzy\u0107 si\u0119 w moj\u0105 osobist\u0105 histori\u0119? Oto pe\u0142ne om\u00f3wienie \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\">Pro\u010d Two Birds One Stoned Existuje \ud83d\udc26\u200d\u2b1b<\/h2>\n\n                <!-- What made me decide to build this site? -->\n                <div class=\"content-card\">\n                    <h3>Co m\u011b p\u0159im\u011blo rozhodnout se vytvo\u0159it tento web?<\/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;\">(U\u017eivatel\u00e9 cannabisu nevypadaj\u00ed v\u0161ichni stejn\u011b. Proto\u017ee nejsou)<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Ahoj, \u010dlov\u011b\u010de,<\/p>\n                    <p class=\"content-text\">V\u00edm, \u017ee mus\u00ed\u0161 b\u00fdt zanepr\u00e1zdn\u011bn\u00fd, tak\u017ee to budu m\u00edt kr\u00e1tk\u00e9.<\/p>\n                    <p class=\"content-text\">Abych \u0161el rovnou k v\u011bci.<\/p>\n                    <p class=\"content-text\">M\u016fj nejlep\u0161\u00ed k\u00e1mo\u0161 p\u0159i\u0161el o \u010dty\u0159i roky ubytov\u00e1n\u00ed na kampusu, proto\u017ee si zap\u00e1lil joint p\u0159ed sv\u00fdm bytov\u00fdm domem.<\/p>\n                    <p class=\"content-text\">Dal\u0161\u00ed byl vle\u010den k soudu v Irsku za to, \u017ee m\u011bl u sebe tr\u00e1vu v hodnot\u011b \u20ac0,50. To nen\u00ed p\u0159eklep. Pades\u00e1t cent\u016f. U okresn\u00edho soudu. To bylo p\u0159ed 3 lety.<\/p>\n                    <p class=\"content-text\">A m\u011b kompletn\u011b prohledali, nato\u010dili nah\u00e9ho a odm\u00edtli vstup na festival, to v\u0161echno kv\u016fli p\u00e1r joint\u016fm<\/p>\n                    \n                   <p class=\"content-text translation-block\">Nekonzistentnost a tvrdost t\u011bchto interakc\u00ed m\u011b p\u0159im\u011bly pt\u00e1t se, pro\u010d cannabis nese tolik stigmatu. Zp\u016fsob, jak\u00fdm spole\u010dnost dnes zach\u00e1z\u00ed s cannabisem, p\u016fsob\u00ed naprosto odtr\u017een\u011b. S v\u011bdom\u00edm, \u017ee to byly pouze <strong>m\u00e9 vlastn\u00ed<\/strong> osobn\u00ed zku\u0161enosti, jsem v\u011bd\u011bl, \u017ee venku je v\u00edc lid\u00ed s podobn\u00fdmi p\u0159\u00edb\u011bhy.<\/p>\n                      <p class=\"content-text\">Nahromad\u011bn\u00ed t\u011bchto moment\u016f m\u011b inspirovalo za\u010d\u00edt tuto konverzaci.<\/p>\n                <\/div>\n\n                <!-- Personal Mission Section -->\n                <div class=\"content-card\">\n                    <h3>Co se tady bude d\u00edt?<\/h3>\n                    \n                    <p class=\"content-text\">Budou se d\u00edt dv\u011b v\u011bci:<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong>Bezpe\u010dn\u011b vzd\u011bl\u00e1vat ve\u0159ejnost o cannabisu<\/strong> - aby pokud s n\u00edm interaguje\u0161, mohl to d\u011blat bezpe\u010dn\u011b a informovan\u011b.<\/li>\n                        <li class=\"translation-block\"><strong>Prolomit a rozv\u00edjet stigma obklopuj\u00edc\u00ed cannabis<\/strong> - to se prost\u011b mus\u00ed ud\u011blat, tak tady jsme.<\/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\">Potkal jsem sestry, in\u017een\u00fdry, \u00fa\u010detn\u00ed, baristy, mechaniky, v\u011bdce, majitele firem, sportovce, doktory, elektrik\u00e1\u0159e, instalat\u00e9ry, porodn\u00ed asistentky a seznam pokra\u010duje, kte\u0159\u00ed konzumovali cannabis a jsou vysoce motivovan\u00ed, funk\u010dn\u00ed a zdrav\u00ed lid\u00e9. A to jsem jen j\u00e1 osobn\u011b.<\/p>\n                            \n                            <p class=\"content-text\">V\u00edm, \u017ee tam venku je sv\u011bt lid\u00ed, kte\u0159\u00ed mohou koexistovat s cannabisem a \u017e\u00edt napln\u011bn\u00fd \u017eivot. \u017div\u00fd d\u016fkaz je v\u0161ude, jen o tom ne v\u017edy sly\u0161\u00ed\u0161.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Nikdo by se nem\u011bl c\u00edtit divn\u011b nebo zahanben\u00fd, kdy\u017e si zap\u00e1l\u00ed. U\u017e\u00edv\u00e1\u0161 si trochu tr\u00e1vy? Super. Stejn\u011b jako miliony dal\u0161\u00edch, a prosperuj\u00ed tady. Je \u010das p\u0159estat \u0161eptat a za\u010d\u00edt se k tomu hl\u00e1sit.<\/p>\n                    <\/div>\n                    <p class=\"content-text\">Cannabis m\u016f\u017ee obohatit \u017eivot strukturou, \u00fa\u010delem a zdrav\u00edm. Bez toho m\u016f\u017ee pomalu br\u00e1t v\u00edc, ne\u017e d\u00e1v\u00e1.<\/p>\n                <\/div>\n\n                <!-- The University Story -->\n                <div class=\"content-card\">\n                    <h3>Nech se pod\u011bl\u00edm o p\u0159\u00edb\u011bhy<\/h3>\n                    <p class=\"content-text\">Tak pro\u010d jsem se rozhodl to ud\u011blat? Pro\u010d tr\u00e1vit ve\u0161ker\u00fd sv\u016fj voln\u00fd \u010das n\u011b\u010d\u00edm takov\u00fdm?<\/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>P\u0159\u00edb\u011bh z univerzity<\/h4>\n                            <p class=\"content-text\">Bylo mi 18, pr\u00e1v\u011b jsem za\u010d\u00ednal na vysok\u00e9, kdy\u017e jeden z m\u00fdch nejlep\u0161\u00edch kamar\u00e1d\u016f, chytr\u00fd, motivovan\u00fd, s rozumem v hlav\u011b, byl p\u0159isti\u017een, jak kou\u0159\u00ed joint p\u0159ed sv\u00fdm bytem. Univerzita mu zak\u00e1zala ve\u0161ker\u00e9 ubytov\u00e1n\u00ed na kampusu. Jeden okam\u017eik. \u010cty\u0159i roky pry\u010d. Zat\u00edmco zbytek z n\u00e1s si mohl u\u017e\u00edvat \u017eivot na kampusu, on byl vylou\u010den kv\u016fli tro\u0161e tr\u00e1vy.<\/p>\n                            \n                            <p class=\"content-text\">To bylo rozhodnut\u00ed, kter\u00e9 nikomu neubl\u00ed\u017eilo, kter\u00e9 ud\u011blalo mnoho z n\u00e1s, on m\u011bl jen sm\u016flu, \u017ee byl p\u0159isti\u017een. A za to p\u0159i\u0161el o n\u011bkter\u00e9 skv\u011bl\u00e9 \u017eivotn\u00ed zku\u0161enosti.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Pokra\u010doval ve vytvo\u0159en\u00ed podnikatelsk\u00e9 spole\u010dnosti na Univerzit\u011b, promoval s titulem s vyznamen\u00e1n\u00edm prvn\u00ed t\u0159\u00eddy, pracoval pro nadn\u00e1rodn\u00ed spole\u010dnost, a te\u010f je zasnouben\u00fd a stav\u00ed d\u016fm. Jeden joint ho nedefinoval, ale pravidla se o to pokusila. Mezit\u00edm byla univerzitn\u00ed hospoda (jo stables) ka\u017ed\u00fd ve\u010der nacpan\u00e1 a nikoho to nezaj\u00edmalo. A abych byl spravedliv\u00fd, pravd\u011bpodobn\u011b jsem byl taky v hospod\u011b a skv\u011ble se bavil. Ale to bylo poprv\u00e9, kdy jsem si \u0159\u00edkal \"hmmm to ned\u00e1v\u00e1 smysl\".<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- The 50 Cent Story -->\n                <div class=\"content-card\">\n                    <h3>Cannabis za \u20ac0.50<\/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\">Tento p\u0159\u00edb\u011bh je skute\u010dn\u00fd a p\u0159ihodil se jednomu z m\u00fdch nejlep\u0161\u00edch kamar\u00e1d\u016f. B\u011bhem COVID byl p\u0159isti\u017een, jak uha\u0161uje konec jointu. Byl zp\u00e1tky doma, byl spat\u0159en, dostal pokutu a byl p\u0159edvol\u00e1n k soudu Garda\u00ed (Polici\u00ed). Uk\u00e1zal n\u00e1m ob\u017ealobu. P\u0159\u00edsah\u00e1m, st\u00e1lo tam tohle:<\/p>\n                            \n                            <div class=\"quote-box\">\n                                <p class=\"content-text\">\"Ve v\u00fd\u0161e uveden\u00e9m datu a m\u00edst\u011b jsi byl nalezen v dr\u017een\u00ed cannabisu v hodnot\u011b p\u0159ibli\u017en\u011b \u20ac0.50. Toto bylo zji\u0161t\u011bno b\u011bhem rutinn\u00ed kontroly a prohl\u00eddky prov\u00e1d\u011bn\u00e9 An Garda S\u00edoch\u00e1na podle z\u00e1kona o zneu\u017e\u00edv\u00e1n\u00ed drog z roku 1977, Sekce 23 (opr\u00e1vn\u011bn\u00ed prohled\u00e1vat osoby podez\u0159el\u00e9 z dr\u017een\u00ed drog).\"<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">John Doean, kamar\u00e1de, na co jsi myslel? Zlo\u010dinci. 50 cent\u016f.. Chlap byl chycen s p\u00e1liv\u00fdm rogerem a musel k soudu. 50 cent\u016f se rovn\u00e1 24 miligram\u016fm tr\u00e1vy. Je to jako b\u00fdt chycen se \u010dtvrtkou \u0161otu k\u00e1vy. Promi\u0148, ale co. Pane d\u011b\u0165\u00e1tko Je\u017e\u00ed\u0161i. Je opravdu matouc\u00ed, jak se to stalo. Mysl\u00edm, tam na\u0161e vl\u00e1da d\u00e1vala sv\u00e9 zdroje? B\u011bhem glob\u00e1ln\u00ed pandemie? Kluk\u016fm a holk\u00e1m v dom\u011b Leinster, v\u00edte, \u017ee to je \u0161\u00edlenstv\u00ed, nen\u00ed v tom \u017e\u00e1dn\u00fd spor.<\/p>\n                    \n                    <p class=\"content-text\">Up\u0159\u00edmn\u011b, kde u n\u011b\u010deho takov\u00e9ho za\u010dne\u0161 a skon\u010d\u00ed\u0161 haha<\/p>\n                <\/div>\n\n                <!-- Festival Story -->\n                <div class=\"content-card\">\n                    <h3>Moje Zku\u0161enost z Festivalu<\/h3>\n                    <p class=\"content-text\">A kone\u010dn\u011b, to, co to pro m\u011b ud\u011blalo osobn\u00edm. Co odstartovalo tento n\u00e1pad. Moje vlastn\u00ed interakce s chlapama v modr\u00e9m a cannabisem. Tentokr\u00e1t v Austr\u00e1lii. Myslel jsem, \u017ee to nech\u00e1m v klidu, zakrout\u00edm p\u00e1r joint\u016f a u\u017eiju si hudbu.<\/p>\n                    \n                    <p class=\"content-text\">M\u00edsto toho jsem se ocitl v policejn\u00edm stanu, ukazuj\u00edc\u00ed v\u0161echno policist\u016fm s jejich kamerou. B\u00fdt nat\u00e1\u010den nah\u00fd bylo trochu moc, ale dostali, co dostali. Pokuta a varov\u00e1n\u00ed? Spravedliv\u00e9, poru\u0161il jsem z\u00e1kon. Ale kontrast byl drsn\u00fd, tis\u00edce uvnit\u0159, voln\u011b pij\u00edc\u00ed, zat\u00edmco j\u00e1 jsem byl zach\u00e1zeno jako zlo\u010dinec. Mal\u00fd star\u00fd policejn\u00ed pejsek mi to p\u011bkn\u011b p\u0159ipravil. Po\u0159\u00e1d ho miluji. Vlastn\u011b moje vlastn\u00ed chyba.<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Tak jdu dom\u016f, trochu zhulen\u00fd, trochu na\u0161tvan\u00fd a prost\u011b jsem se rozhodl: to je ono, zm\u011bn\u00edm to, jak lid\u00e9 vid\u00ed cannabis. To byl ten okam\u017eik. V\u0161echny ty p\u0159\u00edb\u011bhy, v\u0161echno to \u0161\u00edlenstv\u00ed, m\u011b p\u0159im\u011bly za\u010d\u00edt se pt\u00e1t: pro\u010d sakra jsou st\u00e1le tak sm\u011b\u0161n\u00e1 omezen\u00ed na n\u011bco, co lidem pom\u00e1h\u00e1 \u017e\u00edt lep\u0161\u00ed \u017eivoty... zat\u00edmco jin\u00ed jsou st\u00e1le trest\u00e1ni jen za to, \u017ee to maj\u00ed. Po v\u0161em, co jsem vid\u011bl, sly\u0161el a pro\u017eil, jsem to nemohl jen tak nechat. Musel jsem s t\u00edm n\u011bco ud\u011blat.<\/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>Pozn\u00e1mka na okraj: Cannabis a odpov\u011bdn\u00e9 u\u017e\u00edv\u00e1n\u00ed<\/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\">V\u00edm, \u017ee cannabis je droga a jako ka\u017ed\u00e1 droga m\u016f\u017ee b\u00fdt zneu\u017e\u00edv\u00e1na. Spousta lid\u00ed ji pou\u017e\u00edv\u00e1 p\u0159ehnan\u011b a nejsem tady, abych p\u0159edst\u00edral, \u017ee se to ned\u011bje. Cannabis je jen jednou \u010d\u00e1st\u00ed rovnice, kdy\u017e jde o celkov\u00e9 zdrav\u00ed a pohodu. Je d\u016fle\u017eit\u00e9 zv\u00e1\u017eit v\u0161echny aspekty sv\u00e9ho \u017eivota, sv\u00e9 du\u0161evn\u00ed zdrav\u00ed, fyzick\u00e9 zdrav\u00ed, soci\u00e1ln\u00ed interakce, produktivitu a celkov\u00e9 \u0161t\u011bst\u00ed.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text translation-block\">Pokud se cannabis stane <strong>jedin\u00fdm<\/strong> zam\u011b\u0159en\u00edm tv\u00e9ho \u017eivota, pokud se v\u0161e ostatn\u00ed kolem n\u011bj za\u010dne zmen\u0161ovat, pak s n\u00edm nem\u00e1\u0161 zdrav\u00fd vztah. Pokud p\u0159ich\u00e1z\u00ed\u0161 dom\u016f z pr\u00e1ce ka\u017ed\u00fd den a ned\u011bl\u00e1\u0161 nic jin\u00e9ho ne\u017e kou\u0159it z bongu, pak to nen\u00ed ono.<\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Co se tu sna\u017e\u00edm d\u011blat, je poskytovat p\u0159esn\u00e9, vyv\u00e1\u017een\u00e9 informace o cannabisu, aby lid\u00e9 mohli d\u011blat informovan\u00e1 rozhodnut\u00ed. Chci vzd\u011bl\u00e1vat. Cannabis je slo\u017eit\u00fd. M\u016f\u017ee b\u00fdt neuv\u011b\u0159iteln\u011b prosp\u011b\u0161n\u00fd, ale nen\u00ed dokonal\u00fd. Stejn\u011b jako cokoli vy\u017eaduje odpov\u011bdn\u00e9 pou\u017e\u00edv\u00e1n\u00ed, porozum\u011bn\u00ed a pov\u011bdom\u00ed o tom, jak zapad\u00e1 do tv\u00e9ho \u017eivota jako celku.<\/p>\n                    \n                    <p class=\"content-text\">Proto jsem tady, abych ti dal fakta, prolomil stigma a pomohl ti pochopit n\u011bco, co bylo p\u0159\u00edli\u0161 dlouho \u0161patn\u011b ch\u00e1p\u00e1no a nespr\u00e1vn\u011b prezentov\u00e1no.<\/p>\n                    \n                    <p class=\"content-text\">Ale pokud je to z\u00e1m\u011brn\u011b integrov\u00e1no, jako sou\u010d\u00e1st \u017eivota, kter\u00fd je ji\u017e bohat\u00fd na pohyb, r\u016fst a spojen\u00ed, pak to m\u016f\u017ee zlep\u0161it tv\u016fj \u017eivot skute\u010dn\u00fdmi, smyslupln\u00fdmi zp\u016fsoby.<\/p>\n                    \n                    <p class=\"content-text\">Two Birds One Stoned ti uk\u00e1\u017ee vysoce funk\u010dn\u00ed, \u00fasp\u011b\u0161n\u00e9 a motivovan\u00e9 lidi, kte\u0159\u00ed konzumuj\u00ed Sweet Mary Jane. Existujeme.<\/p>\n                <\/div>\n\n                <!-- Education Methods -->\n                <div class=\"content-card\">\n                    <h3>Jak budu vzd\u011bl\u00e1vat?<\/h3>\n                    <p class=\"content-text\">Dal jsem dohromady \u0161est hlavn\u00edch obsahov\u00fdch \u010d\u00e1st\u00ed na webu zat\u00edm:<\/p>\n                    <ul>\n                        <li>Anatomie rostliny konop\u00ed \ud83c\udf3f<\/li>\n                        <li>Historie konop\u00ed na Zemi \ud83c\udf0d<\/li>\n                        <li>Endokannabinoidn\u00ed syst\u00e9m vysv\u011btlen \ud83e\udde0<\/li>\n                        <li>Slou\u010deniny konop\u00ed: Za hranicemi THC \ud83e\uddec<\/li>\n                        <li>Zp\u016fsoby u\u017e\u00edv\u00e1n\u00ed konop\u00ed \ud83c\udf2c\ufe0f<\/li>\n                        <li>L\u00e9ka\u0159sk\u00e9 vyu\u017eit\u00ed konop\u00ed \ud83c\udfe5<\/li>\n                    <\/ul>\n\n                    <p class=\"content-text\">Vytvo\u0159il jsem n\u011bkolik r\u016fzn\u00fdch zp\u016fsob\u016f, jak se t\u011bmito t\u00e9maty zab\u00fdvat, proto\u017ee ne ka\u017ed\u00fd se u\u010d\u00ed nebo poslouch\u00e1 stejn\u00fdm zp\u016fsobem.<\/p>\n                        \n                    <p class=\"content-text\">Nejd\u0159\u00edv je tu rychl\u00e9 2-3minutov\u00e9 video na YouTube, kter\u00e9 rozeb\u00edr\u00e1 kl\u00ed\u010dov\u00e9 body. Snadno straviteln\u00e9, p\u0159\u00edmo k v\u011bci, solidn\u00ed startovn\u00ed m\u00edsto.<\/p>\n\n                    <p class=\"content-text\">Pak je tu audio verze, j\u00e1 ji \u010dtu, plus ob\u010dasn\u00e9 odbo\u010den\u00ed. Ide\u00e1ln\u00ed na cestu do pr\u00e1ce, proch\u00e1zku, nebo kdykoliv se ti nechce z\u00edrat na obrazovku.<\/p>\n                    \n                    <p class=\"content-text\">A pokud chce\u0161 cel\u00fd p\u0159\u00edb\u011bh, ne jen hlavn\u00ed body, vezmi si 5-10 minut a p\u0159e\u010dti \u010dl\u00e1nek. Tam dostane\u0161 \u00fapln\u00fd obr\u00e1zek, to dobr\u00e9.<\/p>\n                    \n                    <p class=\"content-text\">Ch\u00e1pu, \u017ee cannabis nemus\u00ed b\u00fdt tvoje hlavn\u00ed posedlost, \u017eivot je hektick\u00fd a v\u0161ichni m\u00e1me co na pr\u00e1ci. Tak\u017ee pokud jen zachyt\u00ed\u0161 2minutov\u00e9 video, je to velk\u00e1 v\u00fdhra. Pokud to probud\u00ed tv\u016fj z\u00e1jem, pus\u0165 si audio verzi p\u0159\u00ed\u0161t\u011b, kdy\u017e bude\u0161 na cest\u011b.<\/p>\n                <\/div>\n\n                <!-- Endocannabinoid System Highlight -->\n                <div class=\"content-card\">\n                    <h3>Endokannabinoidn\u00ed syst\u00e9m - M\u016fj obl\u00edben\u00fd objev<\/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\">M\u016fj obl\u00edben\u00fd \u010dl\u00e1nek, o kter\u00e9m jsem se u\u010dil a psal posledn\u00ed dva roky, je \"Endokannabinoidn\u00ed syst\u00e9m\". Pro m\u011b se o n\u011bm u\u010dit, cel\u00fd ned\u00e1vn\u00fd objev a zp\u016fsob, jak\u00fdm syst\u00e9m funguje uvnit\u0159 n\u00e1s, je \u0161\u00edlen\u00fd. Velmi rychl\u00fd sn\u00edmek je n\u00e1sleduj\u00edc\u00ed:<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Kdy\u017e konzumuje\u0161 cannabis, konzumuje\u0161 to, \u010demu \u0159\u00edk\u00e1me kanabinoidy, jako THC a CBD. To, co jsme objevili (v roce 1988), je, \u017ee bu\u0148ky tv\u00e9ho vlastn\u00edho t\u011bla, pr\u00e1v\u011b te\u010f, vyr\u00e1b\u011bj\u00ed p\u0159esn\u011b stejn\u00fd typ slou\u010denin, p\u0159irozen\u011b uvnit\u0159 tebe. N\u011bco, o \u010dem jsme p\u0159ed rokem 1988 nem\u011bli pon\u011bt\u00ed.<\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Aaaaaaa vypad\u00e1 to, \u017ee je to docela velk\u00fd objev.<\/p>\n                    \n                    <p class=\"content-text\">Nap\u0159\u00edklad vezm\u011bme si Jo Cameron, \u017eenu ve Skotsku, kter\u00e1 doslova nem\u016f\u017ee c\u00edtit bolest. Ani p\u0159i porodu, ani po operaci. Nev\u0161imla si, \u017ee jej\u00ed k\u016f\u017ee ho\u0159\u00ed, dokud nec\u00edtila, jak jej\u00ed vlastn\u00ed t\u011blo ho\u0159\u00ed. V\u011bdci nakonec zjistili, \u017ee jej\u00ed t\u011blo produkuje nesm\u00edrn\u011b vysok\u00e9 hladiny p\u0159irozen\u00fdch endokannabinoid\u016f. Nebyla znecitliv\u011bl\u00e1, byla nasycen\u00e1. Jej\u00ed t\u011blo neust\u00e1le aktivovalo tento syst\u00e9m. A ani ona, ani zbytek z n\u00e1s, jsme o tom nem\u011bli pon\u011bt\u00ed.<\/p>\n                    \n                    <p class=\"content-text\">Spolu s t\u00edm, pokud jsi n\u011bkdy za\u017eil \"euforii b\u011b\u017ece\". Ten pocit euforie a bla\u017eenosti po intenzivn\u00edm cvi\u010den\u00ed, jako je b\u011bh, vzp\u00edr\u00e1n\u00ed nebo plav\u00e1n\u00ed, h\u00e1dej, co to umo\u017e\u0148uje? Tv\u016fj endokannabinoidn\u00ed syst\u00e9m. To tvoje vlastn\u00ed t\u011blo vyr\u00e1b\u00ed sv\u00e9 vlastn\u00ed slou\u010deniny podobn\u00e9 cannabisu uvnit\u0159 tebe, kter\u00e9 ti d\u00e1vaj\u00ed pocit euforie a bla\u017eenosti.<\/p>\n                    \n                    <p class=\"content-text\">Tak jde\u0161 a rozdrt\u00ed\u0161 ten maxim\u00e1ln\u00ed bench press\/d\u0159ep nebo b\u011b\u017e\u00ed\u0161 tu m\u011b\u0159enou m\u00edli, pak t\u011b proch\u00e1z\u00ed ten dobr\u00fd pocit.<\/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\">Co se tam d\u011bje, je, \u017ee tv\u00e1 t\u011blesn\u00e1 hmota produkuje anandamid (zkr\u00e1cen\u011b AEA), tvou vlastn\u00ed slou\u010deninu podobnou cannabisu (objevenou v roce 1992), kter\u00e1 se uzamkne na receptory, co\u017e pak umo\u017e\u0148uje uvoln\u011bn\u00ed dopaminu, kter\u00fd n\u00e1m pak d\u00e1v\u00e1 ten p\u0159irozen\u00fd pocit, kter\u00fd za\u017e\u00edv\u00e1me.<\/p>\n                    \n                    <p class=\"content-text\">V\u0161echno d\u00e1valo smysl. Lid\u00e9 interagovali s cannabisem po tis\u00edce let a te\u010f jsme v\u011bd\u011bli pro\u010d. Nev\u00e1d\u011bli jsme do na\u0161ich t\u011bl n\u011bco ciz\u00edho, aktivovali jsme syst\u00e9m, kter\u00fd v n\u00e1s ji\u017e existoval.<\/p>\n                    \n                    <p class=\"content-text\">Tvoje vlastn\u00ed t\u011blo vyr\u00e1b\u00ed sv\u00e9 vlastn\u00ed slou\u010deniny podobn\u00e9 cannabisu, aby t\u011b odm\u011bnilo po cvi\u010den\u00ed. Docela zaj\u00edmav\u00e9?<\/p>\n                    \n                    <div class=\"quote-box\">\n                        <p class=\"content-text\">Jak p\u00ed\u0161e Dr. David J. Linden, PhD z Johns Hopkins Medicine. \"Cvi\u010den\u00ed zvy\u0161uje hladiny endokannabinoid\u016f v krevn\u00edm ob\u011bhu. Na rozd\u00edl od endorfin\u016f se endokannabinoidy mohou snadno pohybovat p\u0159es bun\u011b\u010dnou bari\u00e9ru odd\u011bluj\u00edc\u00ed krevn\u00ed ob\u011bh od mozku, kde tyto n\u00e1ladu zlep\u0161uj\u00edc\u00ed neuromodul\u00e1tory podporuj\u00ed kr\u00e1tkodob\u00e9 psychoaktivn\u00ed \u00fa\u010dinky, jako je sn\u00ed\u017een\u00e1 \u00fazkost a pocity klidu\"<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">N\u011bco, co jsme objevili jen d\u00edky cannabisu. Tento konkr\u00e9tn\u00ed p\u0159\u00edklad endokannabinoidn\u00edho syst\u00e9mu v akci pouze \u0161kr\u00e1be povrch toho, co se d\u011bje.<\/p>\n                    \n                    <p class=\"content-text\">Vztah mezi rostlinou a \u010dlov\u011bkem za\u010d\u00edn\u00e1 d\u00e1vat v\u011bt\u0161\u00ed smysl.<\/p>\n                    \n                    <p class=\"content-text\">Tak\u017ee pokud m\u00e1\u0161 r\u00e1d u\u010den\u00ed se nov\u00fdm v\u011bcem, zkus ten \u010dl\u00e1nek. Je tam slu\u0161n\u00e1 znalost na 3\/4 piva k p\u0159ed\u00e1n\u00ed. Sta\u0148 se pubov\u00fdm expertem pros\u00edm x<\/p>\n                <\/div>\n\n                <!-- Media Fact Checking -->\n                <div class=\"content-card\">\n                    <h3>Aaaaaaa Kone\u010dn\u011b<\/h3>\n                    <p class=\"content-text\" style=\"text-align: center;\">Pro ka\u017ed\u00e9ho, kdo \u0161\u00ed\u0159\u00ed stra\u0161\u00edc\u00ed zpr\u00e1vy o cannabisu, ahoj \ud83d\ude42<\/p>\n                    <p class=\"content-text translation-block\">Nejprod\u00e1van\u011bj\u0161\u00ed irsk\u00fd den\u00edk uve\u0159ejnil tituln\u00ed stranu s titulkem tvrd\u00edc\u00edm, \u017ee <strong>5 000 lid\u00ed bylo hospitalizov\u00e1no kv\u016fli u\u017e\u00edv\u00e1n\u00ed cannabisu<\/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;\">Zdroj: Irish Independant<\/p>\n<\/div>\n                    \n                    <p class=\"content-text\">P\u0159e\u010dti si to a pomyslel by sis, \u017ee samotn\u00e1 rostlina pos\u00edl\u00e1 lidi p\u0159\u00edmo na pohotovost. To je c\u00edl, aby cannabis zn\u011bl nebezpe\u010dn\u011b, p\u0159im\u011bt lidi k mluven\u00ed a prodat v\u00edce novin. Fair play, pokud je tv\u00e1 pr\u00e1ce prod\u00e1vat p\u0159\u00edb\u011bhy, dob\u0159e ud\u011bl\u00e1no. Ale poj\u010fme se pono\u0159it hloub\u011bji.<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text translation-block\">\u010c\u00edslo bylo siln\u011b ovlivn\u011bno <strong>syntetick\u00fdm cannabisem<\/strong>, co\u017e je \u00fapln\u011b jin\u00e1 droga.<\/p>\n                        <p class=\"content-text translation-block\">Syntetick\u00fd cannabis nen\u00ed cannabis. Jsou to doslova \u010dlov\u011bkem vyroben\u00e9 chemik\u00e1lie nast\u0159\u00edkan\u00e9 na vysu\u0161enou rostlinnou hmotu, aby napodobily \u00fa\u010dinky THC. To je v\u0161e. <strong>\u017d\u00e1dn\u00e9 p\u0159\u00edrodn\u00ed slou\u010deniny, \u017e\u00e1dn\u00fd kv\u011bt cannabisu<\/strong>, jen laboratorn\u011b vyroben\u00fd koktejl navr\u017een\u00fd tak, aby pro\u0161el drogov\u00fdmi testy.<\/p>\n                        <p class=\"content-text\">Je levn\u011bj\u0161\u00ed vyrobit, jednodu\u0161\u0161\u00ed distribuovat a mnohem nebezpe\u010dn\u011bj\u0161\u00ed. A h\u00e1dej co? Existuje pouze proto, \u017ee skute\u010dn\u00e1 rostlina je neleg\u00e1ln\u00ed.<\/p>\n                        <p class=\"content-text\">Zak\u00e1\u017ee\u0161 p\u0159\u00edrodn\u00ed verzi a vytvo\u0159\u00ed\u0161 trh pro toxickou napodobeninu. To nen\u00ed sni\u017eov\u00e1n\u00ed \u0161kod, to je politika, kter\u00e1 se obrac\u00ed proti tob\u011b v re\u00e1ln\u00e9m \u010dase.<\/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\">Tak\u017ee mo\u017en\u00e1 m\u00edsto pou\u017e\u00edv\u00e1n\u00ed t\u011bchto \u010d\u00edsel k \u0161\u00ed\u0159en\u00ed strachu polo\u017eme lep\u0161\u00ed ot\u00e1zku: <em>pro\u010d se lid\u00e9 v\u016fbec obracej\u00ed na syntetiku?<\/em><\/p>\n                    \n                    <p class=\"content-text translation-block\">Nebo v The Echo, kter\u00e9 vlastn\u00ed Irish Times, druh\u00fd nejprod\u00e1van\u011bj\u0161\u00ed irsk\u00fd den\u00edk. Titulek zn\u00ed <em><a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_self\">\"Irsko m\u00e1 probl\u00e9m s drogami a legalizace nen\u00ed v\u0161el\u00e9k.\"<\/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\">Zdroj: <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\">Ch\u00e1pu, to je diskuse, kter\u00e1 stoj\u00ed za to. Ale hlavn\u00ed obr\u00e1zek? <strong>Joint.<\/strong> I kdy\u017e se \u010dl\u00e1nek zam\u011b\u0159uje na drogov\u00e9 \u00famrt\u00ed v cel\u00e9 Evrop\u011b a cannabis nen\u00ed spojen s fat\u00e1ln\u00edmi p\u0159ed\u00e1vkov\u00e1n\u00edmi.<\/p>\n                    \n                    <p class=\"content-text\">Pro\u010d pou\u017e\u00edt ten obr\u00e1zek? P\u0159ipad\u00e1 to z\u00e1m\u011brn\u00e9. Tohle se s\u010d\u00edt\u00e1. Mal\u00e9 volby, jemn\u00e9 r\u00e1mov\u00e1n\u00ed, neust\u00e1l\u00e9 posilov\u00e1n\u00ed stejn\u00e9ho zastaral\u00e9ho p\u0159\u00edb\u011bhu.<\/p>\n                    \n                    <p class=\"content-text\">Jsem Ir, tak\u017ee hlavn\u011b vid\u00edm, co se tla\u010d\u00ed v m\u00e9di\u00edch tady. Proto jsem dal tyto p\u0159\u00edklady, ale existuje to v\u0161ude.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Nap\u0159\u00edklad za lou\u017e\u00ed v Anglii. Policejn\u00ed komisa\u0159 v <strong>\u010dervenci 2025<\/strong> p\u0159irovnal cannabis k rakovin\u011b, psych\u00f3ze a vrozen\u00fdm vad\u00e1m a vyzval k jeho p\u0159eklasifikov\u00e1n\u00ed jako drog\u011b t\u0159\u00eddy A, co\u017e ho stav\u00ed na rove\u0148 heroinu.<\/p>\n                    \n                   <p class=\"content-text translation-block\">Spolu s t\u00edm ve stejn\u00e9m m\u011bs\u00edci <strong>(\u010dervenec 2025)<\/strong> n\u011bkte\u0159\u00ed z nejv\u00fd\u0161e postaven\u00fdch policejn\u00edch \u00fa\u0159edn\u00edk\u016f ve Spojen\u00e9m kr\u00e1lovstv\u00ed, v\u010detn\u011b \u0161\u00e9fa College of Policing (chlapa, kter\u00fd doslova stanovuje standard pro policii v zemi), hlavn\u00edho konst\u00e1bla policie Greater Manchester a \u0161\u00e9fa policie Merseyside vydali spole\u010dn\u00e9 ve\u0159ejn\u00e9 prohl\u00e1\u0161en\u00ed vyz\u00fdvaj\u00edc\u00ed k p\u0159\u00edsn\u011bj\u0161\u00edmu postoji ke cannabisu. \u0158ekli, \u017ee <strong>v\u016fn\u011b cannabisu je zn\u00e1mkou zlo\u010dinu a nepo\u0159\u00e1dku<\/strong>. Podle t\u00e9to logiky je v\u016fn\u011b \u010derstv\u00e9 barvy zn\u00e1mkou neleg\u00e1ln\u00ed renovace a v\u016fn\u011b benz\u00ednu znamen\u00e1, \u017ee n\u011bkdo pl\u00e1nuje \u017eh\u00e1\u0159stv\u00ed.<\/p>\n                    \n                    <p class=\"content-text translation-block\"><strong>Nech to dojde<\/strong>. V jejich vlastn\u00ed zemi, kde tvrd\u00ed, \u017ee cannabis je \"chronicky nebezpe\u010dn\u00fd\", je rostlina p\u0159edepisov\u00e1na l\u00e9ka\u0159i, v\u010detn\u011b NHS, aby pomohla pacient\u016fm se z\u00e1va\u017en\u00fdmi nemocemi. Supeeeer.<\/p>\n                    \n                    <p class=\"content-text\">Stigma se neobjevilo p\u0159es noc. Bylo postaveno, \u010dl\u00e1nek po \u010dl\u00e1nku, titulek po titulku. Tak\u017ee te\u010f je na\u0161e \u0159ada za\u010d\u00edt to bourat.<\/p>\n                    \n  <p class=\"content-text translation-block\">Jeden p\u0159\u00edsp\u011bvek po druh\u00e9m. Pravdu je t\u011b\u017e\u0161\u00ed ignorovat. <a href=\"https:\/\/www.youtube.com\/watch?v=4w4ZHukivB8\" target=\"_blank\">P\u0159ich\u00e1z\u00edme.<\/a><\/p>\n                <\/div>\n                \n                <!-- Life Perspective Section -->\n                <div class=\"content-card\">\n                    <h3>Rychl\u00e1 \u017eivotn\u00ed perspektiva<\/h3>\n                    <p class=\"content-text\">Te\u010f s t\u00edm douf\u00e1m, \u017ee budete m\u00edt v\u0161ichni skv\u011bl\u00fd den. \u00dapln\u011b mimo t\u00e9ma. Pamatujte, \u017ee za 70 let nebo tak budeme v\u0161ichni pry\u010d, tak\u017ee nic z toho, co jsem pr\u00e1v\u011b napsal nebo jsi p\u0159e\u010detl, nebude pro nikoho z n\u00e1s d\u016fle\u017eit\u00e9. Pro\u010d?<\/p>\n                    \n                    <p class=\"content-text\">Proto\u017ee v\u0161ichni budeme pry\u010d. J\u00e1 budu pry\u010d, ty bude\u0161 pry\u010d, a v\u011bci, kter\u00e9 t\u011b dnes stresuj\u00ed, budou tak irelevantn\u00ed jako v\u010derej\u0161\u00ed d\u00e9\u0161\u0165. Je v tom zvl\u00e1\u0161tn\u00ed kr\u00e1sa. Tak\u017ee a\u0165 t\u011b t\u00ed\u017e\u00ed cokoliv, nadechni se. Usm\u00edvej se. Dej si ka\u017edou \u0161anci b\u00fdt \u0161\u0165astn\u00fd.<\/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\">Tady je koncept, kter\u00fd miluji. P\u0159edstav si, \u017ee vyhraje\u0161 v loterii 50 milion\u016f dolar\u016f. B\u011bhal bys po dom\u011b a ztr\u00e1cels rozum. Jak\u00e1 byla skute\u010dn\u00e1 \u0161ance na v\u00fdhru?? Te\u010f se zastav a uv\u011bdom si: \u0161ance, \u017ee existuje\u0161, jsou mnohem, mnohem men\u0161\u00ed ne\u017e v\u00fdhra v t\u00e9 loterii. Fakt, \u017ee jsi tady, \u017eiv\u00fd, d\u00fdch\u00e1\u0161, p\u0159em\u00fd\u0161l\u00ed\u0161, je docela neuv\u011b\u0159iteln\u00fd up\u0159\u00edmn\u011b \u0159e\u010deno.<\/p>\n                            <\/div>\n                            \n                            <p class=\"content-text\">Jak divok\u00e9 je, \u017ee v\u0161ichni m\u016f\u017eeme existovat. A nav\u00edc n\u011bjak existovat se sv\u00fdmi p\u0159\u00e1teli, na t\u00e9to mal\u00e9 planet\u011b pr\u00e1v\u011b v tento moment? Je to neuv\u011b\u0159iteln\u00e9, nikdo nev\u00ed, pro\u010d jsme dostali tuto \u0161anci, ale dostali jsme ji. P\u0159epnut\u00ed do stavu mysli, \u017ee m\u00e1\u0161 obrovsk\u00e9 \u0161t\u011bst\u00ed za\u017e\u00edt zemi, m\u016f\u017ee pomoci.<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"content-text\">Tak\u017ee jo, \u017eivot m\u016f\u017ee b\u00fdt chaotick\u00fd, stresuj\u00edc\u00ed a dokonce naprosto sm\u011b\u0161n\u00fd n\u011bkdy, ale je to tak\u00e9 obrovsk\u00fd, nepravd\u011bpodobn\u00fd dar.<\/p>\n                    \n                    <p class=\"content-text\">Kdy\u017e se \u017eivot zd\u00e1 t\u011b\u017ek\u00fd, p\u0159ipome\u0148 si: nic z toho nebude brzy d\u016fle\u017eit\u00e9. Tak\u017ee se usm\u011bj, u\u017eij si j\u00edzdu a vyu\u017eijme maxim\u00e1ln\u011b tuto \u0161\u00edlenou \u0161anci, kterou jsme dostali. Vyhr\u00e1v\u00e1\u0161 u\u017e jen t\u00edm, \u017ee jsi tady. \u270c\ufe0f<\/p>\n                    \n                    <p class=\"content-text\">Ty jo, co jsem to za kazatele.<\/p>\n                    \n                    <p class=\"content-text\">\u010cau x<\/p>\n                <\/div>\n\n                <!-- Personal Note: For John - WITH CORRECT JPG URL -->\n<div class=\"content-card\">\n    <h3>Osobn\u00ed pozn\u00e1mka: Pro Johna<\/h3>\n    <p class=\"content-text\">Nebyl jsem si jist\u00fd, jestli to m\u00e1m sd\u00edlet nebo ne. Nechci d\u011blat takov\u00fd ten X Factor sra\u010dky, ale p\u0159em\u00fd\u0161lel jsem o tom a rozhodl jsem se to zm\u00ednit.<\/p>\n    \n    <p class=\"content-text\">Ned\u00e1vno jsem ztratil jednoho z m\u00fdch nejlep\u0161\u00edch p\u0159\u00e1tel. Pr\u00e1v\u011b jsi o n\u011bm \u010detl.<\/p>\n    \n    <p class=\"content-text\">Kamar\u00e1d, kter\u00e9mu jsem \u0159\u00edkal 'John Doean', ten, co ho t\u00e1hli k soudu kv\u016fli \u20ac0,50 tr\u00e1vy, se tak doopravdy nejmenoval.<\/p>\n    \n    <p class=\"content-text\">Ve skute\u010dnosti se jmenoval John Dolan. Zem\u0159el koncem \u0159\u00edjna 2025, po velmi n\u00e1hl\u00e9 nemoci.<\/p>\n    \n    <p class=\"content-text\">Kdy\u017e jsem p\u016fvodn\u011b psal tento text, myslel jsem, \u017ee budu chytr\u00fd a pou\u017eiju 'John Doe', jak bys ud\u011blal v soudn\u00edm p\u0159\u00edpadu k ochran\u011b n\u011b\u010d\u00ed identity. Jen\u017ee jsem z toho ud\u011blal 'John Doean' jako slovn\u00ed h\u0159\u00ed\u010dku mezi John Doe a John Dolan. Kdybys byl odtud, odkud jsem j\u00e1, nebo znal Johna, hned bys to prokoukl. To byl z\u00e1m\u011br.<\/p>\n    \n    <p class=\"content-text\">Pro\u010d ti to \u0159\u00edk\u00e1m a p\u00ed\u0161u o tom? Pral jsem se s t\u00edm. Z\u00e1le\u017e\u00ed na tom v \u0161ir\u0161\u00edm obrazu? To, \u017ee John u\u017e nen\u00ed, nem\u011bn\u00ed, jak se na konop\u00ed nahl\u00ed\u017e\u00ed.<\/p>\n    \n    <p class=\"content-text\">Nebo mo\u017en\u00e1 ano.<\/p>\n    \n    <p class=\"content-text\">Pravda je, \u017ee v\u00edm, \u017ee nejsem s\u00e1m, kdo chce zm\u011bnit, jak se na konop\u00ed nahl\u00ed\u017e\u00ed. Co v\u00edm, je, \u017ee jsem m\u011bl alespo\u0148 jednoho \u010dlov\u011bka, kter\u00fd se mnou souhlasil, jak mus\u00edme zm\u011bnit pohled na konop\u00ed, a byl to John.<\/p>\n    \n    <!-- UPDATED WITH JPG URL -->\n    <p class=\"content-text\">Kdy\u017e jsem ho v \u00fanoru po\u017e\u00e1dal o jeho p\u016fvodn\u00ed ob\u017ealobu pro tento web, jeho odpov\u011b\u010f byla klasick\u00fd 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;\">\"Samoz\u0159ejm\u011b s tebou souhlas\u00edm, \u017ee to byl absolutn\u011b nejhloup\u011bj\u0161\u00ed, nejzaostalej\u0161\u00ed a nejzbyte\u010dn\u011bj\u0161\u00ed sled ud\u00e1lost\u00ed a pln\u011b bych podpo\u0159il legalizaci haha\"<\/a><\/em><\/p>\n    \n    <p class=\"content-text\">Chci vyzdvihnout sv\u00e9ho p\u0159\u00edtele Johna. Sobecky chci, aby byl sou\u010d\u00e1st\u00ed t\u00e9to zpr\u00e1vy a vize toho, co se tu d\u011bje. Chci, aby ka\u017ed\u00fd, kdo ho znal, v\u011bd\u011bl, jak moc znamenal pro na\u0161i skupinu p\u0159\u00e1tel. Pomohl formovat na\u0161e \u017eivoty a zejm\u00e9na pro m\u011b tento projekt.<\/p>\n    \n    <p class=\"content-text\">John byl skute\u010dn\u00fd, jeho p\u0159\u00edpad byl skute\u010dn\u00fd a jeho podpora pro zm\u011bnu tohoto stigmatu a zaostal\u00e9ho syst\u00e9mu byla skute\u010dn\u00e1.<\/p>\n    \n    <p class=\"content-text\">Nebudu lh\u00e1t, \u017eivot te\u010f kurva bol\u00ed. Ale takov\u00fd je \u017eivot a v\u0161ichni t\u00edm jednou projdeme. N\u011bco takov\u00e9ho jen potvrzuje, co chci se sv\u00fdm \u017eivotem d\u011blat. Na \u010dem chci pracovat, co budovat, za \u010d\u00edm j\u00edt a \u010deho dos\u00e1hnout. V\u00edm, \u017ee to je to, co cht\u011bl on a s\u00e1m to aktivn\u011b sledoval. Chci tu energii a pohled na \u017eivot p\u0159in\u00e9st co nejv\u00edce lidem.<\/p>\n    \n    <p class=\"content-text\">Tak\u017ee se pro n\u011bj vyt\u00e1hnu.<\/p>\n    \n    <p class=\"content-text\">Tak\u017ee, pro tebe <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>, m\u00e1m t\u011b r\u00e1d k\u00e1mo. V\u0161em n\u00e1m moc chyb\u00ed\u0161. Slova nedok\u00e1\u017eou vyj\u00e1d\u0159it, co c\u00edt\u00edme.<\/p>\n    \n    <p class=\"content-text\">Kousek skl\u00e1da\u010dky te\u010f chyb\u00ed, ale ty, kter\u00fdch ses dotkl, st\u00e1le dr\u017e\u00ed pevn\u011b pohromad\u011b. V\u0161ichni st\u00e1le m\u00e1me spoustu kousk\u016f, tak\u017ee se na to mus\u00edme soust\u0159edit.<\/p>\n    \n    <p class=\"content-text\">A\u017e se znovu setk\u00e1me, brat\u0159e 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 Sleduj tento p\u0159\u00edb\u011bh<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Pod\u00edvej se na osobn\u00ed cestu za touto mis\u00ed<\/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=\"P\u0159ehr\u00e1va\u010d videa YouTube\" \n        frameborder=\"0\" \n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n        referrerpolicy=\"strict-origin-when-cross-origin\" \n        allowfullscreen>\n    <\/iframe>\n<\/div>\n\n<script>\n(function() {\n    const videoFrame = document.getElementById('tbos-video');\n    if (!videoFrame) return;\n    \n    const currentLang = document.documentElement.lang || 'en';\n    \n    let langCode = 'en';\n    if (currentLang.includes('ga')) langCode = 'ga';\n    else if (currentLang.includes('es')) langCode = 'es';\n    else if (currentLang.includes('de')) langCode = 'de';\n    else if (currentLang.includes('pt')) langCode = 'pt';\n    else if (currentLang.includes('fr')) langCode = 'fr';\n    else if (currentLang.includes('it')) langCode = 'it';\n    else if (currentLang.includes('pl')) langCode = 'pl';\n    \n    const videoId = videoFrame.dataset[langCode];\n    if (videoId) {\n        videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n    }\n})();\n<\/script>\n                <\/div>\n\n                <!-- Content Break -->\n                <div class=\"content-break\"><\/div>\n\n                <!-- Audio Section -->\n                <div class=\"media-card animate-in\" style=\"margin: 4rem auto 3rem auto;\">\n                    <h3>\ud83c\udfa7 Poslouchej na cest\u00e1ch<\/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>Jedin\u00fd Zp\u016fsob, Jak Z\u016fstat v Obraze<\/h3>\n                        <p>Cannabis se vyv\u00edj\u00ed a my pokr\u00fdv\u00e1me v\u011bdu, v\u00fdzkum a kulturu. V\u0161e je zdarma a p\u0159\u00edmo do tv\u00e9 schr\u00e1nky. \u017d\u00e1dn\u00e9 soci\u00e1ln\u00ed s\u00edt\u011b. Jen email. P\u0159ipoj se, pokud t\u011b to zaj\u00edm\u00e1.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Rozhovory a dokumenty<\/li>\n                            <li>\ud83d\udcda Vzd\u011bl\u00e1vac\u00ed videa a zvuky<\/li>\n                            <li>\ud83d\udd2c V\u011bdecky podlo\u017een\u00e9 informace a poznatky<\/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=\"tv\u016fj@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Z\u00edskat aktualizace<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Z\u016fsta\u0148 zv\u011bdav\u00fd \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"cs\"\/><\/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>Co si mysl\u00ed\u0161?<\/h3>\n                        <p>M\u00e1\u0161 co \u0159\u00edct? Nech to tady. Tv\u016fj hlas pom\u00e1h\u00e1 utv\u00e1\u0159et to, co p\u0159ijde d\u00e1l.<\/p>\n                        <ul class=\"engagement-features\">\n                            <li>\ud83d\udcad Sd\u00edlej sv\u00e9 zku\u0161enosti<\/li>\n                            <li>\ud83e\udd1d Pokecej s ostatn\u00edmi o tom<\/li>\n                            <li>\ud83d\udcda Pomoz vylep\u0161it budouc\u00ed obsah<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"engagement-interaction\">\n                        <div class=\"comment-form-v1\">\n                            <h4>Jak to funguje<\/h4>\n                            <ol>\n                                <li class=\"translation-block\"><span>Krok 1:<\/span>Vyber: Zadej email NEBO komentuj anonymn\u011b<\/li>\n                                <li class=\"translation-block\"><span>Krok 2:<\/span>Z\u00edskej sv\u00e9 unik\u00e1tn\u00ed u\u017eivatelsk\u00e9 jm\u00e9no (ponech\u00e1\u0161 si ho na cel\u00e9m webu)<\/li>\n                                <li class=\"translation-block\"><span>Krok 3:<\/span>Komentuj, hlasuj, odpov\u00eddej a sd\u00edlej sv\u00e9 my\u0161lenky: jsi sou\u010d\u00e1st\u00ed konverzace!<\/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;\">Komentuj anonymn\u011b (nevy\u017eaduje se e-mail)<\/label>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"form-group-v1\" id=\"emailGroup\">\n                                    <input type=\"email\" id=\"commentEmail\" placeholder=\"tv\u016fj@email.com\" required>\n                                    <div class=\"username-container\">\n                                        <div class=\"username-display\" id=\"usernameDisplay\">Tv\u00e9 u\u017eivatelsk\u00e9 jm\u00e9no se zde objev\u00ed<\/div>\n                                        <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Z\u00edskej jin\u00e9 u\u017eivatelsk\u00e9 jm\u00e9no\">\n                                            \ud83d\udd04\n                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"form-group-v1\">\n                                    <textarea id=\"commentText\" placeholder=\"Co si o tom mysl\u00ed\u0161? N\u011bjak\u00e9 ot\u00e1zky nebo zku\u0161enosti k sd\u00edlen\u00ed?\"><\/textarea>\n                                <\/div>\n                                <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                    <span id=\"submitText\">Odeslat koment\u00e1\u0159<\/span>\n                                <\/button>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"cs\"\/><\/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\">Se\u0159adit podle:<\/label>\n                        <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                            <option value=\"recent\">Nejnov\u011bj\u0161\u00ed<\/option>\n                            <option value=\"liked\">Nejobl\u00edben\u011bj\u0161\u00ed<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"comments-header\" id=\"commentsHeader\">\n                        <span>\ud83d\udcad<\/span> Ned\u00e1vn\u00e9 koment\u00e1\u0159e (<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\/cs\" class=\"cta-button\">\n                    \ud83c\udf3f Jdi Prozkoumat\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\/cs\/wp-json\/wp\/v2\/pages\/2350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/comments?post=2350"}],"version-history":[{"count":165,"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/pages\/2350\/revisions"}],"predecessor-version":[{"id":8030,"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/pages\/2350\/revisions\/8030"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/cs\/wp-json\/wp\/v2\/media?parent=2350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}