fix: logo bigger (32px), site name and path aligned to right of logo

- Logo 32px to fill more of the header height
- Logo on left, text + crumb path stacked to its right (not below)
- .crumb-text wrapper keeps $ protocol-droid and path together
- Path aligns with the $ sign, not underneath the logo

frontend/style.css

@@ -59,8 +59,8 @@ header .breadcrumb {
   font-size: 14px;
   letter-spacing: 0.5px;
   display: flex;
-  flex-direction: column;
-  gap: 0;
+  align-items: center;
+  gap: 8px;
   color: var(--accent-bright);
   cursor: pointer;
   flex-shrink: 1;
@@ -68,15 +68,15 @@ header .breadcrumb {
   overflow: hidden;
   line-height: 1.2;
 }
-header .breadcrumb .crumb-main {
+.header-logo { width: 32px; height: 32px; flex-shrink: 0; display: block; }
+header .breadcrumb .crumb-text {
   display: flex;
-  align-items: center;
-  gap: 6px;
-  white-space: nowrap;
+  flex-direction: column;
+  min-width: 0;
+  overflow: hidden;
 }
 header .breadcrumb .prompt { color: var(--green-bright); font-weight: normal; }
 header .breadcrumb:hover { text-decoration: none; }
-.header-logo { width: 24px; height: 24px; flex-shrink: 0; display: block; }
 header .crumb-path {
   font-size: 11px;
   color: var(--ink-dim);
@@ -84,8 +84,6 @@ header .crumb-path {
   text-overflow: ellipsis;
   max-width: 100%;
   cursor: pointer;
-  display: block;
-  width: 100%;
 }
 
 /* Desktop nav — inline */