.diagram-viewer{width:calc(100% - 24px);max-width:900px;max-height:calc(100dvh - 24px);padding:0;border:0;background:white;color:#19354e;overflow:hidden}
.diagram-viewer::backdrop{background:#102534b3}
.dv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #d9e1e6;font:500 16px/1.6 ToyoSans,sans-serif}
.dv-close{min-width:70px;min-height:44px;flex-shrink:0;border:1px solid #cbd5dc;background:white;color:#19354e;font:14px ToyoSans,sans-serif;cursor:pointer}
.dv-hint{padding:8px 16px;font:12px/1.7 ToyoSans,sans-serif}
.dv-pan{overflow:auto;max-height:calc(100dvh - 170px);overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:white}
.dv-pan>img{display:block;height:auto;max-width:none}
@media(max-width:600px){
#main .dv-parent{overflow:visible!important;min-width:0!important;max-width:100%!important}
#main .dv-wrap{display:block;position:relative;width:100%;min-width:0}
#main .dv-wrap img,#main .dv-wrap picture,#main .dv-wrap svg{display:block;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}
#main .dv-wrap .bar-chart{width:100%;min-width:0}
#main .dv-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in}
#main .dv-trigger:focus-visible{outline:2px solid #004399;outline-offset:2px}
#main .dv-caption{display:block;text-align:center;margin:8px 0;font:13px/1.8 ToyoSans,sans-serif;color:#004399}
#main .dv-hide-hint{display:none!important}
}