/* LF-EIGENPOINT-001D-HOME-CARD-FIT-001
   Approved, strictly homepage preview-card interiors.
   SVG scenes use xMidYMid meet in index.html, preserving aspect and keeping
   original 320x230 scene text/geometry inside changing card ratios.
   No changes to grid, card height, navigation, art animations, data, or tools. */

/* Letterboxed areas are a continuation of each preview's original dark surface. */
body[data-page="home"] .ep-mi-grid .ep-mi-card-radar .ep-mi-visual,
body[data-page="home"] .ep-mi-grid .ep-mi-card-weather .ep-mi-visual,
body[data-page="home"] .ep-mi-grid .ep-mi-card-dashboard .ep-mi-visual,
body[data-page="home"] .ep-mi-grid .ep-mi-card-strategy .ep-mi-visual{
  background:radial-gradient(circle at 50% 34%, #0b352b 0%, #06271f 58%, #041b16 100%)!important;
}
/* An oversized transform can crop SVG labels even when the SVG viewport fits. */
body[data-page="home"] .ep-mi-grid .ep-mi-card-radar .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-weather .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-dashboard .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-strategy .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-radar:hover .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-weather:hover .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-dashboard:hover .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-strategy:hover .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-radar:focus-visible .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-weather:focus-visible .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-dashboard:focus-visible .ep-mi-live-native > svg,
body[data-page="home"] .ep-mi-grid .ep-mi-card-strategy:focus-visible .ep-mi-live-native > svg{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  margin:0!important;max-width:100%!important;max-height:100%!important;
  transform:none!important;transform-origin:center!important;
}
/* The Explainer tiles keep their media pipeline and click-through behavior.
   More headline lines fit within the available tile height at a legible size. */
body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-feature-copy,
body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-side-copy{
  box-sizing:border-box!important;min-width:0!important;max-height:100%!important;
}
body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-feature-copy strong{
  font-size:12px!important;line-height:1.18!important;
  -webkit-line-clamp:5!important;line-clamp:5!important;
  overflow-wrap:break-word!important;word-break:normal!important;
}
body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-side-copy{
  padding:7px 8px!important;gap:3px!important;
}
body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-side-copy b{
  font-size:9.7px!important;line-height:1.14!important;
  -webkit-line-clamp:5!important;line-clamp:5!important;
  overflow-wrap:break-word!important;word-break:normal!important;
}
body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-side-copy small{
  font-size:7.8px!important;line-height:1.1!important;
}
body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-side-media::after{
  background:linear-gradient(180deg,rgba(2,13,11,.04) 0%,rgba(2,13,11,.24) 32%,rgba(2,13,11,.88) 100%)!important;
}
@media (max-width:620px){
  body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-feature-copy strong{font-size:11.9px!important;}
  body[data-page="home"] .ep-mi-grid .ep-mi-card-explainer .lf-ai-side-copy b{font-size:9.6px!important;}
}

/* Remove legacy horizontal padding on only these two SVG scene containers;
   viewBox containment now supplies proportional graphic safe areas. */
body[data-page="home"] .ep-mi-grid .ep-mi-card-weather .ep-mi-visual,
body[data-page="home"] .ep-mi-grid .ep-mi-card-strategy .ep-mi-visual{
  padding-inline:0!important;
}