.aria-image-figure { margin: 12px 0; max-width: 100%; }
a.aria-image-preview { display: block; width: fit-content; max-width: 100%; padding: 0; border: 1px solid #d7e4e9; border-radius: 10px; overflow: hidden; cursor: zoom-in; background: #f4f8fa; }
a.aria-image-preview > img { display: block; width: auto; height: auto; max-width: min(100%, 340px); max-height: 210px; object-fit: contain; margin: 0; }
a.aria-image-preview:hover { border-color: #1686ad; }
a.aria-image-preview:focus-visible { outline: 3px solid #1686ad; outline-offset: 3px; }
.aria-image-figure > figcaption { margin-top: 5px; font-size: 12px; line-height: 1.4; color: #526875; }
dialog.aria-image-dialog { box-sizing: border-box; width: fit-content; max-width: 96vw; max-height: 96vh; max-height: 96dvh; padding: 44px 16px 12px; margin: auto; border: 0; border-radius: 12px; color: #203541; background: #fff; box-shadow: 0 20px 80px #0006; overflow: auto; }
.aria-image-dialog::backdrop { background: #10212bd9; }
.aria-image-dialog > img { display: block; width: auto; height: auto; max-width: calc(96vw - 32px); max-height: calc(96vh - 115px); max-height: calc(96dvh - 115px); object-fit: contain; margin: auto; }
.aria-image-dialog > img[hidden], .aria-image-dialog [hidden] { display: none; }
.aria-image-dialog .aria-image-dialog__close { position: absolute; right: 7px; top: 5px; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; color: #203541; background: #eef4f7; font-size: 28px; line-height: 1; cursor: pointer; }
.aria-image-dialog .aria-image-dialog__close:focus-visible { outline: 3px solid #1686ad; }
.aria-image-dialog__caption, .aria-image-dialog__notice { margin: 10px 0 0; text-align: center; font: 14px/1.4 sans-serif; overflow-wrap: anywhere; }