.docs-figure { margin: 1.5rem 0 2rem; min-width: 0; }
.docs-figure .docs-shot { display: block; width: 100%; height: auto; margin: 0; }
.docs-figure figcaption { margin-top: .65rem; color: #9e9e9e; font-size: .82rem; line-height: 1.6; }
.docs-image-link { display: block; cursor: zoom-in; border-radius: 12px; }
.docs-image-link:focus-visible { outline: 2px solid #8ab4f8; outline-offset: 5px; }
.docs-image-dialog { box-sizing: border-box; width: min(96vw, 1500px); max-width: 96vw; max-height: 94vh; max-height: 94dvh; border: 1px solid #353535; border-radius: 12px; padding: 3.25rem .75rem .75rem; background: #080808; color: #e8eaed; }
.docs-image-dialog::backdrop { background: rgba(0, 0, 0, .88); }
.docs-image-dialog img { display: block; margin: auto; max-width: 100%; max-height: 80vh; max-height: 80dvh; width: auto; height: auto; object-fit: contain; }
.docs-image-close { position: absolute; top: .65rem; right: .75rem; padding: .45rem .8rem; border: 1px solid #454545; border-radius: 7px; background: #181818; color: #e8eaed; cursor: pointer; font: inherit; }
.docs-image-close:focus-visible { outline: 2px solid #8ab4f8; outline-offset: 2px; }