.home-task-row.cat-head {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--ink);
  font-family: var(--font);
  text-align: left;
}
.home-task-row .t { display: block; }
.home-task-row .ico { flex: 0 0 auto; aspect-ratio: 1; }
.home-task-row .arr { flex: 0 0 auto; }
.home-task-grid > .cat { align-self: stretch; }
.home-task-picker {
  display: grid;
  gap: var(--space-3);
}
.home-task-tile.q-cat {
  width: 100%;
  height: auto;
  min-height: calc(var(--hit-min) + var(--space-6));
  grid-template-columns: var(--hit-min) minmax(0, 1fr) var(--space-5);
  padding: var(--space-4);
}
.home-task-tile.q-cat .ic-sm {
  width: var(--hit-min);
  height: var(--hit-min);
  aspect-ratio: 1;
}
.home-task-tile.q-cat b {
  display: block;
  overflow: visible;
  font-size: var(--t-body);
  line-height: var(--leading-snug);
  font-weight: var(--w-medium);
  overflow-wrap: anywhere;
}
.home-task-tile.q-cat small {
  display: block;
  white-space: normal;
  overflow: visible;
  margin-top: var(--space-1);
  font-size: var(--t-caption);
  line-height: var(--leading-meta);
  color: var(--ink-3);
}
.home-task-tile:hover { background: var(--surface-raised); border-color: var(--accent-a24); }
.home-task-tile:focus-visible { outline: none; box-shadow: var(--ds-focus-ring); }
.home-task-context { margin-bottom: var(--space-4); }
.home-task-modes { display: flex; gap: var(--space-2); margin-bottom: var(--space-4); }
.home-task-modes .q-chip { flex: 1; min-width: 0; justify-content: center; }
.home-task-search { display: block; margin-bottom: var(--space-4); }
[data-home-options] [hidden], #serviceAllProblems[hidden] { display: none !important; }
.home-related { margin-top: var(--space-3); }
.home-related-label {
  margin: 0;
  color: var(--ink-3);
  font-size: var(--t-caption);
  line-height: var(--leading-meta);
  font-weight: var(--w-medium);
}
.home-related nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-2); }
.home-related a {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--hit-min);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--accent-text);
  font-size: var(--t-body);
  text-decoration: none;
}
.home-related a:hover { background: var(--accent-soft); border-color: var(--accent-a24); }
.home-related a .i { flex: 0 0 auto; }
.home-related a .i:last-child { margin-left: auto; }
@media (max-width: 600px) { .home-related nav { grid-template-columns: 1fr; } }
.home-related a:focus-visible { outline: none; box-shadow: var(--ds-focus-ring); }