Add sortable trade fair bookmarks subpage

web/style.css

@@ -1810,6 +1810,110 @@ h1 {
   border-color: #a5b4fc;
 }
 
+.bookmark-subpage {
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  background: #f9fafb;
+  padding: 10px 12px;
+}
+
+.bookmark-subpage[open] {
+  background: #ffffff;
+}
+
+.bookmark-subpage__summary {
+  cursor: pointer;
+  font-weight: 600;
+  color: #1f2937;
+  list-style: none;
+}
+
+.bookmark-subpage__summary::-webkit-details-marker {
+  display: none;
+}
+
+.bookmark-subpage__summary::before {
+  content: "▸";
+  margin-right: 8px;
+  color: #6b7280;
+}
+
+.bookmark-subpage[open] .bookmark-subpage__summary::before {
+  content: "▾";
+}
+
+.bookmark-subpage__content {
+  margin-top: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.bookmark-subpage__toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: flex-end;
+}
+
+.bookmark-subpage__meta {
+  font-size: 12px;
+  color: #4b5563;
+}
+
+.bookmark-subpage__table-wrap {
+  width: 100%;
+  overflow-x: auto;
+}
+
+.bookmark-subpage__table {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 1680px;
+}
+
+.bookmark-subpage__table th,
+.bookmark-subpage__table td {
+  border: 1px solid #e5e7eb;
+  padding: 8px 10px;
+  font-size: 12px;
+  vertical-align: top;
+}
+
+.bookmark-subpage__table th {
+  background: #f3f4f6;
+  white-space: nowrap;
+}
+
+.bookmark-subpage__sort {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-weight: 600;
+  color: #1f2937;
+  font-size: 12px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.bookmark-subpage__sort:hover {
+  color: #111827;
+}
+
+.bookmark-subpage__sort.is-active {
+  color: #0f4bb8;
+}
+
+.bookmark-subpage__table td:nth-child(4),
+.bookmark-subpage__table td:nth-child(15) {
+  min-width: 320px;
+}
+
+.bookmark-subpage__table a {
+  color: #1d4ed8;
+}
+
 @media (max-width: 640px) {
   .bookmark-panel {
     width: min(480px, 94vw);
@@ -1823,6 +1927,14 @@ h1 {
   .bookmark-row {
     grid-template-columns: minmax(0, 1fr) auto;
   }
+
+  .bookmark-subpage {
+    padding: 10px;
+  }
+
+  .bookmark-subpage__toolbar {
+    gap: 8px;
+  }
 }
 
 .screenshot-modal {