/* Shared presentation for approved, uncropped medical illustrations. */
.brb-medical-figure.brb-medical-figure { padding: 0; border: 0; background: transparent; }
.brb-medical-figure.brb-medical-figure > a { cursor: zoom-in; }
.brb-medical-figure.brb-medical-figure img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; }
.brb-medical-figure.brb-medical-figure > a:focus-visible { outline: 3px solid #174e3e; outline-offset: 4px; }
@media (max-width: 699px) {
  .brb-medical-figure.brb-medical-figure {
    position: relative; left: 50%; width: calc(100vw - 32px); max-width: calc(100vw - 32px);
    margin: 16px 0 20px calc((32px - 100vw) / 2); padding: 0;
  }
  .brb-medical-figure.brb-medical-figure figcaption { margin-top: 8px; padding: 0; font-size: 13px; line-height: 1.6; }
}
.brb-medical-zoom {
  box-sizing: border-box; width: calc(100vw - 24px); max-width: 1600px;
  height: calc(100dvh - 24px); max-height: none; margin: auto; padding: 0;
  border: 0; border-radius: 6px; background: #faf9f3; color: #174e3e;
}
.brb-medical-zoom::backdrop { background: rgba(10, 28, 23, .8); }
.brb-medical-zoom[open] { display: flex; flex-direction: column; }
.brb-medical-zoom__toolbar { display: flex; justify-content: flex-end; gap: 8px; padding: 8px; flex: 0 0 auto; }
.brb-medical-zoom__toolbar button { min-width: 44px; min-height: 44px; padding: 8px 14px; border: 1px solid #aab8ad; border-radius: 4px; color: inherit; background: transparent; font: inherit; cursor: pointer; }
.brb-medical-zoom__toolbar button:focus-visible { outline: 3px solid #174e3e; outline-offset: 2px; }
.brb-medical-zoom__canvas { display: flex; flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 12px 12px; }
.brb-medical-zoom__canvas img { display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.brb-medical-zoom__canvas.is-original { display: block; }
.brb-medical-zoom__canvas.is-original img { max-width: none; max-height: none; margin: 0 auto; }
