/* Desktop step-one typification menu: three full-width horizontal mission buttons. */
#sgl-desktop-app .sgl-result-columns,
#sgl-desktop-app .sgl-tip-flow,
#sgl-desktop-app .sgl-tip-category-menu {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
#sgl-desktop-app .sgl-tip-category-menu .sgl-tip-guide {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 78px !important;
  margin: 0 0 18px !important;
}
#sgl-desktop-app .sgl-tip-category-grid {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  gap: 14px !important;
}
#sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) auto 20px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 17px 20px !important;
  gap: 16px !important;
  text-align: left !important;
  overflow: visible !important;
}
#sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > i:first-child {
  grid-column: 1 !important;
  width: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  font-size: 24px !important;
}
#sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: baseline !important;
  column-gap: 10px !important;
  row-gap: 5px !important;
  min-width: 0 !important;
}
#sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > small {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}
#sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
#sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > em {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: block !important;
  color: #49617c !important;
  -webkit-text-fill-color: #49617c !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
#sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > b {
  grid-column: 3 !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 92px !important;
  padding: 7px 11px !important;
  border: 1px solid currentColor !important;
  border-radius: 999px !important;
  color: currentColor !important;
  background: rgba(255,255,255,.72) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > i:last-child {
  grid-column: 4 !important;
  display: block !important;
  justify-self: end !important;
  color: currentColor !important;
  font-size: 17px !important;
}
@media (max-width: 760px) {
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category {
    grid-template-columns: 54px minmax(0, 1fr) 18px !important;
    min-height: 98px !important;
    padding: 14px !important;
    gap: 12px !important;
  }
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > b { display: none !important; }
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > i:last-child { grid-column: 3 !important; }
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span { grid-template-columns: 1fr !important; }
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > small,
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > strong,
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > em { grid-column: 1 !important; }
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > small { grid-row: 1 !important; }
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > strong { grid-row: 2 !important; font-size: 17px !important; }
  #sgl-desktop-app .sgl-tip-category-grid > .sgl-tip-category > span > em { grid-row: 3 !important; }
}