/* V20.48.7 · LPII engagements/services typography repair.
   Keep the small sequence numbers in LPII red, but force editable titles and
   descriptions back to the intended dark ink palette. */
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid article > span:not([data-vc-builder-native-key]){
  color:var(--lpii-red,#e2251d)!important;
}
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid article h2,
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid article h2 *,
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid article h2 [data-vc-builder-native-key]{
  color:var(--lpii-ink,#0d1b35)!important;
}
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid article p,
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid article p *,
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid article p [data-vc-builder-native-key]{
  color:#344054!important;
}
/* Prevent any legacy badge selector from imposing badge typography on native
   editor wrappers nested in normal text. */
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid h2 [data-vc-builder-native-key],
body[data-tenant="lpii"][data-page="services"] .lpii-action-grid p [data-vc-builder-native-key]{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
}


/* =====================================================================
   V20.48.9 · HOME MEMBERSHIP LAYOUT + CARD PHOTO FRAME FALLBACK
   Loaded after custom.css to avoid stale selector/cache conflicts.
   ===================================================================== */
body[data-tenant="lpii"][data-page="home"] .lpii-membership-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr)!important;
  gap:clamp(32px,5vw,70px)!important;
  align-items:start!important;
}
body[data-tenant="lpii"][data-page="home"] .lpii-membership-types{
  padding:10px 24px!important;
  min-width:0!important;
}
body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-areas:"badge title" "badge copy"!important;
  column-gap:16px!important;
  row-gap:5px!important;
  align-items:start!important;
  padding:20px 0!important;
  min-width:0!important;
}
body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div>span{
  grid-area:badge!important;
  grid-row:auto!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:14px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div>strong{
  grid-area:title!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  color:var(--lpii-ink,#0d1b35)!important;
  font-size:18px!important;
  line-height:1.22!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div>small{
  grid-area:copy!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  color:var(--lpii-muted,#5f6e82)!important;
  font-size:14px!important;
  line-height:1.55!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div>strong [data-vc-builder-native-key],
body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div>small [data-vc-builder-native-key]{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

/* Legacy LPII card fallback: same plan-aware photo treatment. */
body[data-tenant="lpii"] .lpii-card-avatar{
  border:3px solid var(--card-border,#f3c313)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.22),0 14px 32px rgba(0,0,0,.28)!important;
  background:color-mix(in srgb,var(--card-primary,#0A3158) 12%,#eef5ff)!important;
}
body[data-tenant="lpii"] .lpii-card-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

@media(max-width:900px){
  body[data-tenant="lpii"][data-page="home"] .lpii-membership-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
}
@media(max-width:680px){
  body[data-tenant="lpii"][data-page="home"] .lpii-membership-types{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    margin-inline:-12px!important;
    padding:8px 12px 14px!important;
  }
  body[data-tenant="lpii"][data-page="home"] .lpii-membership-types::-webkit-scrollbar{display:none!important}
  body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div{
    flex:0 0 min(82vw,320px)!important;
    width:min(82vw,320px)!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-areas:"badge title" "badge copy"!important;
    border:1px solid var(--lpii-border,#dce4ef)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 26px rgba(15,38,74,.06)!important;
    padding:17px 15px!important;
    scroll-snap-align:start!important;
  }
  body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div>strong{font-size:17px!important}
  body[data-tenant="lpii"][data-page="home"] .lpii-membership-types>div>small{font-size:13px!important;line-height:1.5!important}
}