/* Approved Zodiac geometry shared by public expert cards. Native classes
   remain adapters for artwork/data; the guarded hooks own card geometry. */
body[class] .mkt-card.mkt-expert-card[data-expert-component="v2"] {
  --expert-content-gap:24px; --expert-meta-gap:6px; box-sizing:border-box;
  display:flex; flex-direction:column; gap:0 !important;
  width:100% !important; max-width:none !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  padding:30px !important; overflow:visible;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-person {
  display:flex !important; align-items:flex-start !important; gap:16px !important;
  position:static !important; margin:0 !important; padding:0 !important;
  width:100% !important; height:auto !important; min-height:0 !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-portrait {
  display:block; position:static !important; flex:0 0 85px !important;
  width:85px !important; height:85px !important; min-width:0 !important;
  margin:0 !important; padding:0 !important; border-radius:50%; overflow:hidden;
  object-fit:cover; transform:none !important; transition:none !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-portrait :is(picture,img) {
  display:block; width:100% !important; height:100% !important; max-width:100%;
  margin:0 !important; object-fit:cover; transform:none !important; transition:none !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-identity {
  padding:0 !important; margin:0 !important; min-width:0 !important;
}
/* Preserve the approved offline state when a backend renders that variant. */
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-status--offline {
  background:#f1f2f5 !important; color:#656a75 !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-status--offline .mkt-expert-status__dot { background:#969ba5; }
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-name {
  position:static !important; width:auto !important; height:auto !important;
  margin:0 !important; color:#7653d9 !important;
  font:700 22px/25px "Manrope",sans-serif !important; letter-spacing:0 !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-meta {
  position:static !important; margin:8px 0 0 !important; padding:0 !important;
  flex-wrap:wrap !important; min-height:0 !important; gap:4px var(--expert-meta-gap,6px) !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] :is(.mkt-expert-rating,.mkt-expert-score) {
  display:inline-flex; align-items:center; gap:var(--expert-meta-gap,6px) !important; width:auto !important;
  height:auto !important; min-height:0 !important; margin:0 !important;
  font-size:18px !important; line-height:20px !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-star,
body[class] .mkt-card.mkt-expert-card[data-expert-component] .apn-love-card__rating::after {
  width:16px !important; height:16px !important; flex:0 0 16px !important; margin:0 !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-divider {
  position:static !important; flex:0 0 1px; width:100% !important; height:1px !important;
  min-height:0 !important; margin:var(--expert-content-gap) 0 !important; padding:0 !important;
  border:0; background:#d9d9d9;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-info {
  display:flex !important; flex-direction:column; gap:var(--expert-content-gap) !important;
  position:static !important; width:100% !important; height:auto !important;
  min-height:0 !important; margin:0 !important; padding:0 !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-facts {
  display:grid !important; gap:8px !important; width:100% !important;
  position:static !important; height:auto !important; margin:0 !important; padding:0 !important; list-style:none;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-fact {
  display:flex !important; align-items:flex-start; gap:8px !important;
  width:100% !important; height:auto !important; margin:0 !important; padding:0 !important;
  color:#6f6f6f !important; font:400 16px/20px "Manrope",sans-serif !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-fact :is(svg,img) {
  width:19px !important; height:20px !important; flex:0 0 19px; margin:0 !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-fact::before { flex-shrink:0; margin:0 !important; }
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-fact-text {
  display:block; min-width:0; font:inherit !important; color:inherit !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-fact-accent { color:#7653d9 !important; font-weight:600 !important; }
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-description {
  margin:0 !important; height:auto !important; min-height:0 !important; max-height:none !important;
  font-size:13px !important; line-height:20px !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-actions {
  display:flex !important; flex-direction:column; align-items:stretch; gap:14px !important;
  position:static !important; width:100% !important; height:auto !important; min-height:0 !important;
  margin:var(--expert-content-gap) 0 0 !important; padding:0 !important; transform:none !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-chat {
  box-sizing:border-box; display:flex !important; align-items:center !important;
  justify-content:center !important; gap:8px !important; width:100% !important;
  height:auto !important; min-height:58px !important; margin:0 !important; padding:10px 16px !important;
  border-radius:13px !important; text-align:center !important;
  font:600 20px/24px "Manrope",sans-serif !important; letter-spacing:0 !important;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-chat::after { content:none !important; }
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-chat :is(svg,img,[class$="__cta-icon"]) {
  display:inline-flex !important; width:22px !important; height:21px !important; flex:0 0 22px; color:inherit;
}
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-price {
  position:static !important; width:100% !important; height:auto !important;
  margin:0 !important; padding:0 !important; text-align:center !important;
  color:#929292 !important; font:400 14px/18px "Manrope",sans-serif !important; letter-spacing:0 !important;
}
@media(max-width:1199.98px) {
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-fact { font-size:15px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-name { font-size:20px !important; line-height:22px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-portrait { width:80px !important; height:80px !important; flex-basis:80px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] :is(.mkt-expert-rating,.mkt-expert-score) { font-size:16px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-star,
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .apn-love-card__rating::after { width:14px !important; height:14px !important; flex-basis:14px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-chat { min-height:52px !important; font-size:17px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-price { font-size:12px !important; }
}
@media(max-width:767.98px) {
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-fact { font-size:12px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] { padding:18px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-name { font-size:18px !important; line-height:20px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-portrait { width:76px !important; height:76px !important; flex-basis:76px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] :is(.mkt-expert-rating,.mkt-expert-score) { font-size:13px !important; line-height:18px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-star,
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .apn-love-card__rating::after { width:12px !important; height:12px !important; flex-basis:12px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-role { font-size:12px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-meta { margin-top:6px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-actions { gap:12px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-chat { min-height:48px !important; border-radius:10px !important; font-size:15px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-price { font-size:11px !important; }
}
/* Directory cards adapt to their actual content width, independently of viewport. */
@container(max-width:260px) {
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-person { gap:12px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-name { font-size:18px !important; line-height:20px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-role { font-size:12px !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-portrait { width:72px !important; height:72px !important; flex-basis:72px !important; }
}
@container(max-width:190px) {
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-person { flex-direction:column !important; align-items:center !important; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-identity { align-items:center; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-meta { justify-content:center; }
  body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-status { align-self:center; }
}
body .mkt-expert-card [hidden] { display:none !important; }
body[class] .mkt-card.mkt-expert-card[data-expert-component] :is(.mkt-expert-name,.mkt-expert-score) > span { font:inherit !important; }
body[class] .mkt-card.mkt-expert-card[data-expert-component] .mkt-expert-chat > span { transform:none !important; }