fix: logo to left of site name, visible size, two-line header

- Logo (24px) sits to the LEFT of $ protocol-droid on the first line
- Crumb path wraps to second line below
- Both in a column layout via .crumb-main wrapper
- Logo is clearly visible at 24x24px

frontend/style.css

@@ -66,12 +66,17 @@ header .breadcrumb {
   flex-shrink: 1;
   min-width: 0;
   overflow: hidden;
-  white-space: nowrap;
   line-height: 1.2;
 }
+header .breadcrumb .crumb-main {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  white-space: nowrap;
+}
 header .breadcrumb .prompt { color: var(--green-bright); font-weight: normal; }
 header .breadcrumb:hover { text-decoration: none; }
-.header-logo { width: 18px; height: 22px; flex-shrink: 0; margin-right: 4px; display: block; }
+.header-logo { width: 24px; height: 24px; flex-shrink: 0; display: block; }
 header .crumb-path {
   font-size: 11px;
   color: var(--ink-dim);
@@ -79,6 +84,8 @@ header .crumb-path {
   text-overflow: ellipsis;
   max-width: 100%;
   cursor: pointer;
+  display: block;
+  width: 100%;
 }
 
 /* Desktop nav — inline */