{"id":2305,"date":"2026-05-28T22:45:43","date_gmt":"2026-05-28T19:45:43","guid":{"rendered":"https:\/\/medhub.medstuffies.com\/?page_id=2305"},"modified":"2026-05-28T22:45:43","modified_gmt":"2026-05-28T19:45:43","slug":"ddx-engine","status":"publish","type":"page","link":"https:\/\/medstuffies.com\/ar\/ddx-engine\/","title":{"rendered":"DDx Engine"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2305\" class=\"elementor elementor-2305\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8755441 e-flex e-con-boxed e-con e-parent\" data-id=\"8755441\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51058d0 elementor-widget elementor-widget-shortcode\" data-id=\"51058d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <style>\r\n            :root {\r\n                --mh-primary: #D946EF;\r\n                --mh-primary-bg: rgba(217,70,239,0.1);\r\n                --mh-bookmark: #F59E0B;\r\n                --mh-complete: #10B981;\r\n                --mh-blue-box: #F8FAFC;\r\n                --mh-blue-border: #E2E8F0;\r\n                --mh-radius: 24px;\r\n                --mh-text-dark: #1E293B;\r\n                --mh-text-muted: #64748B;\r\n                --mh-border: #E2E8F0;\r\n                --mh-red-alert: #FEF2F2;\r\n                --mh-red-border: #FECACA;\r\n                --mh-red-text: #DC2626;\r\n                --mh-bg: #ffffff;\r\n                --mh-card-bg: #FFFFFF;\r\n                --mh-shadow: 0 12px 30px -10px rgba(0,0,0,0.1);\r\n                --mh-shadow-hover: 0 20px 40px -12px rgba(0,0,0,0.15);\r\n                --mh-takeaway-bg: #FFFBEB;\r\n                --mh-takeaway-border: #FDE68A;\r\n                --mh-gold: #F59E0B;\r\n            }\r\n            body.dark-mode {\r\n                --mh-bg: #0F172A;\r\n                --mh-card-bg: #1E293B;\r\n                --mh-text-dark: #F1F5F9;\r\n                --mh-text-muted: #94A3B8;\r\n                --mh-border: #334155;\r\n                --mh-shadow: 0 12px 30px -10px rgba(0,0,0,0.5);\r\n                --mh-shadow-hover: 0 20px 40px -12px rgba(0,0,0,0.7);\r\n                --mh-red-alert: #3B1C1C;\r\n                --mh-red-text: #FCA5A5;\r\n                --mh-takeaway-bg: #2D2A0E;\r\n                --mh-takeaway-border: #713F12;\r\n                --mh-blue-box: #1E293B;\r\n                --mh-blue-border: #334155;\r\n            }\r\n                        .mh-engine-card {\r\n                background: var(--mh-card-bg);\r\n                border-radius: var(--mh-radius);\r\n                box-shadow: var(--mh-shadow);\r\n                border: 1px solid var(--mh-border);\r\n                padding: 40px 36px;\r\n                margin-bottom: 0;\r\n                position: relative;\r\n                transition: 0.2s;\r\n            }\r\n            .mh-engine-card:hover { box-shadow: var(--mh-shadow-hover); }\r\n            .mh-engine-card::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; left: 0; bottom: 0;\r\n                width: 7px;\r\n                background: var(--mh-primary);\r\n                border-radius: var(--mh-radius) 0 0 var(--mh-radius);\r\n            }\r\n            .mh-engine-header {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 14px;\r\n                margin-bottom: 24px;\r\n                border-bottom: 1px solid var(--mh-border);\r\n                padding-bottom: 16px;\r\n            }\r\n            .mh-engine-title-group {\r\n                display: flex;\r\n                align-items: center;\r\n                flex-wrap: wrap;\r\n                gap: 10px;\r\n            }\r\n            .mh-engine-title {\r\n                font-size: 28px;\r\n                font-weight: 800;\r\n                font-family: 'Montserrat', sans-serif;\r\n                color: var(--mh-text-dark);\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n            }\r\n            .mh-completeness {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 10px;\r\n                font-size: 13px;\r\n                font-weight: 700;\r\n                color: var(--mh-text-muted);\r\n            }\r\n            .mh-completeness .bar {\r\n                width: 100px; height: 8px; background: var(--mh-border);\r\n                border-radius: 50px; overflow: hidden; flex-shrink: 0;\r\n            }\r\n            .mh-completeness .bar .fill {\r\n                display: block; height: 100%;\r\n                background: var(--mh-complete); border-radius: 50px;\r\n                transition: width 0.4s ease;\r\n            }\r\n            .mh-completeness .percent { color: var(--mh-primary); min-width: 45px; text-align: right; }\r\n            .mh-engine-status { display: flex; flex-wrap: wrap; gap: 6px; }\r\n            .mh-badge {\r\n                display: inline-flex; align-items: center; gap: 5px;\r\n                padding: 4px 12px; border-radius: 50px; font-size: 11px; font-weight: 700;\r\n                background: var(--mh-border); color: var(--mh-text-dark);\r\n                white-space: nowrap;\r\n            }\r\n            .mh-badge.primary { background: var(--mh-primary); color: #FFF; }\r\n            .mh-badge.soft { background: var(--mh-primary-bg); color: var(--mh-primary); }\r\n            .mh-badge.success { background:#D1FAE5; color:#065F46; }\r\n            .mh-badge.warning { background:#FEF3C7; color:#92400E; }\r\n            .mh-badge.danger { background:#FEE2E2; color:#991B1B; }\r\n            .mh-badge.stat { background:#FEE2E2; color:#991B1B; animation:pulse-stat 1.8s infinite; font-weight:800; }\r\n            @keyframes pulse-stat { 0%{opacity:1} 50%{opacity:0.6} 100%{opacity:1} }\r\n\r\n            .mh-action-group {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 8px;\r\n                margin-top: 8px;\r\n            }\r\n            .mh-action-group .mh-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                padding: 8px 16px;\r\n                border-radius: 50px;\r\n                font-size: 12px;\r\n                font-weight: 700;\r\n                background: var(--mh-card-bg);\r\n                border: 1px solid var(--mh-border);\r\n                color: var(--mh-text-muted);\r\n                cursor: pointer;\r\n                transition: 0.2s;\r\n                font-family: 'Inter', sans-serif;\r\n                text-decoration: none;\r\n            }\r\n            .mh-action-group .mh-btn:hover {\r\n                background: var(--mh-primary-bg);\r\n                color: var(--mh-primary);\r\n                border-color: var(--mh-primary);\r\n            }\r\n            .mh-action-group .mh-btn.active {\r\n                background: var(--mh-primary);\r\n                color: #FFF;\r\n                border-color: var(--mh-primary);\r\n            }\r\n            .mh-action-group .mh-btn.bookmark { }\r\n            .mh-action-group .mh-btn.bookmark.active { background: #FFFBEB; border-color: var(--mh-bookmark); color: var(--mh-bookmark); }\r\n            .mh-action-group .mh-btn.complete { }\r\n            .mh-action-group .mh-btn.complete.active { background: var(--mh-complete); border-color: var(--mh-complete); color: #FFF; }\r\n            .mh-btn-icon-only { padding: 8px; width: 40px; justify-content: center; }\r\n\r\n            .mh-jump-bar {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 8px;\r\n                padding: 12px 0;\r\n                margin-bottom: 20px;\r\n                border-bottom: 1px solid var(--mh-border);\r\n            }\r\n            .mh-jump-bar a {\r\n                background: var(--mh-bg);\r\n                padding: 6px 16px;\r\n                border-radius: 50px;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                color: var(--mh-text-muted);\r\n                text-decoration: none;\r\n                transition: 0.2s;\r\n                border: 1px solid transparent;\r\n            }\r\n            .mh-jump-bar a:hover {\r\n                background: var(--mh-primary-bg);\r\n                color: var(--mh-primary);\r\n                border-color: var(--mh-primary);\r\n            }\r\n\r\n            .mh-detail-grid {\r\n                display: grid;\r\n                grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n                gap: 20px;\r\n                margin-bottom: 28px;\r\n            }\r\n            .mh-detail-card {\r\n                background: var(--mh-bg);\r\n                border-radius: 14px;\r\n                padding: 24px 28px;\r\n                border: 1px solid var(--mh-border);\r\n                position: relative;\r\n                transition: 0.15s;\r\n                margin-bottom: 20px;\r\n                box-shadow: 0 2px 4px rgba(0,0,0,0.02);\r\n            }\r\n            .mh-detail-card:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(0,0,0,0.05); }\r\n            .mh-detail-card .label {\r\n                font-size: 10px; font-weight: 700; text-transform: uppercase;\r\n                letter-spacing: 0.4px; color: var(--mh-text-muted);\r\n                margin-bottom: 8px; display: flex; align-items: center; gap: 6px;\r\n            }\r\n            .mh-detail-card .value { font-size: 15px; font-weight: 600; color: var(--mh-text-dark); }\r\n            .mh-detail-card .value.large { font-size: 24px; font-weight: 800; }\r\n            .mh-detail-card .mh-content-body { font-size: 14px; color: var(--mh-text-dark); line-height: 1.7; margin-top: 8px; }\r\n            .mh-copy-btn {\r\n                position: absolute; top: 10px; right: 10px;\r\n                background: var(--mh-card-bg); border: 1px solid var(--mh-border);\r\n                border-radius: 8px; padding: 4px 8px; color: var(--mh-text-muted);\r\n                cursor: pointer; opacity: 0; font-size: 12px; transition: 0.2s;\r\n            }\r\n            .mh-detail-card:hover .mh-copy-btn { opacity: 1; }\r\n            .mh-copy-btn.copied { background:#D1FAE5; color:#065F46; border-color:#10B981; }\r\n            .mh-collapse-toggle {\r\n                position: absolute; top: 10px; right: 44px;\r\n                background: transparent; border: none; color: var(--mh-text-muted);\r\n                cursor: pointer; font-size: 16px; font-weight: 700; opacity: 0.7;\r\n                transition: 0.2s;\r\n            }\r\n            .mh-detail-card:hover .mh-collapse-toggle { opacity: 1; }\r\n            .mh-detail-card.collapsed .mh-content-body { display: none; }\r\n            .mh-detail-card.collapsed .mh-collapse-toggle { transform: rotate(180deg); }\r\n            .mh-detail-card.full-width { grid-column: 1 \/ -1; }\r\n\r\n            a {\r\n                color: var(--mh-red-text);\r\n                text-decoration: underline;\r\n            }\r\n            a:hover {\r\n                color: var(--mh-primary);\r\n            }\r\n\r\n            .mh-content-body img {\r\n                cursor: pointer;\r\n                transition: 0.2s;\r\n            }\r\n            .mh-content-body img:hover {\r\n                opacity: 0.8;\r\n            }\r\n\r\n            .mh-red-box {\r\n                background: var(--mh-red-alert); border-left: 4px solid var(--mh-red-text);\r\n                padding: 14px 18px; border-radius: 8px; margin-bottom: 20px; font-size: 13px;\r\n            }\r\n            .mh-takeaway-box {\r\n                background: var(--mh-takeaway-bg); border: 1px solid var(--mh-takeaway-border);\r\n                border-radius: 12px; padding: 16px 18px; margin-top: 28px;\r\n                display: flex; align-items: flex-start; gap: 12px; font-size: 13px;\r\n            }\r\n            .mh-takeaway-icon { color: var(--mh-gold); flex-shrink: 0; margin-top: 2px; }\r\n            .mh-takeaway-label { font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--mh-gold); margin-bottom: 2px; }\r\n\r\n            .mh-table-wrap { overflow-x: auto; margin: 12px 0; border-radius: 10px; border: 1px solid var(--mh-border); background:var(--mh-card-bg); }\r\n            .mh-table-wrap table { width:100%; border-collapse:collapse; font-size:13px; }\r\n            .mh-table-wrap th {\r\n                background:var(--mh-bg); text-align:left; padding:10px 12px;\r\n                font-weight:600; color:var(--mh-text-muted); font-size:10px;\r\n                text-transform:uppercase; letter-spacing:0.4px; border-bottom:2px solid var(--mh-border);\r\n            }\r\n            .mh-table-wrap td { padding:10px 12px; border-top:1px solid var(--mh-border); }\r\n\r\n            body.focus-mode .mh-engine-card {\r\n                opacity: 0.25;\r\n                transition: 0.3s;\r\n            }\r\n            body.focus-mode .mh-engine-card:hover {\r\n                opacity: 1;\r\n                transform: scale(1.03);\r\n                z-index: 10;\r\n                box-shadow: 0 30px 60px -20px rgba(0,0,0,0.4);\r\n                transition: 0.25s;\r\n            }\r\n\r\n            .mh-os-container { font-family: 'Inter', sans-serif; color: var(--mh-text-dark); min-height: 100vh; display: flex; flex-direction: column; padding: 24px 0; box-sizing: border-box; line-height: 1.6; background: var(--mh-bg); }\r\n            .mh-layout-wrapper { display: flex; gap: 24px; padding: 0 24px; width: 100%; max-width: 1700px; margin: 2px auto; }\r\n            .mh-os-container * { box-sizing: border-box; }\r\n            .mh-sidebar, .mh-main { background: var(--mh-card-bg); border: 1px solid var(--mh-border); border-radius: var(--mh-radius); box-shadow: var(--mh-shadow); }\r\n            .mh-sidebar { width: 380px; display: flex; flex-direction: column; flex-shrink: 0; height: calc(100vh - 120px); position: sticky; top: 24px; overflow: hidden; }\r\n            .mh-sidebar-header { padding: 24px; border-bottom: 1px solid var(--mh-border); }\r\n            .mh-brand { font-size: 18px; font-weight: 800; display: flex; align-items: center; gap: 10px; color: var(--mh-text-dark); }\r\n            .mh-bookmarks-wrap { padding: 20px 24px; border-bottom: 1px solid var(--mh-border); background: var(--mh-bg); max-height: 250px; overflow-y: auto; }\r\n            .mh-bookmarks-title { font-size: 11px; font-weight: 800; color: var(--mh-text-muted); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }\r\n            .mh-bookmarks-list { list-style: none; padding: 0; margin: 0; }\r\n            .mh-bookmark-item a { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: 13px; font-weight: 600; color: var(--mh-text-dark); text-decoration: none; border-radius: 8px; transition: 0.2s; border: 1px solid transparent; }\r\n            .mh-bookmark-item a:hover { background: var(--mh-card-bg); border-color: var(--mh-bookmark); color: var(--mh-bookmark); }\r\n            .mh-search-wrapper { position: relative; margin-top: 16px; }\r\n            .mh-search-input { width: 100%; padding: 12px 20px; border-radius: 50px; border: 1px solid var(--mh-border); background: var(--mh-bg); font-size: 14px; outline: none; color: var(--mh-text-dark); }\r\n            .mh-search-input:focus { border-color: var(--mh-primary); background: var(--mh-card-bg); box-shadow: 0 0 0 3px var(--mh-primary-bg); }\r\n            .mh-tree-wrap { flex: 1; overflow-y: auto; padding: 16px 0; }\r\n            .mh-tree { list-style: none; padding: 0; margin: 0; }\r\n            .mh-tree-node { display: flex; align-items: center; padding: 10px 12px; margin: 0 8px 2px 8px; border-radius: 8px; color: var(--mh-text-muted); cursor: pointer; user-select: none; transition: all 0.2s ease; text-decoration: none; }\r\n            .mh-tree-node:hover { background-color: var(--mh-bg); color: var(--mh-text-dark); }\r\n            .mh-tree-node.selected { background-color: var(--mh-primary-bg); color: var(--mh-primary); font-weight: 600; }\r\n            .mh-tree-chevron { margin-right: 8px; width: 16px; height: 16px; transition: transform 0.2s; flex-shrink: 0; color: var(--mh-text-muted); }\r\n            .mh-tree-item.open > .mh-tree-node .mh-tree-chevron { transform: rotate(90deg); }\r\n            .mh-tree-icon { margin-right: 12px; display: flex; align-items: center; justify-content: center; width: 18px; color: var(--mh-text-muted); flex-shrink: 0; }\r\n            .mh-tree-node.selected .mh-tree-icon { color: var(--mh-primary); }\r\n            .mh-tree-title { font-size: 14px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\r\n            .mh-tree-count { font-size: 10px; background: var(--mh-border); padding: 2px 8px; border-radius: 12px; color: var(--mh-text-muted); font-weight: 700; margin-left: 8px; }\r\n            .mh-children { display: none; margin-left: 20px; padding-left: 0; list-style: none; }\r\n            .mh-tree-item.open > .mh-children { display: block; }\r\n            .mh-tree-bookmark-btn { margin-left: 8px; padding: 4px; border-radius: 6px; color: var(--mh-text-muted); opacity: 0; transition: all 0.2s; background: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; }\r\n            .mh-tree-node:hover .mh-tree-bookmark-btn { opacity: 1; }\r\n            .mh-tree-node.bookmarked .mh-tree-bookmark-btn { opacity: 1; color: var(--mh-bookmark); }\r\n            .mh-tree-node.bookmarked .mh-tree-bookmark-btn svg { fill: var(--mh-bookmark); }\r\n            .mh-main { flex: 1; height: calc(100vh - 120px); overflow-y: auto; padding: 48px 60px; }\r\n            .mh-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; font-weight: 600; color: var(--mh-text-muted); margin-bottom: 12px; }\r\n            .mh-breadcrumb-item { color: var(--mh-text-muted); text-decoration: none; }\r\n            .mh-breadcrumb-item:hover { color: var(--mh-primary); }\r\n            .mh-breadcrumb-separator { width: 14px; height: 14px; opacity: 0.5; }\r\n            .mh-breadcrumb-item.active { color: var(--mh-primary); font-weight: 700; pointer-events: none; }\r\n            .mh-notes-area { width: 100%; min-height: 120px; padding: 16px; border-radius: 12px; border: 1px solid var(--mh-border); background: var(--mh-bg); font-size: 14px; outline: none; resize: vertical; color: var(--mh-text-dark); }\r\n            .mh-notes-status { font-size: 11px; color: var(--mh-text-muted); margin-top: 8px; }\r\n            @media (max-width:1024px){ .mh-layout-wrapper{flex-direction:column; padding:0;} .mh-sidebar{width:100%; height:600px; position:relative; top:0;} .mh-main{height:auto; padding:24px;} .mh-engine-card{padding:24px;} }\r\n            @media (max-width:768px){ .mh-main{padding:16px;} .mh-engine-card{padding:16px;} .mh-detail-card{padding:16px;} }\r\n            .mh-tree-wrap::-webkit-scrollbar{width:6px;} .mh-tree-wrap::-webkit-scrollbar-thumb{background:var(--mh-border); border-radius:10px;}\r\n        <\/style>\r\n\r\n        <div class=\"mh-os-container\" data-engine=\"10\" data-post-type=\"ddx_symptom\" data-post-title=\"DDx Engine\">\r\n            <div class=\"mh-layout-wrapper\">\r\n                <aside class=\"mh-sidebar\">\r\n                    <div class=\"mh-sidebar-header\">\r\n                        <div class=\"mh-brand\"><i data-lucide=\"activity\" style=\"color:var(--mh-primary);\"><\/i> MEDhub DDx Engine<\/div>\r\n                        <div class=\"mh-search-wrapper\"><input type=\"text\" id=\"mh-live-search\" class=\"mh-search-input\" placeholder=\"Search directory...\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"mh-bookmarks-wrap\">\r\n                        <div class=\"mh-bookmarks-title\"><i data-lucide=\"bookmark\" style=\"width:14px;\"><\/i> My Bookmarks<\/div>\r\n                        <ul id=\"mh-bookmarks-list\" class=\"mh-bookmarks-list\"><li style=\"color:var(--mh-text-muted); font-size:12px;\">Loading...<\/li><\/ul>\r\n                    <\/div>\r\n                    <div class=\"mh-tree-wrap\"><ul class=\"mh-tree\" id=\"mh-directory-tree\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Cardiovascular<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Chest Pain<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Acute Coronary Syndrome<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Pulmonary Embolism<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Palpitations<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Arrhythmia<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Syncope<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Dermatological<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Pruritus<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Rash<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Maculopapular Rash<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Vesicular Rash<\/span><\/div><\/li><\/ul><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Endocrine<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Fatigue<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Polyuria &amp; Polydipsia<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Weight Loss<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Gastrointestinal<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Abdominal Pain<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Acute Abdomen<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">RUQ Pain<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Constipation<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Diarrhea<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Hematologic<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Anemia<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Bleeding<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Musculoskeletal<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Back Pain<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Joint Pain<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Monoarthritis<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Polyarthritis<\/span><\/div><\/li><\/ul><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Neurological<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Headache<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Cluster Headache<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Migraine<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Seizures<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Weakness<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Psychiatric<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Anxiety<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Confusion<\/span><\/div><\/li><\/ul><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"true\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"folder\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Respiratory<\/span><\/div><ul class=\"mh-children\"><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Cough<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Dyspnea<\/span><\/div><\/li><li class=\"mh-tree-item open\"><div class=\"mh-tree-node\" data-has-children=\"false\"><i data-lucide=\"chevron-right\" class=\"mh-tree-chevron\"><\/i><span class=\"mh-tree-icon\"><i data-lucide=\"file-text\" width=\"16\" height=\"16\"><\/i><\/span><span class=\"mh-tree-title\">Hemoptysis<\/span><\/div><\/li><\/ul><\/li><\/ul><\/div>\r\n                <\/aside>\r\n                <main class=\"mh-main\">\r\n                                            <div style=\"height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--mh-text-muted);\">\r\n                            <i data-lucide=\"activity\" style=\"width:80px; height:80px; color:var(--mh-primary); opacity:0.2; margin-bottom:24px;\"><\/i>\r\n                            <h2 style=\"font-size:32px; font-weight:800; color:var(--mh-text-dark);\">DDx Engine<\/h2>\r\n                            <p>Select a topic from the directory to begin.<\/p>\r\n                        <\/div>\r\n                                    <\/main>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                lucide.createIcons();\r\n                const c = document.querySelector('.mh-os-container');\r\n                const en = c.dataset.engine, pt = c.dataset.postType, curId = '2305', curTitle = c.dataset.postTitle || '';\r\n                const sB = 'mh_e'+en+'_books', sC = 'mh_e'+en+'_comps';\r\n\r\n                \/\/ \u2500\u2500\u2500 Define toggleSidebarBookmark globally \u2500\u2500\u2500\r\n                window.toggleSidebarBookmark = function(id, btn) {\r\n                    if (btn && btn.stopPropagation) btn.stopPropagation();\r\n                    let b = JSON.parse(localStorage.getItem(sB) || '[]');\r\n                    \/\/ Check if already bookmarked\r\n                    const idx = b.findIndex(item => (typeof item === 'string' ? item : item.id) === id);\r\n                    if (idx > -1) {\r\n                        b.splice(idx, 1);\r\n                    } else {\r\n                        \/\/ Try to get title from the tree node\r\n                        const node = document.querySelector('.mh-tree-node[data-id=\"' + id + '\"]');\r\n                        const title = node ? node.querySelector('.mh-tree-title')?.innerText || 'Topic' : 'Topic';\r\n                        b.push({ id: id, title: title });\r\n                    }\r\n                    localStorage.setItem(sB, JSON.stringify(b));\r\n                    sync();\r\n                };\r\n\r\n                \/\/ \u2500\u2500\u2500 Tree toggle \u2500\u2500\u2500\r\n                document.getElementById('mh-directory-tree').addEventListener('click', e => {\r\n                    if (e.target.closest('.mh-tree-bookmark-btn')) return;\r\n                    const n = e.target.closest('.mh-tree-node[data-has-children=\"true\"]');\r\n                    if (n) { e.preventDefault(); const i = n.closest('.mh-tree-item'); if (i) i.classList.toggle('open'); }\r\n                });\r\n\r\n                const search = document.getElementById('mh-live-search');\r\n                if (search) { let t; search.addEventListener('input', function() { clearTimeout(t); t = setTimeout(() => { const q = this.value.toLowerCase().trim(); document.querySelectorAll('.mh-tree-item').forEach(i => { const ti = i.querySelector('.mh-tree-title')?.innerText.toLowerCase()||''; const m = q==='' || ti.includes(q); i.style.display = m?'block':'none'; if (m && q!=='') { let p = i.parentElement.closest('.mh-tree-item'); while(p) { p.classList.add('open'); p.style.display='block'; p = p.parentElement.closest('.mh-tree-item'); } } }); }, 250); }); }\r\n\r\n                function sync() {\r\n                    const b = JSON.parse(localStorage.getItem(sB)||'[]'), l = document.getElementById('mh-bookmarks-list');\r\n                    if (l) l.innerHTML=''; let h=false;\r\n                    document.querySelectorAll('.mh-tree-node[data-id]').forEach(n => {\r\n                        const id = n.dataset.id;\r\n                        const found = b.some(item => (typeof item === 'string' ? item : item.id) === id);\r\n                        if (found) { n.classList.add('bookmarked'); if(l){ h=true; const t=n.querySelector('.mh-tree-title')?.innerText||'Topic', u=n.href; l.innerHTML+=`<li class=\"mh-bookmark-item\"><a href=\"${u}\"><i data-lucide=\"bookmark\" style=\"width:14px; fill:currentColor; color:var(--mh-bookmark);\"><\/i> ${t}<\/a><\/li>`; } }\r\n                        else n.classList.remove('bookmarked');\r\n                    });\r\n                    if (!h && l) l.innerHTML='<li style=\"color:var(--mh-text-muted); font-size:12px;\">No bookmarks yet.<\/li>';\r\n                    lucide.createIcons();\r\n                }\r\n\r\n                function updateCompleteness(completed) {\r\n                    const fill = document.getElementById('mh-completeness-fill');\r\n                    const percent = document.getElementById('mh-completeness-percent');\r\n                    if (!fill || !percent) return;\r\n                    let val = 0;\r\n                    if (completed) val = 100;\r\n                    fill.style.width = val + '%';\r\n                    percent.textContent = val + '%';\r\n                }\r\n\r\n                function buildJumpBar() {\r\n                    const container = document.getElementById('mh-jump-bar-placeholder');\r\n                    if (!container) return;\r\n                    const cards = document.querySelectorAll('.mh-detail-card.full-width');\r\n                    let items = [];\r\n                    cards.forEach(card => {\r\n                        const titleEl = card.querySelector('.mh-section-title');\r\n                        if (titleEl) {\r\n                            const text = titleEl.textContent.trim();\r\n                            const id = 'section-' + text.toLowerCase().replace(\/[^a-z0-9]+\/g, '-');\r\n                            card.id = id;\r\n                            items.push({ text: text, id: id });\r\n                        }\r\n                    });\r\n                    if (items.length === 0) return;\r\n                    let html = '<div class=\"mh-jump-bar\">';\r\n                    items.forEach(item => {\r\n                        html += `<a href=\"#${item.id}\">${item.text}<\/a>`;\r\n                    });\r\n                    html += '<\/div>';\r\n                    container.innerHTML = html;\r\n                }\r\n\r\n                if (curId && curId!=='0') {\r\n                    const sb = document.getElementById('btn-save-topic'), cb = document.getElementById('btn-complete-topic'), ct = document.getElementById('text-complete');\r\n                    let b = JSON.parse(localStorage.getItem(sB)||'[]'), co = JSON.parse(localStorage.getItem(sC)||'[]');\r\n                    const isBookmarked = b.some(item => (typeof item === 'string' ? item : item.id) === curId);\r\n                    if (isBookmarked) { sb.classList.add('active'); sb.querySelector('.btn-label').textContent = 'Bookmarked'; }\r\n                    if (co.includes(curId)) { cb.classList.add('active'); if(ct) ct.innerText='Completed'; updateCompleteness(true); }\r\n\r\n                    sb?.addEventListener('click', ()=>{\r\n                        b = JSON.parse(localStorage.getItem(sB)||'[]');\r\n                        const idx = b.findIndex(item => (typeof item === 'string' ? item : item.id) === curId);\r\n                        if (idx > -1) {\r\n                            b.splice(idx, 1);\r\n                            sb.classList.remove('active');\r\n                            sb.querySelector('.btn-label').textContent = 'Bookmark';\r\n                        } else {\r\n                            b.push({ id: curId, title: curTitle });\r\n                            sb.classList.add('active');\r\n                            sb.querySelector('.btn-label').textContent = 'Bookmarked';\r\n                        }\r\n                        localStorage.setItem(sB, JSON.stringify(b));\r\n                        sync();\r\n                    });\r\n                    cb?.addEventListener('click', ()=>{\r\n                        co = JSON.parse(localStorage.getItem(sC)||'[]'); const i = co.indexOf(curId);\r\n                        if(i>-1){ co.splice(i,1); cb.classList.remove('active'); if(ct) ct.innerText='Mark Complete'; updateCompleteness(false); } else { co.push(curId); cb.classList.add('active'); if(ct) ct.innerText='Completed'; updateCompleteness(true); }\r\n                        localStorage.setItem(sC, JSON.stringify(co));\r\n                    });\r\n\r\n                    const nt = document.getElementById('mh-personal-notes'), ns = document.getElementById('mh-notes-status');\r\n                    if (nt) { nt.value = localStorage.getItem('mh_e'+en+'_notes_'+curId)||''; let t; nt.addEventListener('input', function(){ ns.innerText='Saving...'; clearTimeout(t); t=setTimeout(()=>{ localStorage.setItem('mh_e'+en+'_notes_'+curId, this.value); ns.innerText='\u2713 Saved'; setTimeout(()=>ns.innerText='',2000); },500); }); }\r\n                }\r\n\r\n                sync();\r\n                buildJumpBar();\r\n\r\n                const dmBtn = document.getElementById('darkModeBtn');\r\n                if (localStorage.getItem('mh_dark') === 'true') document.body.classList.add('dark-mode');\r\n                dmBtn?.addEventListener('click', function() {\r\n                    document.body.classList.toggle('dark-mode');\r\n                    localStorage.setItem('mh_dark', document.body.classList.contains('dark-mode') ? 'true' : 'false');\r\n                });\r\n\r\n                const focusBtn = document.getElementById('focusToggleBtn');\r\n                focusBtn?.addEventListener('click', function() {\r\n                    document.body.classList.toggle('focus-mode');\r\n                    this.classList.toggle('active');\r\n                });\r\n\r\n                const expandBtn = document.getElementById('expandToggleBtn');\r\n                expandBtn?.addEventListener('click', function() {\r\n                    const cards = document.querySelectorAll('.mh-detail-card');\r\n                    const allCollapsed = Array.from(cards).every(c => c.classList.contains('collapsed'));\r\n                    cards.forEach(c => {\r\n                        if (allCollapsed) c.classList.remove('collapsed');\r\n                        else c.classList.add('collapsed');\r\n                    });\r\n                    this.classList.toggle('active');\r\n                });\r\n\r\n                document.querySelectorAll('.mh-copy-btn').forEach(btn => {\r\n                    btn.addEventListener('click', function(e) {\r\n                        e.stopPropagation();\r\n                        const card = this.closest('.mh-detail-card');\r\n                        const content = card.querySelector('.mh-content-body') || card.querySelector('.value');\r\n                        const text = content ? content.innerText : '';\r\n                        navigator.clipboard.writeText(text).then(() => {\r\n                            this.classList.add('copied');\r\n                            setTimeout(() => this.classList.remove('copied'), 1500);\r\n                        });\r\n                    });\r\n                });\r\n\r\n                document.querySelectorAll('.mh-collapse-toggle').forEach(btn => {\r\n                    btn.addEventListener('click', function(e) {\r\n                        e.stopPropagation();\r\n                        const card = this.closest('.mh-detail-card');\r\n                        card.classList.toggle('collapsed');\r\n                    });\r\n                });\r\n\r\n                document.querySelectorAll('.mh-content-body img').forEach(img => {\r\n                    img.addEventListener('click', function() {\r\n                        const src = this.getAttribute('src');\r\n                        if (src) window.open(src, '_blank');\r\n                    });\r\n                });\r\n            });\r\n        <\/script>\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"class_list":["post-2305","page","type-page","status-publish","hentry","pmpro-has-access"],"acf":[],"_links":{"self":[{"href":"https:\/\/medstuffies.com\/ar\/wp-json\/wp\/v2\/pages\/2305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medstuffies.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medstuffies.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medstuffies.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medstuffies.com\/ar\/wp-json\/wp\/v2\/comments?post=2305"}],"version-history":[{"count":0,"href":"https:\/\/medstuffies.com\/ar\/wp-json\/wp\/v2\/pages\/2305\/revisions"}],"wp:attachment":[{"href":"https:\/\/medstuffies.com\/ar\/wp-json\/wp\/v2\/media?parent=2305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}