/* assets/css/study-featurepanel-fix.css
   Patch F2: makes missing/failed featurepanel images visible.
   Load after study-featurepanel.css.
*/

.mk-study-shell .mk-featurepanel-figure {
  position: relative;
}

.mk-study-shell .mk-featurepanel-image-placeholder,
.mk-study-shell .mk-featurepanel-image-error-note {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 220px;
  padding: 18px;
  border-radius: 18px;
  background: repeating-linear-gradient(
    45deg,
    rgba(148, 163, 184, 0.10),
    rgba(148, 163, 184, 0.10) 10px,
    rgba(148, 163, 184, 0.18) 10px,
    rgba(148, 163, 184, 0.18) 20px
  );
  color: #475569;
  text-align: center;
  font-weight: 800;
}

.mk-study-shell .mk-featurepanel-image-placeholder code,
.mk-study-shell .mk-featurepanel-image-error-note code {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 7px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.08);
  color: #0f172a;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.mk-study-shell .mk-featurepanel-image-error-note {
  display: none;
}

.mk-study-shell .mk-featurepanel-image-error img {
  display: none;
}

.mk-study-shell .mk-featurepanel-image-error .mk-featurepanel-image-error-note {
  display: grid;
}


/* v1M3 aliases for current reader containers */
.mk-study-article .mk-featurepanel-figure,
.mg-render-preview .mk-featurepanel-figure,
.vidya-reader-content .mk-featurepanel-figure { position:relative; }
.mk-study-article .mk-featurepanel-image-placeholder,
.mk-study-article .mk-featurepanel-image-error-note,
.mg-render-preview .mk-featurepanel-image-placeholder,
.mg-render-preview .mk-featurepanel-image-error-note,
.vidya-reader-content .mk-featurepanel-image-placeholder,
.vidya-reader-content .mk-featurepanel-image-error-note {
  display:grid;place-items:center;width:100%;min-height:220px;padding:18px;border-radius:18px;background:repeating-linear-gradient(45deg,rgba(148,163,184,.10),rgba(148,163,184,.10) 10px,rgba(148,163,184,.18) 10px,rgba(148,163,184,.18) 20px);color:#475569;text-align:center;font-weight:800;
}
.mk-study-article .mk-featurepanel-image-error-note,
.mg-render-preview .mk-featurepanel-image-error-note,
.vidya-reader-content .mk-featurepanel-image-error-note { display:none; }
.mk-study-article .mk-featurepanel-image-error img,
.mg-render-preview .mk-featurepanel-image-error img,
.vidya-reader-content .mk-featurepanel-image-error img { display:none; }
.mk-study-article .mk-featurepanel-image-error .mk-featurepanel-image-error-note,
.mg-render-preview .mk-featurepanel-image-error .mk-featurepanel-image-error-note,
.vidya-reader-content .mk-featurepanel-image-error .mk-featurepanel-image-error-note { display:grid; }
