.media-picture { margin:0; overflow:hidden; border-radius:12px; background:var(--paper,#f4efe6); }
.media-picture img { display:block; width:100%; height:auto; object-fit:cover; }
.media-picture figcaption { padding:10px 14px; background:var(--paper); color:var(--muted); font-size:.73rem; line-height:1.5; }
.media-page-banner { height:clamp(140px,16vw,210px); margin:0 0 24px; border:1px solid var(--line); }
.media-page-banner img { height:100%; object-position:center 54%; }
body:not([data-images=minimal]) .media-has-banner .hero-art,
body:not([data-images=minimal]) .media-has-banner .game-emblem,
body:not([data-images=minimal]) .media-has-banner .exchange-mark { display:none; }
body:not([data-images=minimal]) .hero.media-has-banner { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:28px; align-items:center; }
.media-hero-visual { align-self:stretch; min-height:220px; border-radius:12px; }
.media-hero-visual img { height:100%; object-position:72% center; }
.topic-card > .media-picture { margin:-23px -23px 0; border-radius:12px 12px 0 0; aspect-ratio:4/3; }
.topic-card > .media-picture img { height:100%; }
.media-lesson,.media-detail { margin:20px 0 24px; border:1px solid var(--line); }
.media-lesson img,.media-detail img { max-height:360px; object-fit:cover; }
.media-diagram { margin:22px 0; border:1px solid var(--line); }
.media-diagram img { background:#fffaf1; object-fit:contain; }
.media-setup { height:165px; margin:18px 0; }
.media-setup img { height:100%; object-position:center; }
.auth-aside > .media-picture { margin-top:30px; max-height:230px; }
.auth-aside > .media-picture img { height:230px; }
.nav .icon img { display:block; width:22px; height:22px; }
.media-gallery-link { font-size:.75rem; text-decoration:none; white-space:normal; }
.media-slot:empty { display:none; }
.media-slot { margin:16px 0; }
.media-slot > .media-picture { border:1px solid var(--line); }
.media-slot img { max-height:220px; object-fit:contain; }
.media-slot[data-media-explanatory=true] img { max-height:380px; }
.media-slot.media-inline { max-width:240px; }
.media-slot.media-inline img { aspect-ratio:4/3; max-height:150px; }
.media-slot.media-preview { max-width:160px; }
.media-slot.media-preview img { aspect-ratio:1; object-fit:cover; }
.media-result-row { display:grid; grid-template-columns:160px minmax(0,1fr); gap:20px; align-items:stretch; margin:20px 0 24px; }
.media-result-row .media-slot,.media-result-row .stats { margin:0; }
.media-result img { height:140px; object-fit:cover; }
.media-result-row .stat { display:flex; flex-direction:column; justify-content:center; }
.media-preview-row { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin:8px 0 16px; }
.media-preview-row .media-slot { margin:0; }
.media-preview-row .media-inline { flex:1; }
.media-preview-row .media-preview { flex:0 0 96px; }
.empty > .media-picture { width:140px; margin:0 auto 16px; }
.empty > .media-picture img { aspect-ratio:4/3; object-fit:contain; }
.simulation-bank-brand { display:flex; align-items:center; gap:12px; margin:0 0 18px; }
.simulation-bank-brand img { flex:none; border-radius:11px; }
.simulation-bank-brand strong { display:block; font-size:1.05rem; letter-spacing:-.02em; }
.simulation-bank-brand small { display:block; font-size:.73rem; margin-top:4px; }
.hero .simulation-bank-brand small { color:#d4e1d8; }
.media-customer { width:72px; height:72px; float:right; margin:0 0 12px 12px; border-radius:50%; }
.media-customer img { height:100%; object-fit:cover; }
[data-customer-kind=organization] > .media-customer { border-radius:12px; }
body[data-images=minimal] .media-picture { display:none; }
body[data-images=minimal] .media-slot,body[data-images=minimal] .media-preview-row { display:none; }
body[data-images=minimal] .media-result-row { display:block; }
body:not([data-images=rich]) [data-media-density=rich] { display:none; }
:root[data-appearance=dark] .media-picture img { filter:brightness(.9); }
:root[data-appearance=dark] .media-diagram img { filter:none; }
:root[data-appearance=dark] .nav .icon img { filter:brightness(0) invert(.9); }
@media(max-width:1050px) {
  body:not([data-images=minimal]) .hero.media-has-banner { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:20px; }
}
@media(max-width:720px) {
  .media-page-banner { height:145px; margin-bottom:18px; }
  body:not([data-images=minimal]) .hero.media-has-banner { grid-template-columns:1fr; gap:20px; }
  .media-hero-visual { height:165px; min-height:0; }
  .topic-card > .media-picture { margin:-18px -18px 0; aspect-ratio:16/9; }
  .media-setup { height:115px; }
  .auth-aside > .media-picture { display:none; }
  .media-lesson img,.media-detail img { max-height:250px; }
  .media-slot img { max-height:170px; }
  .media-result-row { grid-template-columns:1fr; gap:14px; }
  .media-result { max-width:140px; }
}
@media print {
  .media-page-banner,.media-hero-visual,.media-gallery-link,.media-slot:not([data-media-explanatory=true]) { display:none; }
  .media-diagram,.media-lesson,.media-detail { break-inside:avoid; }
}