.mobilmenu {
     transition: 0.6s ease-in;
 }

 body {
     font-family: 'Inter', sans-serif;
     background-color: #f0fdf4;

     color: #1e293b;
 }


 .chart-container {
     position: relative;
     width: 100%;
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
     height: 300px;
     max-height: 350px;
 }

 /* Custom UI Elements (NO SVG) */
 .disease-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .disease-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 }

 .diff-btn {
     transition: all 0.2s;
 }

 .diff-btn.active {
     background-color: #0f172a;
     color: #ffffff;
     border-color: #0f172a;
     box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
 }

 /* Lungs CSS abstract icon */
 .css-lung {
     width: 30px;
     height: 50px;
     background-color: currentColor;
     border-radius: 40% 60% 60% 40% / 60% 50% 50% 40%;
     display: inline-block;
     margin: 0 2px;
 }

 .css-lung.right {
     transform: scaleX(-1);
 }