.kn-port-map{margin:2rem 0;clear:both}.kn-port-map figure{margin:0}.kn-port-map__open{display:block;position:relative;border:1px solid #c9d8df;border-radius:8px;overflow:hidden;background:#fff;cursor:zoom-in}.kn-port-map__open img{display:block;width:100%;height:auto;max-width:100%}.kn-port-map__hint{display:block;text-align:right;padding:.5rem .8rem;color:#075b71;font-size:.9rem;font-weight:600;background:#f1f6f8}.kn-port-map figcaption{margin:.6rem 0;font-size:.95rem;color:#354f5d;line-height:1.5}.kn-port-map figcaption small{display:block;font-size:.8rem;color:#536b78}.kn-port-map-dialog{box-sizing:border-box;padding:0;border:0;border-radius:10px;width:96vw;max-width:1640px;height:94dvh;max-height:94dvh;margin:auto;color:#082b3a;background:white;overflow:hidden}.kn-port-map-dialog[open]{display:flex;flex-direction:column}.kn-port-map-dialog::backdrop{background:rgba(3,20,30,.85)}.kn-port-map-dialog__bar{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid #d7e2e7}.kn-port-map-dialog__bar h2{margin:0!important;padding:0!important;font:600 1.15rem/1.3 Arial,sans-serif}.kn-port-map-dialog button{min-width:44px;min-height:44px;border:1px solid #b7cbd5;border-radius:5px;background:#fff;color:#082b3a;font:600 1rem Arial,sans-serif;cursor:pointer;padding:.3rem .7rem}.kn-port-map-dialog button:hover{background:#eaf3f6}.kn-port-map-dialog button:disabled{opacity:.4;cursor:default}.kn-port-map-dialog button:focus-visible,.kn-port-map__open:focus-visible,.kn-port-map-dialog__viewport:focus-visible{outline:3px solid #007a98;outline-offset:-3px}.kn-port-map-dialog__tools{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem;border-bottom:1px solid #d7e2e7}.kn-port-map-dialog__tools output{min-width:4rem;text-align:center;font-size:.9rem}.kn-port-map-dialog__viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:none;background:#eff4f6;cursor:grab}.kn-port-map-dialog__viewport img{display:block;height:auto;max-width:none!important;margin:0 auto;user-select:none}.kn-port-map-dialog__viewport:active{cursor:grabbing}@media(max-width:600px){.kn-port-map-dialog{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;border-radius:0}.kn-port-map-dialog__bar{padding:.4rem .6rem}.kn-port-map-dialog__bar h2{font-size:1rem}.kn-port-map__hint{font-size:.85rem}}