fix: equal card height — categories always at bottom, comment clips to fill

app/static/style.css

@@ -348,6 +348,7 @@ button {
   display: flex;
   flex-direction: column;
   gap: 0;
+  height: 100%;
 }
 .svc-credentials {
   background: linear-gradient(135deg, #edf5fc 0%, #e2eff8 100%);
@@ -422,6 +423,7 @@ button {
   border: 1px solid transparent;
   transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
   flex: 1;
+  min-height: 0;
 }
 .tile:hover {
   transform: translateY(-2px);
@@ -461,18 +463,21 @@ button {
 }
 .tile-comment {
   display: block;
-  max-height: calc(1.35em * 15);
-  overflow-y: auto;
-  overflow-x: hidden;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
   line-height: 1.35;
   padding-right: 0.2rem;
+  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
+-webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
 }
 .tile-comment b,
 .tile-comment strong {
   font-weight: 700;
 }
 .service-categories {
-  margin-top: 0.7rem;
+  margin-top: auto;
+  padding-top: 0.7rem;
   display: flex;
   flex-wrap: wrap;
   gap: 0.35rem;