/* K-MIRACLE MEDIA v1.5.56 — Related Experts & Instructors
   MEDIA-only. No Membership Core styles or data are modified. */

/* ---------------- Editor picker ---------------- */
html body .kmmedia-page .kmmedia-profile-picker{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  padding:16px!important;
  border:1px solid #d8e1eb!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  overflow:hidden!important;
}
html body .kmmedia-page .kmmedia-profile-picker *{box-sizing:border-box!important;min-width:0;}
html body .kmmedia-page .kmmedia-profile-picker__heading{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0 0 12px!important;}
html body .kmmedia-page .kmmedia-profile-picker__heading>span{color:#06172f!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;}
html body .kmmedia-page .kmmedia-profile-picker__heading>span b{color:#6c7888!important;font-size:12px!important;font-weight:600!important;}
html body .kmmedia-page .kmmedia-profile-picker__heading>small{color:#65758a!important;font-size:12px!important;line-height:1.55!important;}

html body .kmmedia-page .kmmedia-profile-selected-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important;}
html body .kmmedia-page .kmmedia-profile-selected-empty{grid-column:1/-1!important;margin:0!important;padding:11px 12px!important;border:1px dashed #ced9e4!important;border-radius:9px!important;background:#fff!important;color:#7b8999!important;font-size:12px!important;line-height:1.45!important;}
html body .kmmedia-page .kmmedia-profile-selected{
  position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:9px!important;align-items:center!important;
  min-height:62px!important;padding:8px!important;border:1px solid #d4dfea!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;
}
html body .kmmedia-page .kmmedia-profile-selected__photo,
html body .kmmedia-page .kmmedia-profile-result__photo{
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:8px!important;background:#eaf0f6!important;color:#173553!important;font-weight:700!important;
}
html body .kmmedia-page .kmmedia-profile-selected__photo{width:44px!important;height:44px!important;}
html body .kmmedia-page .kmmedia-profile-selected__photo img,
html body .kmmedia-page .kmmedia-profile-result__photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
html body .kmmedia-page .kmmedia-profile-selected__copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;}
html body .kmmedia-page .kmmedia-profile-selected__copy strong{overflow:hidden!important;color:#0b2747!important;font-size:13px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .kmmedia-page .kmmedia-profile-selected__copy small{overflow:hidden!important;color:#66788b!important;font-size:11px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .kmmedia-page .kmmedia-profile-selected__copy em{display:-webkit-box!important;overflow:hidden!important;color:#738498!important;font-size:10.5px!important;font-style:normal!important;line-height:1.35!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;}
html body .kmmedia-page .kmmedia-profile-selected>[data-kmmedia-profile-remove]{
  display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:1px solid #f0c5ca!important;border-radius:8px!important;background:#fff!important;color:#bd2635!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;
}

html body .kmmedia-page .kmmedia-profile-picker__search{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;align-items:center!important;margin-bottom:10px!important;}
html body .kmmedia-page .kmmedia-profile-picker__search label{display:block!important;min-width:0!important;margin:0!important;}
html body .kmmedia-page .kmmedia-profile-picker__search input{
  width:100%!important;height:40px!important;margin:0!important;padding:8px 11px!important;border:1px solid #cdd9e5!important;border-radius:9px!important;background:#fff!important;color:#06172f!important;font-size:14px!important;line-height:1.3!important;outline:none!important;
}
html body .kmmedia-page .kmmedia-profile-picker__search input:focus{border-color:#55799d!important;box-shadow:0 0 0 3px rgba(30,72,110,.08)!important;}
html body .kmmedia-page .kmmedia-profile-picker__search button{
  height:40px!important;margin:0!important;padding:0 12px!important;border:1px solid #092747!important;border-radius:9px!important;background:#092747!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;
}
html body .kmmedia-page .kmmedia-profile-picker__search button.is-secondary{border-color:#cfdbe7!important;background:#fff!important;color:#173553!important;}
html body .kmmedia-page .kmmedia-profile-results-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 7px!important;}
html body .kmmedia-page .kmmedia-profile-results-head strong{color:#173553!important;font-size:12px!important;line-height:1.4!important;}
html body .kmmedia-page .kmmedia-profile-results-head span{color:#79899a!important;font-size:11px!important;line-height:1.4!important;text-align:right!important;}
html body .kmmedia-page .kmmedia-profile-results-head span.is-error{color:#b42332!important;}
html body .kmmedia-page .kmmedia-profile-results{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;max-height:310px!important;padding:1px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;
}
html body .kmmedia-page .kmmedia-profile-results-empty{grid-column:1/-1!important;margin:0!important;padding:13px!important;border:1px dashed #d3dde7!important;border-radius:9px!important;background:#fff!important;color:#77889a!important;font-size:12px!important;text-align:center!important;}
html body .kmmedia-page button.kmmedia-profile-result{
  appearance:none!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;width:100%!important;min-height:64px!important;margin:0!important;padding:8px!important;border:1px solid #d7e1eb!important;border-radius:10px!important;background:#fff!important;color:#0b2747!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;
}
html body .kmmedia-page button.kmmedia-profile-result:hover{border-color:#90a8bf!important;background:#fbfdff!important;}
html body .kmmedia-page button.kmmedia-profile-result.is-selected,
html body .kmmedia-page button.kmmedia-profile-result:disabled{opacity:.62!important;cursor:default!important;background:#f0f4f8!important;}
html body .kmmedia-page .kmmedia-profile-result__photo{width:46px!important;height:46px!important;}
html body .kmmedia-page .kmmedia-profile-result__copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;}
html body .kmmedia-page .kmmedia-profile-result__copy strong{overflow:hidden!important;color:#0b2747!important;font-size:12.5px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .kmmedia-page .kmmedia-profile-result__copy small{overflow:hidden!important;color:#65778a!important;font-size:10.8px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .kmmedia-page .kmmedia-profile-result__copy em{display:-webkit-box!important;overflow:hidden!important;color:#74869a!important;font-size:10.3px!important;font-style:normal!important;line-height:1.35!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;}
html body .kmmedia-page .kmmedia-profile-result__action{align-self:center!important;color:#a32636!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;}

/* ---------------- Public article related profiles ---------------- */
html body .kmmedia-page--detail .kmmedia-related-experts{
  min-width:0!important;margin:18px 0 0!important;padding:18px!important;border:1px solid #dce5ee!important;border-radius:13px!important;background:#f8fafc!important;overflow:hidden!important;
}
html body .kmmedia-page--detail .kmmedia-related-experts *{box-sizing:border-box!important;min-width:0;}
html body .kmmedia-page--detail .kmmedia-related-experts__head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px solid #dbe4ed!important;}
html body .kmmedia-page--detail .kmmedia-related-experts__head>span{color:#aa2939!important;font-size:9.8px!important;font-weight:700!important;letter-spacing:.09em!important;line-height:1.35!important;}
html body .kmmedia-page--detail .kmmedia-related-experts__head h2{margin:0!important;color:#092747!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.02em!important;}
html body .kmmedia-page--detail .kmmedia-related-experts__rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;min-width:0!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card{
  display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-width:0!important;min-height:106px!important;margin:0!important;padding:10px!important;border:1px solid #d7e1ea!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;
}
html body .kmmedia-page--detail .kmmedia-related-expert-card__photo{display:flex!important;align-items:center!important;justify-content:center!important;width:60px!important;height:76px!important;overflow:hidden!important;border-radius:8px!important;background:#e9eff5!important;color:#173553!important;font-size:18px!important;font-weight:700!important;text-decoration:none!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card__photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card__copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card__copy>span{color:#aa2939!important;font-size:9.5px!important;font-weight:700!important;line-height:1.3!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card h3{width:100%!important;margin:2px 0 0!important;overflow:hidden!important;color:#092747!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card h3 a{color:inherit!important;text-decoration:none!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card__org{width:100%!important;margin:3px 0 0!important;overflow:hidden!important;color:#64778a!important;font-size:10.5px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card__expertise{display:-webkit-box!important;width:100%!important;margin:3px 0 0!important;overflow:hidden!important;color:#536b82!important;font-size:10.3px!important;line-height:1.4!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;}
html body .kmmedia-page--detail .kmmedia-related-expert-card__link{display:inline-flex!important;margin-top:6px!important;color:#a32636!important;font-size:10.5px!important;font-weight:700!important;line-height:1.35!important;text-decoration:none!important;}

@media(max-width:1100px) and (min-width:821px){
  html body .kmmedia-page--detail .kmmedia-related-experts__rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:820px){
  html body .kmmedia-page .kmmedia-profile-picker{padding:13px!important;border-radius:10px!important;}
  html body .kmmedia-page .kmmedia-profile-selected-list{grid-template-columns:minmax(0,1fr)!important;}
  html body .kmmedia-page .kmmedia-profile-picker__search{grid-template-columns:minmax(0,1fr) auto!important;}
  html body .kmmedia-page .kmmedia-profile-picker__search button.is-secondary{grid-column:1/-1!important;width:100%!important;}
  html body .kmmedia-page .kmmedia-profile-results{grid-template-columns:minmax(0,1fr)!important;max-height:300px!important;}
  html body .kmmedia-page button.kmmedia-profile-result{grid-template-columns:44px minmax(0,1fr) auto!important;}
  html body .kmmedia-page .kmmedia-profile-result__photo{width:44px!important;height:44px!important;}

  html body .kmmedia-page--detail .kmmedia-related-experts{margin:12px 10px 0!important;padding:13px 0 13px 13px!important;border-radius:11px!important;overflow:hidden!important;}
  html body .kmmedia-page--detail .kmmedia-related-experts__head{display:block!important;margin-right:13px!important;margin-bottom:10px!important;padding-bottom:9px!important;}
  html body .kmmedia-page--detail .kmmedia-related-experts__head>span{display:block!important;margin-bottom:3px!important;font-size:9px!important;}
  html body .kmmedia-page--detail .kmmedia-related-experts__head h2{font-size:16px!important;}
  html body .kmmedia-page--detail .kmmedia-related-experts__rail{
    display:flex!important;grid-template-columns:none!important;gap:9px!important;width:100%!important;max-width:100%!important;padding:0 13px 3px 0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:0!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
  }
  html body .kmmedia-page--detail .kmmedia-related-experts__rail::-webkit-scrollbar{display:none!important;}
  html body .kmmedia-page--detail .kmmedia-related-expert-card{flex:0 0 min(82vw,300px)!important;width:min(82vw,300px)!important;max-width:min(82vw,300px)!important;grid-template-columns:58px minmax(0,1fr)!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;}
  html body .kmmedia-page--detail .kmmedia-related-expert-card__photo{width:58px!important;height:74px!important;}
  html body .kmmedia-page--detail .kmmedia-related-expert-card h3{font-size:13.5px!important;}
}

/* v1.5.56 picker: exactly eight fetched previews, PC 2×2, mobile 1×1. */
html body .kmmedia-page .kmmedia-profile-results{max-height:none!important;overflow:visible!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body .kmmedia-page .kmmedia-profile-results button.kmmedia-profile-result[hidden]{display:none!important}
html body .kmmedia-page .kmmedia-profile-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:11px 0 0!important}
html body .kmmedia-page .kmmedia-profile-pagination button{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#092747!important;color:#fff!important;font-size:22px!important;cursor:pointer!important}
html body .kmmedia-page .kmmedia-profile-pagination button:disabled{opacity:.3!important;cursor:default!important}
html body .kmmedia-page .kmmedia-profile-pagination>span{min-width:40px!important;color:#344a60!important;font-size:12px!important;text-align:center!important;font-variant-numeric:tabular-nums}
html body .kmmedia-page .kmmedia-related-items-editor{min-width:0!important;width:100%!important}
html body .kmmedia-page--detail .kmmc-rel-public-items{margin:20px 0 15px!important}
@media(max-width:767px){html body .kmmedia-page .kmmedia-profile-results{grid-template-columns:minmax(0,1fr)!important}}

/* v1.5.57: Related blocks belong to the article content column, not its outer border. */
html body .kmmedia-page--detail .kmmedia-detail > .kmmedia-related-live{box-sizing:border-box;min-width:0;padding:0 30px 30px;margin:8px 0 0;}
html body .kmmedia-page--detail .kmmedia-related-live > .kmmc-rel-public{box-sizing:border-box;max-width:100%;margin:28px 0 0!important;padding:24px 0 0!important;}
html body .kmmedia-page--detail .kmmedia-related-live > .kmmc-rel-public:first-child{margin-top:0!important;}
html body .kmmedia-page--detail .kmmedia-related-live .kmmc-rel-links > a{max-width:100%;}
@media(max-width:820px){html body .kmmedia-page--detail .kmmedia-detail > .kmmedia-related-live{padding:0 14px 20px;margin-top:4px;}
html body .kmmedia-page--detail .kmmedia-related-live > .kmmc-rel-public{margin-top:22px!important;padding-top:18px!important;}}
