/* Musurgia Mundi — figure nel flusso della lettura.
   L'immagine e' incorniciata dal testo: float, non card a colonne. */
.mm-prose-illustrated{display:flow-root}
figure.mm-prose-figure{
  float:right;
  width:min(34%,248px);
  margin:.22rem 0 1.15rem 1.35rem;
  padding:7px;
  border:1px solid var(--line,#c9bca7);
  border-radius:4px;
  background:var(--paper,#f9f4eb);
  box-shadow:0 7px 22px rgba(38,30,24,.12);
}
figure.mm-prose-figure.mm-prose-figure--left{
  float:left;
  margin:.22rem 1.35rem 1.15rem 0;
}
/* I titoli successivi non devono restare affiancati a un'immagine del tema precedente. */
.mm-prose-illustrated > :is(h2,h3,h4){clear:both}

/* Formato contenuto per frontespizi e immagini verticali a fianco dei paragrafi. */
figure.mm-prose-figure.mm-prose-figure--compact{width:min(28%,185px)}
.mm-prose-figure img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
}
.mm-prose-figure figcaption{
  padding:.5rem .25rem .12rem;
  margin:0;
  color:var(--muted,#635b50);
  font:400 .76rem/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow-wrap:anywhere;
}
.mm-prose-figure figcaption a{color:inherit;text-underline-offset:2px}
@media(max-width:700px){
  figure.mm-prose-figure,
  figure.mm-prose-figure.mm-prose-figure--left,
  figure.mm-prose-figure.mm-prose-figure--compact{
    float:none;
    width:min(100%,260px);
    margin:1rem auto 1.25rem;
  }
  /* Le miniature verticali restano piccole anche quando il testo passa sotto. */
  figure.mm-prose-figure.mm-prose-figure--compact{
    width:min(82%,210px);
  }
}
@media print{
  figure.mm-prose-figure{break-inside:avoid;box-shadow:none}
}