/* Practice-home and unfinished-tool pages only. The frozen Thesis Lab CSS is unchanged. */

.practice-home .route-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.practice-home .practice-intro .lab-label,
.practice-home .practice-roadmap .lab-label {
  color: var(--red) !important;
}

.practice-home .practice-roadmap {
  margin-top: 52px;
}

.practice-home .practice-roadmap > p:not(.lab-label) {
  color: var(--muted);
}

.practice-home .route-list a[data-status="planned"] {
  background: #f2efe8;
}

.practice-home .route-list a[data-status="next"] {
  border-color: var(--gold);
}

.practice-placeholder .practice-main {
  min-height: 44vh;
}

.practice-placeholder .status-panel {
  max-width: 760px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--border);
  background: var(--white);
}

.practice-placeholder .status-panel p {
  color: var(--muted);
}

.practice-placeholder .status-panel .back-home {
  display: inline-block;
  margin-top: 8px;
}

@media (max-width: 720px) {
  .practice-home .route-list {
    grid-template-columns: 1fr;
  }
}