/* TELADIN v332 - Consolidated index page refinements */

/* ===== Source: synergy-mobile-v316.css ===== */
/* 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;
  }
}


/* ===== Source: synergy-compact-v320.css ===== */
/* TELADIN v320 - Compact synergy result cards */

@media (max-width: 720px) {
  body .family-v58__results,
  body.page-company-v92 .family-v58__results {
    align-items: stretch !important;
    grid-auto-rows: auto !important;
  }

  body .family-v58__results > article,
  body.page-company-v92 .family-v58__results > article {
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 12px !important;
    align-self: stretch !important;
  }

  body .family-v58__results > article strong,
  body.page-company-v92 .family-v58__results > article strong {
    margin-bottom: 5px !important;
  }

  body .family-v58__results > article p,
  body.page-company-v92 .family-v58__results > article p {
    margin: 0 !important;
    line-height: 1.42 !important;
  }
}

@media (max-width: 390px) {
  body .family-v58__results > article,
  body.page-company-v92 .family-v58__results > article {
    min-height: 0 !important;
    padding: 11px 10px !important;
  }

  body .family-v58__results > article strong,
  body.page-company-v92 .family-v58__results > article strong {
    margin-bottom: 4px !important;
  }
}


/* ===== Source: synergy-foldable-v331.css ===== */
/* TELADIN v331 - Synergy cards optimized for foldable/tablet widths */

/*
  Scope:
  - Index page synergy outcome cards (4)
  - Company page FAMILY synergy outcome cards (4)
  No PROFILE metrics or unrelated cards are affected.
*/

/* Foldable/tablet/mobile: keep 2 x 2 layout */
@media (max-width: 1100px) {
  body:not(.page-company-v92) .family-v58__results,
  body.page-company-v92 .family-v58__results {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body:not(.page-company-v92) .family-v58__results > article,
  body.page-company-v92 .family-v58__results > article {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Galaxy Fold unfolded / tablet range */
@media (min-width: 721px) and (max-width: 1100px) {
  body:not(.page-company-v92) .family-v58__results > article,
  body.page-company-v92 .family-v58__results > article {
    min-height: 0 !important;
    height: auto !important;
    padding: 16px 18px !important;
  }

  body:not(.page-company-v92) .family-v58__results > article > strong,
  body.page-company-v92 .family-v58__results > article > strong {
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

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

  body:not(.page-company-v92) .family-v58__results > article > p > span,
  body.page-company-v92 .family-v58__results > article > p > span {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

/* Narrow phones: preserve 2 columns with compact spacing */
@media (max-width: 720px) {
  body:not(.page-company-v92) .family-v58__results,
  body.page-company-v92 .family-v58__results {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

/* v1.7 hero media loading and layout stability */
.hero-slide__visual picture{
  display:block;
  width:auto;
  height:100%;
}
.hero-slide__visual picture img{
  width:auto;
  height:100%;
  aspect-ratio:2047 / 639;
}