/* LearnNDev addition, not part of the delivered design files.
   Builder cards were 743-768px tall: taller than a laptop screen below the 77px fixed
   header, so a card never fitted on screen. On screens up to 900px tall the illustration
   shrinks (and the card's spacing tightens a little) so a whole card fits; taller screens
   keep the designed 320px illustration. The illustrations are SVG and scale cleanly. */
@media (min-width: 948px) and (max-height: 900px) {
  #builders .panel { height: clamp(140px, calc(100vh - 77px - 430px), 320px); }
  #builders article.card { gap: 18px !important; padding-bottom: 22px !important; }
  #builders .cbody { gap: 12px; }
}
@media (min-width: 948px) and (max-height: 700px) {
  #builders .cbody { gap: 9px; }
}