/* Keep original Companion image classes, sizes and notice bar styling. */
.tri-topic-picture-button{display:block;padding:0;border:0;font:inherit;line-height:normal;text-align:inherit;cursor:zoom-in}
.tri-topic-picture-button .tri-topic-picture{border-radius:10px}
.tri-topic-picture-button:focus-visible{outline:2px solid var(--tri-orange);outline-offset:3px}
@media(max-width:480px){.tri-topic-detail .tri-topic-picture-button{width:120px;height:120px;flex-basis:120px}}
/* Native dialog supplies the top layer; visual values match the existing
   .tri-chat-image-overlay / #tri-image-lightbox-img companion styles. */
dialog.tri-topic-image-zoom{inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;border:0;cursor:zoom-out}
dialog.tri-topic-image-zoom:not([open]){display:none}
dialog.tri-topic-image-zoom::backdrop{background:transparent}
.tri-topic-image-zoom .tri-avatar-wrap{width:min(500px,calc(100vw - 40px),calc(100dvh - 40px));height:auto;aspect-ratio:1;flex:0 0 auto;max-width:100%}
.tri-topic-image-zoom .tri-topic-zoom-image{display:block;width:100%;height:100%;max-width:none;max-height:none;border-radius:24px}
.tri-topic-image-zoom .tri-avatar-overlay{font-family:Roboto,Arial,sans-serif;font-weight:300;pointer-events:none}