.monthly-area-figure { margin:0 0 26px; }
.monthly-area-map { position:relative; border-radius:16px; overflow:hidden; border:1px solid #dbe1e6; }
.monthly-area-map>img { display:block; width:100%; height:auto; }
.monthly-area-map>svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.monthly-area-figure figcaption { display:grid; gap:7px; font-size:14px; color:#626a71; line-height:1.6; margin-top:14px; }
.monthly-area-figure figcaption b { color:#303940; font-weight:600; }
.monthly-map-attribution,.monthly-map-attribution a { color:#424a50; font-size:14px; }
.monthly-living-guide a { color:#aa1647; text-underline-offset:3px; }
.monthly-preview-dialog { width:min(1100px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:20px; border:0; border-radius:18px; background:#fff; color:#23272b; box-shadow:0 20px 70px #0005; overflow:auto; }
.monthly-preview-dialog::backdrop { background:#16191deb; }
.monthly-dialog-top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; font-size:15px; }
.monthly-dialog-top button,.monthly-photo-controls button { font:inherit; border:1px solid #d0d6db; border-radius:24px; padding:10px 15px; min-height:44px; cursor:pointer; background:#fff; color:#303940; }
.monthly-dialog-top button span { margin-left:8px; font-size:20px; }
.monthly-preview-dialog .monthly-enlarged-photo { margin:0; }
.monthly-enlarged-photo img { width:100%; height:min(66dvh,680px); object-fit:contain; display:block; background:#f1f2f4; border-radius:10px; }
.monthly-enlarged-photo figcaption { font-size:14px; line-height:1.5; margin-top:12px; color:#505a63; }
.monthly-photo-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; font-size:14px; }
.monthly-map-labels { position:absolute; inset:0; pointer-events:none; }
.monthly-map-label { position:absolute; padding:5px 8px; background:#ffffffed; border:1px solid #a6b2bd; box-shadow:0 2px 5px #29333a18; border-radius:6px; color:#1d2932; max-width:42%; font-size:16px; line-height:1.2; }
.monthly-map-label b { display:block; font-weight:750; }
.monthly-map-label span { display:block; font-size:13px; line-height:1.25; margin-top:3px; font-weight:600; }
.monthly-map-label-school { max-width:40%; }
.monthly-map-open { display:inline-flex; align-items:center; justify-content:center; gap:8px; font:inherit; color:#303940; border:1px solid #c4ccd3; border-radius:22px; padding:10px 15px; min-height:44px; background:#fff; margin-top:12px; cursor:zoom-in; font-size:14px; font-weight:600; }
.monthly-map-scroll { width:100%; overflow-x:auto; overscroll-behavior:contain; border-radius:12px; }
.monthly-map-dialog .monthly-area-map { width:100%; min-width:760px; }
.monthly-map-dialog .monthly-map-attribution { margin:14px 0 0; font-size:14px; line-height:1.5; }
.monthly-map-dialog .monthly-map-help { margin:8px 0 0; font-size:14px; color:#626a71; }
.monthly-map-mobile-pins,.monthly-map-mobile-legend { display:none; }
@media(max-width:700px) {
 .monthly-preview-dialog { width:calc(100vw - 20px); max-width:calc(100vw - 20px); max-height:calc(100dvh - 20px); padding:14px; border-radius:14px; }
 .monthly-dialog-top { font-size:14px; gap:8px; }
 .monthly-enlarged-photo img { height:50dvh; }
 .monthly-photo-controls { gap:6px; font-size:13px; }
 .monthly-photo-controls button { padding:10px 12px; }
 .monthly-photo-enlarge { bottom:12px; right:12px; font-size:12px; }
 .monthly-photo-caption { flex-wrap:wrap; gap:4px 12px; }
 .monthly-area-map .monthly-map-labels { display:none; }
 .monthly-area-map>svg path,.monthly-area-map>svg g { display:none; }
 .monthly-map-mobile-pins { display:block; position:absolute; inset:0; pointer-events:none; }
 .monthly-map-mobile-pins>span { position:absolute; transform:translate(-50%,-50%); width:18px; height:18px; display:grid; place-items:center; border-radius:50%; border:1px solid #fff; background:#a91445; color:#fff; font-size:12px; line-height:1; font-weight:750; }
 .monthly-map-mobile-legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; list-style:none; padding:0; margin:14px 0 0; color:#303940; font-size:13px; line-height:1.35; }
 .monthly-map-mobile-legend li { display:flex; gap:7px; align-items:flex-start; min-width:0; }
 .monthly-map-legend-number { flex:none; width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:#a91445; color:#fff; font-size:12px; line-height:1; font-weight:750; }
 .monthly-map-mobile-legend b { display:block; font-weight:650; }
 .monthly-map-mobile-legend small { display:block; color:#626a71; font-size:12px; line-height:1.4; margin-top:2px; }
 .monthly-map-dialog .monthly-map-mobile-legend { margin-top:14px; }
}
@media(max-width:360px) { .monthly-map-mobile-legend { grid-template-columns:1fr; gap:8px; } }