.area-guide{margin:24px 0;padding:24px;border:1px solid #d4d8cc;border-radius:18px;background:#f8f7f1;color:#293e2d}.area-guide h2{font-size:clamp(24px,3vw,38px);margin:0 0 12px}.area-guide iframe{display:block;width:100%;height:440px;border:1px solid #cbd1c4;border-radius:12px;background:#e7ece6}.area-legend{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.area-legend p{margin:0;font-size:15px;line-height:1.6}.area-dot{display:inline-block;width:18px;height:18px;border-radius:5px;vertical-align:middle;margin-right:8px}.area-core{background:#f4c3ba;border:1px solid #c45e54}.area-extended{background:#fae5af;border:1px solid #c28b22}.area-note{font-size:13px;line-height:1.7;color:#5a675a}.area-rule{font-size:16px;line-height:1.8}.area-page{max-width:1150px;margin:auto;padding:32px 24px 64px}.map-document{margin:0;background:#e7ece6}.map-document #area-map{height:100vh;width:100%;z-index:0}.map-caption{position:absolute;z-index:500;top:0;left:52px;right:8px;background:#fffffff0;border-radius:7px;padding:7px 10px;color:#364534;font:12px/1.4 sans-serif;pointer-events:none}#map-failure{position:absolute;bottom:28px;left:12px;z-index:500;background:#fff;padding:10px;font:13px sans-serif}.leaflet-tooltip{font:600 12px/1.4 sans-serif;color:#294532}.area-page h1{font-size:clamp(34px,5vw,60px);margin:20px 0}@media(max-width:600px){.area-guide{padding:15px}.area-guide iframe{height:360px}.area-legend{grid-template-columns:1fr;gap:10px}.area-page{padding:24px 16px}}
.area-extended{background:#c5daf6;border:1px solid #2457aa}
.area-guide iframe{height:540px}@media(max-width:600px){.area-guide iframe{height:440px}}