/* In-content figures (G3b): one of four images is shown. Wide 1600x900 above 640 px, narrow 1080x1350 at 640 px
   and below; light or dark by the page theme (html[data-theme]). Hidden images are lazy, so they are not fetched.
   Theme copy: assets/css/figure.css, loaded only on posts whose body has a .sd-figure block. */
.sd-figure{margin:2rem 0}
.sd-figure__img{display:block;width:100%;height:auto;border:1px solid var(--color-border);border-radius:16px}
.sd-figure__img--narrow,.sd-figure__img--dark{display:none}
[data-theme="dark"] .sd-figure__img--wide.sd-figure__img--light{display:none}
[data-theme="dark"] .sd-figure__img--wide.sd-figure__img--dark{display:block}
@media (max-width:640px){
  .sd-figure__img--wide{display:none}
  .sd-figure__img--narrow.sd-figure__img--light{display:block}
  [data-theme="dark"] .sd-figure__img--wide.sd-figure__img--dark,
  [data-theme="dark"] .sd-figure__img--narrow.sd-figure__img--light{display:none}
  [data-theme="dark"] .sd-figure__img--narrow.sd-figure__img--dark{display:block}
}
.sd-figure figcaption{margin-top:.75rem;font-size:.875rem;line-height:1.5;color:var(--color-text-muted);text-align:center}