.map-layout{align-items:start;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}
.map-detail{padding:0;overflow:auto;max-height:650px}
.region-photo{margin:0;position:relative;background:#1c303b}
.region-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.region-photo img[hidden],.region-photo-placeholder[hidden]{display:none}
.region-photo-placeholder{min-height:190px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 90%,#455b65,#182a36 80%);color:#d6c9aa}
.region-photo[data-region="북부"] .region-photo-placeholder{background:linear-gradient(150deg,#43545e,#152936 75%)}
.region-photo[data-region="남부"] .region-photo-placeholder{background:linear-gradient(140deg,#395c52,#1b3540 80%)}
.region-photo-placeholder span{font:48px Georgia;color:#c5ad7b99}
.region-photo-placeholder strong{font:500 19px 'Noto Serif KR',serif;letter-spacing:3px;margin:10px 0}
.region-photo-placeholder small{color:#a6b3b9;font-size:10px}
.region-photo figcaption{padding:9px 18px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
.region-detail-body{padding:24px}.region-detail-body>h3{font-size:23px}
.region-people{border-top:1px solid var(--line);margin-top:24px;padding-top:17px}
.region-people h4{margin:0 0 12px;font-size:12px;font-weight:500}
.region-people h4>span{margin-left:9px;font:12px Georgia;color:var(--gold)}
.region-person-list{display:grid;gap:8px}
.region-person{display:flex;align-items:center;gap:11px;background:#0d151b65;border:1px solid var(--line);padding:11px;color:var(--white);text-align:left;cursor:pointer;width:100%;font:inherit}
.region-person:hover{border-color:#c5ad7b77;background:#c5ad7b0a}
.region-avatar{flex-shrink:0;width:35px;height:41px;display:grid;place-items:center;background:#31434c;color:var(--gold);font:22px Georgia}
.region-person strong{display:block;font-size:12px;font-weight:500}
.region-person small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.region-person-arrow{color:var(--gold);margin-left:auto;font-size:12px}
.region-people .region-empty{font-size:11px;color:#82949e;margin:0;padding:10px 0}
.region-detail-body .region-data-note{font-size:10px;color:#7f919b;margin-top:25px;line-height:1.8}
@media(max-width:720px){.map-layout{grid-template-columns:minmax(0,1fr)}.map-detail{max-height:none;overflow:visible}.region-photo-placeholder{min-height:170px}.region-detail-body{padding:22px}}