Logo and responsiveness changes

src/styles/global.css

@@ -34,4 +34,52 @@
     --border: 1px;
     --depth: 1;
     --noise: 1;
-  } 
+}
+
+/* Ensure better text scaling and overflow handling */
+* {
+  /* Allow text to scale with user preferences */
+  text-size-adjust: 100%;
+}
+
+/* Prevent horizontal overflow on smaller screens or when zoomed */
+body {
+  overflow-x: hidden;
+}
+
+/* Ensure links and buttons remain accessible at all zoom levels */
+a, button {
+  min-height: 44px;
+  min-width: 44px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Make sure card content doesn't overflow */
+.card-body {
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+/* Ensure progress bars scale properly */
+.progress {
+  min-height: 0.5rem;
+}
+
+/* Responsive navigation improvements */
+@media (max-width: 640px) {
+  .menu-horizontal .menu li {
+    margin: 0 0.125rem;
+  }
+}
+
+/* Better tooltip positioning for mobile */
+@media (max-width: 768px) {
+  .tooltip:before,
+  .tooltip:after {
+    transform: translateX(-50%) translateY(-100%);
+    top: auto;
+    bottom: 100%;
+  }
+}