/* Large, quiet starting routes. Workspace entrances own their own task hierarchy. */
.task-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.task-choice {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-width:0;
  min-height:104px;
  gap:20px;
  padding:20px;
  text-align:left;
  border:1px solid var(--choice-border,var(--line));
  color:var(--choice-ink,var(--ink));
  background:var(--choice-surface,var(--surface));
  transition:background var(--motion-quick) var(--ease-standard), border-color var(--motion-quick) var(--ease-standard), box-shadow var(--motion-quick) var(--ease-standard);
}
.task-choice-label { font-size:20px; font-weight:350; line-height:1.35; overflow-wrap:anywhere; }
.task-choice-arrow { flex-shrink:0; align-self:center; font-size:22px; line-height:1; color:var(--choice-accent,var(--accent)); }
.task-choice:hover { background:var(--choice-hover,var(--surface-soft)); border-color:var(--choice-accent,var(--accent)); box-shadow:0 8px 24px rgba(26,22,16,.04); }
.task-choice:focus-visible { outline-offset:4px; }
.task-choice:disabled { opacity:.6; }
@media (max-width:700px) {
  .task-choices { grid-template-columns:1fr; }
  .task-choice { min-height:70px; padding:16px; }
  .task-choice-label { font-size:18px; }
}