/* tools/psu-sizing/tool.css — the few layout pieces /assets/tool.css does not have: the
 * repeatable motor groups and the list of notes under the result. Every class starts psu-. */

/* The motor groups. Siblings inside this wrapper, so .tk-group + .tk-group still draws the
 * hairline between them. */
.psu-motors { display: grid; gap: var(--s-4); }

/* Count, current and inductance on one line: they are read together. */
.psu-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); }
@media (max-width: 420px) { .psu-trio { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* A group that follows something other than a group still gets the hairline above it. */
.psu-sep { border-top: var(--hair); padding-top: var(--s-4); }

/* Row buttons sit inside the panel, so a smaller button than the page default. */
.psu-btn { padding: 6px var(--s-3); }

.psu-msgs { display: grid; gap: var(--s-3); }