.coordinate-plane {
  max-width: 480px;
}
.space-card {
  padding: 1rem;
  margin: .65rem 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--white);
}
.space-card h4 {
  margin: .2rem 0;
}
.space-card p {
  margin: .3rem 0 .5rem;
}
.coordinate-switch {
  gap: .45rem;
}
.study-toolbar input[type=range] {
  max-width: 125px;
  accent-color: var(--teal);
  vertical-align: middle;
}
.study-toolbar input[data-gram-answer] {
  max-width: 8rem;
  color: var(--ink);
  border: 1px solid var(--line);
  padding: .45rem;
  border-radius: 6px;
}
.study-toolbar output {
  font-variant-numeric: tabular-nums;
}
[data-ortho-panel][hidden] {
  display: none;
}
@media (max-width: 900px) {
  #lab-nav {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media (max-width: 420px) {
  #lab-nav a {
    padding: 8px 6px;
    font-size: 10px;
    gap: 4px;
    overflow-wrap: anywhere;
  }
}