/* Lab: fleet-planner (lesson C5). Scoped to .lab--fleet-planner. See docs/ACADEMY.md. */
.lab--fleet-planner .lab__controls { display: grid; grid-template-columns: 1fr; gap: var(--s-4); }
.lab--fleet-planner .lab-fleet__ships { display: grid; gap: var(--s-5); }
.lab--fleet-planner .lab-fleet__ship { margin: 0; padding: var(--s-4) 0 0; border: 0; border-top: 1px solid var(--rule); display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); gap: var(--s-4) var(--s-5); align-items: end; min-width: 0; }
.lab--fleet-planner .lab-fleet__ship > legend { padding: 0; font-weight: 500; float: left; grid-column: 1 / -1; }
.lab--fleet-planner .lab-fleet__ship .lab__btn { justify-self: start; }
.lab--fleet-planner .lab-fleet__add .lab__btn:disabled { opacity: 0.5; cursor: not-allowed; }
.lab--fleet-planner .lab__stage { display: grid; gap: var(--s-5); }
.lab--fleet-planner .lab-fleet__svg { max-width: 44rem; }
.lab--fleet-planner .lab-fleet__table { overflow-x: auto; }
.lab--fleet-planner .lab__table td.num { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 40rem) { .lab--fleet-planner .lab__table td.num { white-space: normal; } }