/* TELADIN v316 - Mobile synergy results 2 x 2 layout */

@media (max-width: 720px) {
  /* Index and Company: four synergy result cards stay 2 columns x 2 rows */
  body .family-v58__results,
  body.page-company-v92 .family-v58__results {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .family-v58__results > article,
  body.page-company-v92 .family-v58__results > article {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .family-v58__results > article strong,
  body .family-v58__results > article p,
  body .family-v58__results > article span,
  body.page-company-v92 .family-v58__results > article strong,
  body.page-company-v92 .family-v58__results > article p,
  body.page-company-v92 .family-v58__results > article span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }

  body .family-v58__results > article strong,
  body.page-company-v92 .family-v58__results > article strong {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  body .family-v58__results > article p,
  body.page-company-v92 .family-v58__results > article p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 390px) {
  body .family-v58__results,
  body.page-company-v92 .family-v58__results {
    gap: 8px !important;
  }

  body .family-v58__results > article,
  body.page-company-v92 .family-v58__results > article {
    min-height: 126px !important;
    padding: 14px 11px !important;
  }

  body .family-v58__results > article p,
  body.page-company-v92 .family-v58__results > article p {
    font-size: 11px !important;
  }
}