figure.schema{margin:1.4rem 0;text-align:center;break-inside:avoid}
figure.schema svg{display:block;width:100%;max-width:100%;height:auto;background:#fff;border:1px solid #CCC;padding:.4rem;overflow:visible}
figure.schema img{max-width:100%;height:auto;display:block;margin:0 auto;background:#fff;border:1px solid #CCC}
#fig-bq-dremel-tree img{width:100%;box-sizing:border-box}
.bq-console-annotated{position:relative;max-width:1142px;margin:0 auto}
.bq-console-annotated img{width:100%;max-width:100%}
.bq-console-marker{position:absolute;z-index:1;display:grid;place-items:center;width:1.8rem;height:1.8rem;border:2px solid #fff;border-radius:50%;background:#003399;color:#fff;font-weight:700;box-shadow:0 1px 3px rgb(0 0 0 / .35)}
.bq-console-marker-1{left:3%;top:28%}
.bq-console-marker-2{left:36%;top:30%}
.bq-console-marker-3{left:52%;top:15%}
.bq-console-marker-4{left:55%;top:68%}
figcaption{text-align:left;margin-top:.45rem;font-size:.85rem;color:#555}
figcaption strong{color:#003399}
.fig-legende{font-size:.8rem;color:#555}

.bq-diptych{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}
.bq-diptych img{flex:1 1 360px;max-width:48%}
@media (max-width:760px){.bq-diptych img{max-width:100%;flex-basis:100%}}

/* Native details open when a figure inside is targeted by a fragment link. */
details.complement{margin:1.2rem 0;padding:.75rem 1rem;border:1px solid #d5dce5;border-left:4px solid #003399;border-radius:.25rem}
details.complement>summary{font-weight:600;cursor:pointer}
details.complement[open]>summary{margin-bottom:1rem}

main :not(pre)>code{white-space:normal;overflow-wrap:anywhere}
@media (max-width:760px){
  main table{display:block;max-width:100%;overflow-x:auto}
}