.pn-region-map { position: relative; width: 100%; aspect-ratio: 360 / 470; }
.pn-region-map svg { width: 100%; height: 100%; display: block; }
.pn-region-map path { fill: rgba(var(--primary-rgb), .09); stroke: rgb(var(--primary-rgb)); stroke-width: .7; vector-effect: non-scaling-stroke; }
.pn-region-map text { fill: var(--default-text-color); font-size: 9px; pointer-events: none; }
.pn-region-count { position: absolute; transform: translate(-50%, -50%); border: 0; width: 32px; min-width: 32px; height: 32px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; }
.pn-region-table th, .pn-region-table td { font-size: 12px; vertical-align: middle; }
.pn-region-table .pn-region-row { cursor: pointer; }
.pn-region-row:focus-visible { outline: 2px solid rgb(var(--primary-rgb)); outline-offset: -2px; }
.pn-region-thumb { width: 112px; height: 84px; flex: 0 0 112px; border-radius: .375rem; overflow: hidden; }
.pn-region-thumb img { width: 100%; height: 100%; object-fit: cover; }
.pn-region-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(var(--light-rgb)); }
.pn-region-placeholder[hidden], .pn-region-thumb img[hidden] { display: none; }
.pn-region-title { min-width: 220px; max-width: 480px; white-space: normal; }
.pn-region-summary { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media(max-width:575.98px) { .pn-region-thumb { width:80px; height:60px; flex-basis:80px; } }