/* height-calculator.css
   Calculator-specific styling only (shared UI in cg-ui/cg-bootstrap-ui.css)
*/
#cg-height-calculator .nav-pills .nav-link{
  border-radius: 999px;
  font-weight: 800;
}
#cg-height-calculator .nav-pills .nav-link.active{
  background: var(--cg-nav);
}
#cg-height-calculator .cg-result-grid{
  display:grid;
  grid-template-columns: repeat(1, minmax(0,1fr));
  gap: 12px;
}
@media (min-width: 768px){
  #cg-height-calculator .cg-result-grid{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}