{"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\/it\/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>Perch\u00e9 Esiste Two Birds One Stoned - Storie Personali Dietro la Riforma dell'Educazione sulla Cannabis<\/title>\n    <meta name=\"title\" content=\"Why Two Birds One Stoned Exists - Personal Stories Behind Cannabis Education Reform\">\n    <meta name=\"description\" content=\"Le esperienze personali che hanno scatenato la missione di Two Birds One Stoned: dai divieti di alloggio universitario ai casi giudiziari per 50 centesimi di cannabis. Storie reali che guidano la riforma dell&#039;istruzione.\">\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=\"Perch\u00e9 Esiste Two Birds One Stoned - Storie Personali Dietro la Riforma dell&#039;Educazione sulla Cannabis\">\n    <meta property=\"og:description\" content=\"Le esperienze personali che hanno scatenato la missione di Two Birds One Stoned: dai divieti di alloggio universitario ai casi giudiziari per 50 centesimi di cannabis. Storie reali che guidano la riforma dell&#039;istruzione.\">\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=\"Educazione alla cannabis\">\n    <meta property=\"article:tag\" content=\"Cannabis Reform\">\n    <meta property=\"article:tag\" content=\"Personal Stories\">\n    <meta property=\"article:tag\" content=\"Drug Policy\">\n    \n    <!-- Twitter -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/why-two-birds-one-stoned-exists\/\">\n    <meta name=\"twitter:title\" content=\"Perch\u00e9 Esiste Two Birds One Stoned - Storie Personali Dietro la Riforma dell&#039;Educazione sulla Cannabis\">\n    <meta name=\"twitter:description\" content=\"Le esperienze personali che hanno scatenato la missione di Two Birds One Stoned: dai divieti di alloggio universitario ai casi giudiziari per 50 centesimi di cannabis. Storie reali che guidano la riforma dell&#039;istruzione.\">\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\">Perch\u00e9 Esiste Two Birds One Stoned \ud83d\udc26\u200d\u2b1b<\/h1>\n                <p class=\"article-subtitle\">Le storie personali che hanno scatenato una missione per cambiare le conversazioni sulla cannabis<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Navigation Hint -->\n            <div class=\"nav-hint\">\n                \u2193 Pronto per immergerti nella mia storia personale? Ecco la panoramica completa \u2193\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Written Content Section -->\n            <div class=\"content-section\">\n                <h2 class=\"content-section-title\">Perch\u00e9 Esiste Two Birds One Stoned \ud83d\udc26\u200d\u2b1b<\/h2>\n\n                <!-- What made me decide to build this site? -->\n                <div class=\"content-card\">\n                    <h3>Cosa mi ha spinto a costruire questo sito?<\/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;\">(Gli utenti di cannabis non sono tutti uguali. Perch\u00e9 non lo sono)<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Ciao collega umano,<\/p>\n                    <p class=\"content-text\">So che devi essere impegnato quindi sar\u00f2 breve.<\/p>\n                    <p class=\"content-text\">Per andare dritto al punto.<\/p>\n                    <p class=\"content-text\">Un mio migliore amico ha perso quattro anni di alloggio universitario perch\u00e9 ha fumato una canna fuori dal suo palazzo.<\/p>\n                    <p class=\"content-text\">Un altro \u00e8 stato trascinato in tribunale in Irlanda per aver avuto addosso erba del valore di \u20ac0,50. Non \u00e8 un errore di battitura. Cinquanta centesimi. Nel tribunale distrettuale. Questo \u00e8 successo 3 anni fa.<\/p>\n                    <p class=\"content-text\">E io sono stato perquisito, filmato nudo e mi \u00e8 stato negato l'ingresso a un festival, tutto per un paio di canne<\/p>\n                    \n                   <p class=\"content-text translation-block\">L'incoerenza e la durezza di queste interazioni mi hanno fatto chiedere perch\u00e9 la cannabis porta tanto stigma. Come la societ\u00e0 gestisce la cannabis oggi sembra completamente fuori dal mondo. Sapendo che queste erano solo <strong>le mie<\/strong> esperienze personali, sapevo che c'erano pi\u00f9 persone l\u00e0 fuori con storie come queste.<\/p>\n                      <p class=\"content-text\">L'accumulo di questi momenti mi ha ispirato a iniziare questa conversazione.<\/p>\n                <\/div>\n\n                <!-- Personal Mission Section -->\n                <div class=\"content-card\">\n                    <h3>Cosa succeder\u00e0 qui?<\/h3>\n                    \n                    <p class=\"content-text\">Succederanno due cose:<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong>Educare in sicurezza il pubblico sulla cannabis<\/strong> - in modo che se interagisci con essa, tu possa farlo in modo sicuro e informato.<\/li>\n                        <li class=\"translation-block\"><strong>Rompere e sviluppare lo stigma che circonda la cannabis<\/strong> - questo deve semplicemente essere fatto, quindi eccoci qui.<\/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\">Ho incontrato infermieri, ingegneri, contabili, baristi, meccanici, scienziati, imprenditori, atleti, dottori, elettricisti, idraulici, ostetriche e la lista continua, che hanno consumato cannabis e sono persone altamente motivate, funzionali e sane. E questo sono solo io personalmente.<\/p>\n                            \n                            <p class=\"content-text\">So che c'\u00e8 un mondo di persone l\u00e0 fuori che possono coesistere con la cannabis e vivere una vita appagante. La prova vivente \u00e8 ovunque, solo che non ne senti sempre parlare.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Nessuno dovrebbe sentirsi strano o vergognarsi di accendere. Ti piace un po' di erba? Figo. Anche milioni di altri, e stanno prosperando qui fuori. \u00c8 ora di smettere di sussurrare e iniziare a rivendicarlo.<\/p>\n                    <\/div>\n                    <p class=\"content-text\">La cannabis pu\u00f2 arricchire una vita con struttura, scopo e salute. Senza queste, pu\u00f2 lentamente togliere pi\u00f9 di quanto dia.<\/p>\n                <\/div>\n\n                <!-- The University Story -->\n                <div class=\"content-card\">\n                    <h3>Lascia che Condivida le Storie<\/h3>\n                    <p class=\"content-text\">Allora perch\u00e9 ho deciso di fare questo? Perch\u00e9 passare tutto il mio tempo libero su qualcosa del genere?<\/p>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Kicked-out-of-accommadation.png\" alt=\"Kicked out of accommodation\">\n                        <div class=\"text-content\">\n                            <h4>La Storia dell'Universit\u00e0<\/h4>\n                            <p class=\"content-text\">Avevo 18 anni, appena iniziata l'uni, quando uno dei miei migliori amici, intelligente, motivato, testa ben piantata sulle spalle, \u00e8 stato beccato a fumare una canna fuori dal suo appartamento. L'universit\u00e0 gli ha vietato ogni alloggio nel campus. Un momento. Quattro anni spariti. Mentre il resto di noi si godeva la vita universitaria, lui \u00e8 stato escluso per un po' di erba.<\/p>\n                            \n                            <p class=\"content-text\">Questa \u00e8 stata una decisione che non ha ferito nessuno, che molti di noi hanno preso, lui ha solo avuto la sfortuna di essere beccato. E per questo, si \u00e8 perso alcune grandi esperienze di vita.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">\u00c8 andato avanti per creare la societ\u00e0 imprenditoriale dell'Universit\u00e0, laurearsi con lode, lavorare per una multinazionale, e ora \u00e8 fidanzato e sta costruendo una casa. Una canna non lo ha definito, ma le regole ci hanno provato. Nel frattempo, il pub del college (s\u00ec lo stables) era pieno ogni sera, e nessuno ha battuto ciglio. E ad essere onesti probabilmente anch'io ero al pub a divertirmi. Ma quella fu la prima volta in cui pensai \"hmmm questo non torna\".<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- The 50 Cent Story -->\n                <div class=\"content-card\">\n                    <h3>\u20ac0.50 di Cannabis<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Joe-Doean-Docuemnt.png\" alt=\"Court document\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Questa storia \u00e8 vera ed \u00e8 successa a uno dei miei migliori amici. Durante il COVID \u00e8 stato beccato mentre spegneva la fine di una canna. Era tornato a casa, \u00e8 stato notato, multato e convocato in tribunale dai Garda\u00ed (Polizia). Ci ha mostrato il foglio d'accusa. Ti giuro, c'era scritto cos\u00ec:<\/p>\n                            \n                            <div class=\"quote-box\">\n                                <p class=\"content-text\">\"Alla data e nel luogo sopra indicati, sei stato trovato in possesso di cannabis del valore di circa \u20ac0.50. Questo \u00e8 stato rilevato durante un controllo di routine da parte di An Garda S\u00edoch\u00e1na ai sensi del Misuse of Drugs Act 1977, Sezione 23 (potere di perquisire persone sospettate di possedere droghe).\"<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">John Doean, amico mio, a cosa stavi pensando? Criminale. 50 centesimi.. Il tipo \u00e8 stato beccato con il roger pungente e ha dovuto andare in tribunale. 50 centesimi equivalgono a 24 milligrammi di erba. \u00c8 come essere beccato con un quarto di shot di caff\u00e8. Mi dispiace ma cosa. Signore bambino Ges\u00f9. \u00c8 genuinamente confuso come sia successo. Voglio dire, \u00e8 qui che il nostro governo stava mettendo le sue risorse? Durante una pandemia globale? Ai ragazzi e ragazze nella casa di Leinster, sapete che questa \u00e8 follia, non ci sono due modi per vederla.<\/p>\n                    \n                    <p class=\"content-text\">Onestamente, da dove inizi e finisci con qualcosa del genere ahah<\/p>\n                <\/div>\n\n                <!-- Festival Story -->\n                <div class=\"content-card\">\n                    <h3>La Mia Esperienza al Festival<\/h3>\n                    <p class=\"content-text\">E infine, quello che lo ha reso personale per me. Ci\u00f2 che ha avviato questa idea. La mia interazione personale con i ragazzi in blu e la cannabis. Questa volta in Australia. Pensavo di stare tranquillo, rollare qualche canna e godermi la musica.<\/p>\n                    \n                    <p class=\"content-text\">Invece, mi sono ritrovato in una tenda della polizia, mostrando tutto agli agenti con la loro videocamera. Essere filmato nudo era un po' troppo ma hanno ottenuto quello che hanno ottenuto. La multa e l'avvertimento? Giusto, ho infranto la legge. Ma il contrasto era stridente, migliaia all'interno, bevendo liberamente, mentre io ero trattato come un criminale. Il piccolo vecchio cagnolino poliziotto mi ha fregato. Lo amo ancora. Colpa mia davvero.<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Quindi sto camminando verso casa, un po' brillo, un po' incazzato e ho semplicemente deciso: basta, cambier\u00f2 come la gente vede la cannabis. Quello fu il momento. Tutte le storie, tutta la follia, mi hanno fatto iniziare a chiedere: perch\u00e9 diavolo ci sono ancora restrizioni cos\u00ec ridicole su qualcosa che sta aiutando le persone a vivere vite migliori... mentre altri vengono ancora puniti solo per averla. Dopo tutto quello che avevo visto, sentito e vissuto, non potevo semplicemente lasciare perdere. Dovevo fare qualcosa al riguardo.<\/p>\n                    <\/div>\n                        \n                    <p class=\"content-text\">Shit does not add up when you analyse it. To think these are only my own personal experiences. How many more stories are out there like this?.<\/p>\n                \n\n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/baby-saying-hello.jpg\" alt=\"Baby saying hello\" style=\"max-width: 200px;\">\n                    <\/div>\n                    \n                    <p class=\"content-text\">And that's what's brought me here. So hello x<\/p>\n                <\/div>\n\n                <!-- Responsible Use Section -->\n                <div class=\"content-card\">\n                    <h3>Nota a Margine: Cannabis e Uso Responsabile<\/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\">So che la cannabis \u00e8 una droga, e come qualsiasi droga, pu\u00f2 essere abusata. Molte persone ne fanno un uso eccessivo, e non sono qui per fingere che non succeda. La cannabis \u00e8 solo una parte dell'equazione quando si tratta di salute e benessere generale. \u00c8 importante considerare tutti gli aspetti della tua vita, la tua salute mentale, salute fisica, interazioni sociali, produttivit\u00e0 e felicit\u00e0 generale.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text translation-block\">Se la cannabis diventa l'<strong>unico<\/strong> focus nella tua vita, se tutto il resto inizia a restringersi intorno ad essa allora non hai una relazione sana con essa. Se torni a casa dal lavoro ogni giorno e non fai altro che tirare dal bong, allora non \u00e8 quello.<\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Quello che sto cercando di fare qui \u00e8 fornire informazioni accurate ed equilibrate sulla cannabis in modo che le persone possano prendere decisioni informate. Voglio educare. La cannabis \u00e8 complessa. Pu\u00f2 essere incredibilmente benefica, ma non \u00e8 perfetta. Come qualsiasi cosa, richiede un uso responsabile, comprensione e consapevolezza di come si inserisce nella tua vita nel suo insieme.<\/p>\n                    \n                    <p class=\"content-text\">Ecco perch\u00e9 sono qui per darti i fatti, rompere lo stigma e aiutarti a dare senso a qualcosa che \u00e8 stato frainteso e rappresentato male per troppo tempo.<\/p>\n                    \n                    <p class=\"content-text\">Ma se viene integrato intenzionalmente, come parte di una vita che \u00e8 gi\u00e0 ricca di movimento, crescita e connessione, allora pu\u00f2 migliorare la tua vita in modi reali e significativi.<\/p>\n                    \n                    <p class=\"content-text\">Two Birds One Stoned ti mostrer\u00e0 le persone altamente funzionali, di successo e motivate che consumano Sweet Mary Jane. Esistiamo.<\/p>\n                <\/div>\n\n                <!-- Education Methods -->\n                <div class=\"content-card\">\n                    <h3>Come Educar\u00f2?<\/h3>\n                    <p class=\"content-text\">Ho messo insieme sei contenuti principali sul sito finora:<\/p>\n                    <ul>\n                        <li>L'Anatomia della Pianta di Cannabis \ud83c\udf3f<\/li>\n                        <li>La Storia della Cannabis sulla Terra \ud83c\udf0d<\/li>\n                        <li>Il Sistema Endocannabinoide Spiegato \ud83e\udde0<\/li>\n                        <li>Composti della Cannabis: Oltre il THC \ud83e\uddec<\/li>\n                        <li>Metodi di Somministrazione della Cannabis \ud83c\udf2c\ufe0f<\/li>\n                        <li>Usi Medici della Cannabis \ud83c\udfe5<\/li>\n                    <\/ul>\n\n                    <p class=\"content-text\">Ho creato diversi modi per apprendere questi argomenti, perch\u00e9 non tutti imparano o ascoltano allo stesso modo.<\/p>\n                        \n                    <p class=\"content-text\">Prima di tutto, c'\u00e8 un video veloce di 2-3 minuti su YouTube che scompone i punti chiave. Facile da digerire, dritto al punto, un buon punto di partenza.<\/p>\n\n                    <p class=\"content-text\">Poi c'\u00e8 la versione audio, io che la leggo, pi\u00f9 qualche divagazione occasionale. Ideale per il tragitto, una passeggiata o ogni volta che non hai voglia di fissare uno schermo.<\/p>\n                    \n                    <p class=\"content-text\">E se vuoi la storia completa, non solo i punti salienti, prenditi 5-10 minuti e leggi l'articolo. \u00c8 l\u00ec che otterrai il quadro completo, la roba buona.<\/p>\n                    \n                    <p class=\"content-text\">Capisco che la cannabis potrebbe non essere la tua ossessione principale, la vita \u00e8 impegnata e tutti abbiamo cose da fare. Quindi se guardi solo il video di 2 minuti, \u00e8 gi\u00e0 una grande vittoria. Se suscita il tuo interesse, metti la versione audio la prossima volta che sei in movimento.<\/p>\n                <\/div>\n\n                <!-- Endocannabinoid System Highlight -->\n                <div class=\"content-card\">\n                    <h3>Il Sistema Endocannabinoide - La Mia Scoperta Preferita<\/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\">Il mio articolo preferito su cui ho imparato e scritto negli ultimi due anni \u00e8 \"Il sistema Endocannabinoide\". Per me imparare a riguardo, tutta la recente scoperta e il modo in cui il sistema funziona dentro di noi \u00e8 pazzesco. Una panoramica molto veloce \u00e8 la seguente:<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Quando consumi cannabis stai consumando quelli che chiamiamo composti cannabinoidi, come THC e CBD. Quello che abbiamo scoperto (nel 1988) \u00e8 che le cellule del tuo stesso corpo, proprio ora, stanno producendo esattamente lo stesso tipo di composti, naturalmente dentro di te. Qualcosa di cui non avevamo idea prima del 1988.<\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Eeeeeee sembra che sia una scoperta piuttosto enorme.<\/p>\n                    \n                    <p class=\"content-text\">Ad esempio, prendi Jo Cameron, una donna in Scozia che letteralmente non pu\u00f2 sentire dolore. N\u00e9 durante il parto, n\u00e9 dopo un intervento chirurgico. Non si \u00e8 resa conto che la sua pelle stava bruciando, fino a quando non ha sentito l'odore della sua stessa carne che bruciava. Gli scienziati alla fine hanno scoperto che il suo corpo produce livelli altissimi di endocannabinoidi naturali. Non era intorpidita, era saturata. Il suo corpo stava costantemente attivando questo sistema. E n\u00e9 lei, n\u00e9 il resto di noi, ne aveva idea.<\/p>\n                    \n                    <p class=\"content-text\">Oltre a ci\u00f2, se hai mai sperimentato un \"sballo del corridore\". Quella sensazione di euforia e beatitudine dopo un esercizio intenso come correre, sollevamento pesi o nuoto, indovina cosa lo facilita? Il tuo sistema endocannabinoide. \u00c8 il tuo stesso corpo che produce i propri composti simili alla cannabis dentro di te, che ti danno la sensazione di euforia e beatitudine.<\/p>\n                    \n                    <p class=\"content-text\">Quindi vai e spacchi quella panca\/squat massima o corri quel miglio cronometrato, poi quella bella sensazione ti attraversa.<\/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\">Quello che succede l\u00ec \u00e8 che la tua massa corporea produce anandamide, (AEA in breve), il tuo composto simile alla cannabis (scoperto nel 1992) che si lega ai recettori che poi consentono il rilascio di dopamina, che poi ci d\u00e0 quello sballo naturale che sperimentiamo.<\/p>\n                    \n                    <p class=\"content-text\">Aveva tutto senso. Gli esseri umani avevano interagito con la cannabis per migliaia di anni, e ora sapevamo perch\u00e9. Non stavamo introducendo qualcosa di estraneo nei nostri corpi, stavamo attivando un sistema che gi\u00e0 esisteva dentro di noi.<\/p>\n                    \n                    <p class=\"content-text\">Il tuo stesso corpo che produce i propri composti simili alla cannabis, per ricompensarti dopo l'esercizio. Piuttosto interessante?<\/p>\n                    \n                    <div class=\"quote-box\">\n                        <p class=\"content-text\">Come scrive il Dr. David J. Linden, PhD della Johns Hopkins Medicine. \"L'esercizio aumenta i livelli di endocannabinoidi nel flusso sanguigno. A differenza delle endorfine, gli endocannabinoidi possono muoversi facilmente attraverso la barriera cellulare che separa il flusso sanguigno dal cervello, dove questi neuromodulatori che migliorano l'umore promuovono effetti psicoattivi a breve termine come ansia ridotta e sensazioni di calma\"<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Qualcosa che abbiamo scoperto solo grazie alla cannabis. Questo particolare esempio del sistema endocannabinoide in azione graffia solo la superficie di quello che sta succedendo.<\/p>\n                    \n                    <p class=\"content-text\">La relazione tra pianta e umano sta iniziando a avere pi\u00f9 senso.<\/p>\n                    \n                    <p class=\"content-text\">Quindi se ti piace imparare cose nuove dai un'occhiata a quell'articolo. C'\u00e8 una conoscenza decente di 3\/4 pinte di profondit\u00e0 da trasmettere. Diventa l'esperto del pub per favore x<\/p>\n                <\/div>\n\n                <!-- Media Fact Checking -->\n                <div class=\"content-card\">\n                    <h3>Eeeeeee Infine<\/h3>\n                    <p class=\"content-text\" style=\"text-align: center;\">Per chiunque stia diffondendo notizie allarmistiche sulla cannabis, ciao \ud83d\ude42<\/p>\n                    <p class=\"content-text translation-block\">Il quotidiano pi\u00f9 venduto d'Irlanda ha pubblicato un titolo in prima pagina affermando che <strong>5.000 persone sono state ospedalizzate per uso di cannabis<\/strong>.<\/p>\n                    \n<div class=\"center-image\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/irish-Independant-Article.jpg\" alt=\"Irish Independent Article\">\n    <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Fonte: Irish Independant<\/p>\n<\/div>\n                    \n                    <p class=\"content-text\">Leggi quello e penseresti che la pianta stessa stia mandando le persone direttamente al pronto soccorso. Questo \u00e8 l'obiettivo, far sembrare la cannabis pericolosa, far parlare la gente e vendere pi\u00f9 giornali. Gioco pulito se il tuo lavoro \u00e8 vendere storie, ben fatto. Ma scaviamo pi\u00f9 a fondo.<\/p>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text translation-block\">Il numero \u00e8 stato fortemente influenzato dalla <strong>cannabis sintetica<\/strong>, che \u00e8 una droga completamente diversa.<\/p>\n                        <p class=\"content-text translation-block\">La cannabis sintetica non \u00e8 cannabis. Sono letteralmente sostanze chimiche fatte dall'uomo spruzzate su materia vegetale essiccata per imitare gli effetti del THC. Tutto qui. <strong>Nessun composto naturale, nessun fiore di cannabis<\/strong>, solo un cocktail fatto in laboratorio progettato per sfuggire ai test antidroga.<\/p>\n                        <p class=\"content-text\">\u00c8 pi\u00f9 economico da produrre, pi\u00f9 facile da distribuire e molto pi\u00f9 pericoloso. E indovina un po'? Esiste solo perch\u00e9 la pianta vera \u00e8 illegale.<\/p>\n                        <p class=\"content-text\">Vieta la versione naturale e crei il mercato per l'imitazione tossica. Questa non \u00e8 riduzione del danno, questa \u00e8 una politica che si ritorce contro in tempo reale.<\/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\">Quindi forse invece di usare questi numeri per spingere la paura, facciamo una domanda migliore: <em>perch\u00e9 le persone si rivolgono al sintetico in primo luogo?<\/em><\/p>\n                    \n                    <p class=\"content-text translation-block\">O in The Echo, di propriet\u00e0 dell'Irish Times, il secondo quotidiano pi\u00f9 venduto d'Irlanda. Un titolo che recita <em><a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_self\">\"L'Irlanda ha un problema di droga, e la legalizzazione non \u00e8 una panacea.\"<\/a><\/em><\/p>\n                    \n<div class=\"center-image\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/irish-newpaper-image.png\" alt=\"Irish Newspaper Article\">\n    <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Fonte: <a href=\"https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html\" target=\"_blank\" style=\"color: #E3E3DC\">https:\/\/www.echolive.ie\/corkviews\/arid-41432212.html<\/a><\/p>\n<\/div>\n                    \n                    <p class=\"content-text translation-block\">Capisco, \u00e8 una discussione che vale la pena avere. Ma l'immagine principale? <strong>Una canna.<\/strong> Anche se l'articolo si concentra sulle morti per droga in tutta Europa e la cannabis non \u00e8 associata a overdose fatali.<\/p>\n                    \n                    <p class=\"content-text\">Perch\u00e9 usare quell'immagine? Sembra deliberato. Questo tipo di cose si accumulano. Piccole scelte, inquadratura sottile, costante rinforzo della stessa narrativa superata.<\/p>\n                    \n                    <p class=\"content-text\">Sono irlandese, quindi vedo principalmente ci\u00f2 che viene spinto nei media qui. Ecco perch\u00e9 ho dato questi esempi, ma esiste ovunque.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Ad esempio, dall'altra parte dello stagno in Inghilterra. Un Commissario di Polizia a <strong>luglio 2025<\/strong>, ha paragonato la cannabis al cancro, alla psicosi e ai difetti congeniti, e ha chiesto che venga riclassificata come droga di Classe A, mettendola allo stesso livello dell'eroina.<\/p>\n                    \n                   <p class=\"content-text translation-block\">Oltre a ci\u00f2, nello stesso mese <strong>(luglio 2025)<\/strong>, alcuni dei funzionari di polizia di pi\u00f9 alto rango nel Regno Unito, tra cui il capo del College of Policing (il tipo che letteralmente stabilisce lo standard per il lavoro di polizia nel paese), il Capo della Polizia di Greater Manchester e il Capo della Polizia di Merseyside hanno fatto una dichiarazione pubblica congiunta chiedendo una posizione pi\u00f9 dura sulla cannabis. Hanno detto che l'<strong>odore di cannabis \u00e8 un segno di crimine e disordine<\/strong>. Con quella logica, l'odore di vernice fresca \u00e8 un segno di ristrutturazione illegale e l'odore di benzina significa che qualcuno sta pianificando un incendio doloso.<\/p>\n                    \n                    <p class=\"content-text translation-block\"><strong>Lascia che ti entri in testa<\/strong>. Nel loro stesso paese dove dichiarano che la cannabis \u00e8 \"cronicamente pericolosa\", la pianta viene prescritta dai medici, incluso il NHS, per aiutare i pazienti con malattie gravi. Fantasticooooo.<\/p>\n                    \n                    <p class=\"content-text\">Lo stigma non \u00e8 apparso dall'oggi al domani. \u00c8 stato costruito, articolo dopo articolo, titolo dopo titolo. Quindi ora tocca a noi iniziare a smantellarlo.<\/p>\n                    \n  <p class=\"content-text translation-block\">Un post alla volta. La verit\u00e0 \u00e8 pi\u00f9 difficile da ignorare. <a href=\"https:\/\/www.youtube.com\/watch?v=4w4ZHukivB8\" target=\"_blank\">Stiamo arrivando.<\/a><\/p>\n                <\/div>\n                \n                <!-- Life Perspective Section -->\n                <div class=\"content-card\">\n                    <h3>Una Prospettiva Rapida della Vita<\/h3>\n                    <p class=\"content-text\">Ora con questo spero che abbiate tutti una giornata fantastica. Completamente fuori tema. Ricordate che saremo tutti andati tra circa 70 anni, quindi nulla di quello che ho appena scritto o che hai letto importer\u00e0 a nessuno di noi. Perch\u00e9?<\/p>\n                    \n                    <p class=\"content-text\">Perch\u00e9 saremo tutti andati. Io sar\u00f2 andato, tu sarai andato, e le cose che ti stressano oggi saranno irrilevanti quanto la pioggia di ieri. C'\u00e8 una strana bellezza in questo. Quindi qualunque cosa ti stia buttando gi\u00f9, respira. Sorridi. Datti ogni possibilit\u00e0 di essere felice.<\/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\">Ecco un concetto che amo. Immagina di vincere alla lotteria, 50 milioni di dollari. Correresti per casa, perdendo la testa. Quali erano le probabilit\u00e0 effettive di vincere?? Ora fermati e renditi conto: le probabilit\u00e0 che tu esista sono molto, molto pi\u00f9 piccole di vincere quella lotteria. Il fatto che tu sia qui, vivo, che respiri, che pensi, \u00e8 piuttosto straordinario a dire il vero.<\/p>\n                            <\/div>\n                            \n                            <p class=\"content-text\">Quanto \u00e8 pazzesco che tutti noi arriviamo ad esistere. E oltre a ci\u00f2, esistere in qualche modo con i tuoi amici, su questo piccolo pianeta in questo preciso momento? \u00c8 incredibile, nessuno sa perch\u00e9 ci \u00e8 stata data questa possibilit\u00e0 ma ce l'abbiamo avuta. Passare alla mentalit\u00e0 di essere estremamente fortunati a sperimentare la terra pu\u00f2 aiutare.<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"content-text\">Quindi, s\u00ec, la vita pu\u00f2 essere disordinata, stressante e persino decisamente ridicola a volte, ma \u00e8 anche un regalo enorme e improbabile.<\/p>\n                    \n                    <p class=\"content-text\">Quando la vita sembra pesante, ricordati: nulla di tutto ci\u00f2 avr\u00e0 importanza abbastanza presto. Quindi sorridi, goditi il viaggio e sfruttiamo al massimo questa pazza opportunit\u00e0 che ci \u00e8 stata data. Stai vincendo solo essendo qui. \u270c\ufe0f<\/p>\n                    \n                    <p class=\"content-text\">Che predicatore pesante che sono.<\/p>\n                    \n                    <p class=\"content-text\">Peace x<\/p>\n                <\/div>\n\n                <!-- Personal Note: For John - WITH CORRECT JPG URL -->\n<div class=\"content-card\">\n    <h3>Una Nota Personale: Per John<\/h3>\n    <p class=\"content-text\">Non ero sicuro se condividerlo o no. Non voglio fare quella roba di merda tipo X Factor, ma ci ho pensato e ho deciso di menzionarlo.<\/p>\n    \n    <p class=\"content-text\">Ho perso di recente uno dei miei migliori amici. Hai appena letto di lui.<\/p>\n    \n    <p class=\"content-text\">L'amico che ho chiamato 'John Doean', quello trascinato in tribunale per \u20ac0,50 di erba, in realt\u00e0 non si chiamava cos\u00ec.<\/p>\n    \n    <p class=\"content-text\">Il suo vero nome era John Dolan. \u00c8 scomparso alla fine di ottobre 2025, dopo una malattia molto improvvisa.<\/p>\n    \n    <p class=\"content-text\">Quando ho scritto questo pezzo originariamente, ho pensato di essere furbo e usare 'John Doe', come faresti in un caso legale per proteggere l'identit\u00e0 di qualcuno. Solo che l'ho fatto 'John Doean' come gioco di parole tra John Doe e John Dolan. Se sei di dove sono io o conoscevi John, l'avresti capito subito. Era quello l'obiettivo.<\/p>\n    \n    <p class=\"content-text\">Perch\u00e9 ti sto dicendo questo e ne sto scrivendo? Ci ho lottato. Importa per il quadro generale? Che John non ci sia pi\u00f9 non cambia come viene visto il cannabis.<\/p>\n    \n    <p class=\"content-text\">O forse s\u00ec.<\/p>\n    \n    <p class=\"content-text\">La verit\u00e0 \u00e8 che so di non essere solo nel voler cambiare come viene visto il cannabis. Quello che so \u00e8 che ho almeno una persona che era d'accordo con me su come dobbiamo cambiare il modo in cui viene visto il cannabis, ed era John.<\/p>\n    \n    <!-- UPDATED WITH JPG URL -->\n    <p class=\"content-text\">Quando gli ho chiesto il suo foglio di imputazione originale per questo sito a febbraio, la sua risposta era classica 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;\">\"Ovviamente sono d'accordo con te che \u00e8 stata la catena di eventi pi\u00f9 stupida, arretrata e inutile in assoluto e supporterei completamente la legalizzazione haha\"<\/a><\/em><\/p>\n    \n    <p class=\"content-text\">Voglio dare un riconoscimento al mio amico John. Egoisticamente, lo voglio parte di questo messaggio e visione di quello che sta succedendo qui. Voglio che chiunque lo conoscesse sappia quanto significasse per il nostro gruppo di amici. Ha aiutato a plasmare le nostre vite e questo progetto per me in particolare.<\/p>\n    \n    <p class=\"content-text\">John era reale, il suo caso era reale, e il suo supporto per cambiare questo stigma e sistema arretrato era reale.<\/p>\n    \n    <p class=\"content-text\">Non mentir\u00f2, la vita fa un male cazzo in questo momento. Ma \u00e8 la vita e tutti ci passeremo prima o poi. Una cosa del genere solidifica solo quello che voglio fare della mia vita. Su cosa voglio lavorare, costruire, perseguire e cercare di raggiungere. So che \u00e8 quello che voleva lui e che perseguiva attivamente. Voglio portare quell'energia e quella visione della vita a pi\u00f9 persone possibili.<\/p>\n    \n    <p class=\"content-text\">Quindi dar\u00f2 il massimo per lui.<\/p>\n    \n    <p class=\"content-text\">Quindi, per te <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>, ti voglio bene amico. Ci manchi tantissimo. Le parole non toccano quello che proviamo.<\/p>\n    \n    <p class=\"content-text\">Ora manca un pezzo del puzzle ma quelli che hai toccato tengono ancora forte insieme. Abbiamo tutti ancora tanti pezzi, quindi dobbiamo concentrarci su quello.<\/p>\n    \n    <p class=\"content-text\">Finch\u00e9 non ci incontreremo di nuovo, fratello 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 Guarda Questa Storia<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Scopri il viaggio personale dietro questa missione<\/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=\"Lettore video di 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 Ascolta ovunque sei<\/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>L'Unico Modo per Restare Aggiornato<\/h3>\n                        <p>La cannabis sta evolvendo e noi copriamo la scienza, la ricerca e la cultura. \u00c8 tutto gratuito e diretto nella tua casella di posta. Niente social media. Solo email. Unisciti se sei curioso.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Interviste e Documentari<\/li>\n                            <li>\ud83d\udcda Video e audio educativi<\/li>\n                            <li>\ud83d\udd2c Informazioni e approfondimenti scientifici<\/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=\"tua@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Ricevi Aggiornamenti<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Resta curioso \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/form>\n                    <\/div>\n                <\/div>\n                <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n            <\/div>\n\n            <!-- Section Break before comments -->\n            <div class=\"section-break\"><\/div>\n            \n            <!-- SECURE ENGAGEMENT SYSTEM -->\n            <div class=\"engagement-container\">\n                <div class=\"engagement-split\">\n                    <div class=\"engagement-content\">\n                        <h3>Qual \u00e8 la tua opinione?<\/h3>\n                        <p>Hai qualcosa da dire? Lascialo qui sotto. La tua voce aiuta a plasmare ci\u00f2 che verr\u00e0 dopo.<\/p>\n                        <ul class=\"engagement-features\">\n                            <li>\ud83d\udcad Condividi le tue esperienze<\/li>\n                            <li>\ud83e\udd1d Chiacchiera con gli altri a riguardo<\/li>\n                            <li>\ud83d\udcda Aiuta a migliorare i contenuti futuri<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"engagement-interaction\">\n                        <div class=\"comment-form-v1\">\n                            <h4>Come funziona<\/h4>\n                            <ol>\n                                <li class=\"translation-block\"><span>Passo 1:<\/span>Scegli: Inserisci la tua email O commenta anonimamente<\/li>\n                                <li class=\"translation-block\"><span>Passo 2:<\/span>Ottieni il tuo username unico (lo mantieni per tutto il sito)<\/li>\n                                <li class=\"translation-block\"><span>Passo 3:<\/span>Commenta, vota, rispondi e condividi le tue idee: fai parte della conversazione!<\/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;\">Commenta anonimamente (nessuna email richiesta)<\/label>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"form-group-v1\" id=\"emailGroup\">\n                                    <input type=\"email\" id=\"commentEmail\" placeholder=\"tua@email.com\" required>\n                                    <div class=\"username-container\">\n                                        <div class=\"username-display\" id=\"usernameDisplay\">Il tuo nome utente apparir\u00e0 qui<\/div>\n                                        <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Ottieni un nome utente diverso\">\n                                            \ud83d\udd04\n                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"form-group-v1\">\n                                    <textarea id=\"commentText\" placeholder=\"Cosa ne pensi? Domande o esperienze da condividere?\"><\/textarea>\n                                <\/div>\n                                <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                    <span id=\"submitText\">Pubblica commento<\/span>\n                                <\/button>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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\">Ordina per:<\/label>\n                        <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                            <option value=\"recent\">Pi\u00f9 recente<\/option>\n                            <option value=\"liked\">Pi\u00f9 apprezzato<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"comments-header\" id=\"commentsHeader\">\n                        <span>\ud83d\udcad<\/span> Commenti recenti (<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\/it\" class=\"cta-button\">\n                    \ud83c\udf3f Vai ad Esplorare\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\/it\/wp-json\/wp\/v2\/pages\/2350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/comments?post=2350"}],"version-history":[{"count":165,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/2350\/revisions"}],"predecessor-version":[{"id":8030,"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/pages\/2350\/revisions\/8030"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/it\/wp-json\/wp\/v2\/media?parent=2350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}