#global-home-button {
        position: fixed;
        top: 1rem;
        left: 1rem;
        background: #0284c7;
        color: white;
        padding: 0.5rem 1rem;
        text-decoration: none;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        font-size: 0.85rem;
        font-weight: 600;
        border-radius: 6px;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
        z-index: 99999;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        transition: background 0.2s, transform 0.2s;
    }
    #global-home-button:hover { background: #0369a1; }
    
    /* Mobile View Adaptations */
    @media (max-width: 768px) {
        #global-home-button {
            top: auto;
            left: auto;
            bottom: 1.5rem;
            right: 1.5rem;
            padding: 0.75rem 1.25rem;
            border-radius: 50px;
            font-size: 0.9rem;
            box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3);
        }
    }

/* Global Desktop Base Styles */
    body { font-family: system-ui, sans-serif; padding: 30px; background: #ffffff; color: #1e293b; margin: 0; }
    .infographic-card { max-width: 650px; border: 2px solid #e2e8f0; border-radius: 12px; background: #ffffff; position: relative; overflow: hidden; margin: 0 auto; }
    
    .card-banner-wrapper { width: 100%; overflow: hidden; background: #f8fafc; line-height: 0; }
    .card-banner { width: 100%; height: auto; display: block; }
    
    .card-header { background: #f8fafc; padding: 30px 30px 20px 30px; border-bottom: 4px solid #3b82f6; }
    .meta-row { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cbd5e1; align-items: flex-start; }
    
    .meta-item.category-badge { background: #e0f2fe; padding: 8px 14px; border-radius: 6px; border-left: 4px solid #0284c7; display: inline-flex; align-items: center; }
    .meta-item.category-badge .meta-label { color: #0369a1; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; margin-right: 8px; }
    .meta-item.category-badge .meta-value { font-weight: 600; color: #0f172a; font-size: 15px; }

    .meta-item.subcategory-badge { background: #f0fdf4; padding: 8px 14px; border-radius: 6px; border-left: 4px solid #22c55e; display: inline-flex; align-items: center; }
    .meta-item.subcategory-badge .meta-label { color: #166534; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; margin-right: 8px; }
    .meta-item.subcategory-badge .meta-value { font-weight: 600; color: #0f172a; font-size: 15px; }
    
    .topic-container { margin-top: 10px; }
    .topic-label { color: #3b82f6; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; display: block; margin-bottom: 6px; }
    h1 { font-size: 34px; color: #0f172a; margin: 0; text-transform: capitalize; font-weight: 800; line-height: 1.2; }
    
    /* 🧭 Responsive Breadcrumb Layout Rules */
    .clinical-breadcrumbs { padding: 20px 30px 0 30px; font-size: 0.85rem; color: #64748b; font-family: system-ui, sans-serif; }
    .clinical-breadcrumbs a { color: #2563eb; text-decoration: none; font-weight: 500; }
    .clinical-breadcrumbs a:hover { text-decoration: underline; }
    .breadcrumb-splitter { margin: 0 0.4rem; color: #cbd5e1; }
    .breadcrumb-cat { font-weight: 600; color: #334155; }
    .breadcrumb-sub { color: #64748b; }

    .card-body { padding: 20px 30px 30px 30px; }
    h2 { font-size: 18px; margin-top: 20px; margin-bottom: 12px; }
    
    .awareness-section { background: #f0f9ff; padding: 15px; border-radius: 6px; margin-bottom: 15px; }
    .symptoms-section { background: #f3e8ff; padding: 15px; border-radius: 6px; border-left: 4px solid #a855f7; margin-bottom: 15px; color: #3b0764; }
    .symptoms-section strong { color: #581c87; }
    .precautions-section { background: #ccfbf1; padding: 15px; border-radius: 6px; border-left: 4px solid #0d9488; margin-bottom: 15px; color: #115e59; }
    .precautions-section strong { color: #134e4a; }
    .dietary-section { background: #fef3c7; padding: 15px; border-radius: 6px; border-left: 4px solid #d97706; margin-bottom: 15px; color: #78350f; }
    .dietary-section strong { color: #451a03; }
    .warning-box { background: #fff7ed; padding: 15px; border-radius: 6px; border-left: 4px solid #f97316; margin-bottom: 15px; }
    .doctor-advice { background: #fdf2f8; padding: 15px; border-radius: 6px; border-left: 4px solid #db2777; margin-bottom: 15px; color: #4c0519; }
    .doctor-advice strong { color: #831843; }
    .student-nurse-index { background: #f0fdf4; padding: 15px; border-radius: 6px; border-left: 4px solid #22c55e; margin-bottom: 15px; font-size: 14px; color: #14532d; }
    .student-nurse-index strong { color: #166534; }
    .technical-index { background: #f1f5f9; padding: 15px; border-radius: 6px; font-size: 14px; color: #334155; border-left: 4px solid #64748b; margin-bottom: 15px; }
    .technical-index strong { color: #0f172a; }
    
    ul { padding-left: 20px; margin: 5px 0; }
    li { margin-bottom: 8px; line-height: 1.4; }

    /* 🛡️ Professional Medical Disclaimer Styling */
    .card-disclaimer-footer { 
      background: #f8fafc; 
      padding: 20px 30px; 
      border-top: 1px solid #e2e8f0; 
      font-size: 11px; 
      line-height: 1.5; 
      color: #64748b; 
      text-align: justify;
    }

    @media (max-width: 640px) {
      body { padding: 10px; }
      .infographic-card { border-radius: 8px; border-width: 1px; }
      .card-header { padding: 20px 15px 15px 15px; }
      .clinical-breadcrumbs { padding: 15px 15px 0 15px; font-size: 0.8rem; }
      .card-body { padding: 15px 15px 20px 15px; }
      .card-disclaimer-footer { padding: 15px; font-size: 10px; }
      h1 { font-size: 26px; }
      .meta-row { gap: 8px; padding-bottom: 15px; }
      .meta-item.category-badge, .meta-item.subcategory-badge { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: calc(100% - 32px); }
      .meta-label { margin-bottom: 0; }
    }

/* Global Desktop Base Styles */
    body { font-family: system-ui, sans-serif; padding: 30px; background: #ffffff; color: #1e293b; margin: 0; }
    .infographic-card { max-width: 650px; border: 2px solid #e2e8f0; border-radius: 12px; background: #ffffff; position: relative; overflow: hidden; margin: 0 auto; }
    
    .card-banner-wrapper { width: 100%; overflow: hidden; background: #f8fafc; line-height: 0; }
    .card-banner { width: 100%; height: auto; display: block; }
    
    .card-header { background: #f8fafc; padding: 30px; border-bottom: 4px solid #3b82f6; }
    .meta-row { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cbd5e1; align-items: flex-start; }
    
    .meta-item.category-badge { background: #e0f2fe; padding: 8px 14px; border-radius: 6px; border-left: 4px solid #0284c7; display: inline-flex; align-items: center; }
    .meta-item.category-badge .meta-label { color: #0369a1; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; margin-right: 8px; }
    .meta-item.category-badge .meta-value { font-weight: 600; color: #0f172a; font-size: 15px; }

    .meta-item.subcategory-badge { background: #f0fdf4; padding: 8px 14px; border-radius: 6px; border-left: 4px solid #22c55e; display: inline-flex; align-items: center; }
    .meta-item.subcategory-badge .meta-label { color: #166534; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; margin-right: 8px; }
    .meta-item.subcategory-badge .meta-value { font-weight: 600; color: #0f172a; font-size: 15px; }
    
    .topic-container { margin-top: 10px; }
    .topic-label { color: #3b82f6; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; display: block; margin-bottom: 6px; }
    h1 { font-size: 34px; color: #0f172a; margin: 0; text-transform: capitalize; font-weight: 800; line-height: 1.2; }
    
    .card-body { padding: 30px; }
    h2 { font-size: 18px; margin-top: 20px; margin-bottom: 12px; }
    
    .awareness-section { background: #f0f9ff; padding: 15px; border-radius: 6px; margin-bottom: 15px; }
    .symptoms-section { background: #f3e8ff; padding: 15px; border-radius: 6px; border-left: 4px solid #a855f7; margin-bottom: 15px; color: #3b0764; }
    .symptoms-section strong { color: #581c87; }
    .precautions-section { background: #ccfbf1; padding: 15px; border-radius: 6px; border-left: 4px solid #0d9488; margin-bottom: 15px; color: #115e59; }
    .precautions-section strong { color: #134e4a; }
    .dietary-section { background: #fef3c7; padding: 15px; border-radius: 6px; border-left: 4px solid #d97706; margin-bottom: 15px; color: #78350f; }
    .dietary-section strong { color: #451a03; }
    .warning-box { background: #fff7ed; padding: 15px; border-radius: 6px; border-left: 4px solid #f97316; margin-bottom: 15px; }
    .doctor-advice { background: #fdf2f8; padding: 15px; border-radius: 6px; border-left: 4px solid #db2777; margin-bottom: 15px; color: #4c0519; }
    .doctor-advice strong { color: #831843; }
    .student-nurse-index { background: #f0fdf4; padding: 15px; border-radius: 6px; border-left: 4px solid #22c55e; margin-bottom: 15px; font-size: 14px; color: #14532d; }
    .student-nurse-index strong { color: #166534; }
    .technical-index { background: #f1f5f9; padding: 15px; border-radius: 6px; font-size: 14px; color: #334155; border-left: 4px solid #64748b; margin-bottom: 15px; }
    .technical-index strong { color: #0f172a; }
    
    ul { padding-left: 20px; margin: 5px 0; }
    li { margin-bottom: 8px; line-height: 1.4; }

    /* 🛡️ NEW: Professional Medical Disclaimer Styling */
    .card-disclaimer-footer { 
      background: #f8fafc; 
      padding: 20px 30px; 
      border-top: 1px solid #e2e8f0; 
      font-size: 11px; 
      line-height: 1.5; 
      color: #64748b; 
      text-align: justify;
    }

    @media (max-width: 640px) {
      body { padding: 10px; }
      .infographic-card { border-radius: 8px; border-width: 1px; }
      .card-header { padding: 20px 15px; }
      .card-body { padding: 20px 15px; }
      .card-disclaimer-footer { padding: 15px; font-size: 10px; }
      h1 { font-size: 26px; }
      .meta-row { gap: 8px; padding-bottom: 15px; }
      .meta-item.category-badge, .meta-item.subcategory-badge { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: calc(100% - 32px); }
      .meta-label { margin-bottom: 0; }
    }
  
    .meta-item.category-badge .meta-value:hover, .meta-item.subcategory-badge .meta-value:hover { text-decoration: underline; opacity: 0.8; }

/* PECS Common Site Footer Styles */
footer.site-footer {
  margin-top: 3rem;
  padding: 1.5rem 0;
  border-top: 1px solid var(--border, #e2e8f0);
  text-align: center;
  color: #64748b;
  font-size: 0.875rem;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
footer.site-footer a {
  color: #0284c7;
  text-decoration: none;
  font-weight: 500;
}
footer.site-footer a:hover {
  text-decoration: underline;
}