.search-area-picker{margin:24px 0;border-top:1px solid #cbd7e3;border-bottom:1px solid #cbd7e3;padding:16px 0;color:#092343}.search-area-picker summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;min-height:48px}.search-area-picker summary::-webkit-details-marker{display:none}.search-area-picker summary strong{font-size:1rem}.search-area-picker summary small{display:block;font-size:.8rem;color:#536b80;margin-top:6px}.area-picker-toggle{flex-shrink:0;font-size:.78rem;color:#245fa2}.area-picker-toggle>span{display:inline-block;transition:transform .15s}.search-area-picker[open] .area-picker-toggle>span{transform:rotate(180deg)}.search-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0 4px}.search-area-option{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:12px 14px;border:1px solid #b8cadd;background:#fff;border-radius:8px;color:#153652!important;text-decoration:none!important;font-size:.88rem;line-height:1.65;box-sizing:border-box}.search-area-option>span{overflow-wrap:anywhere}.search-area-option small{flex-shrink:0;font-size:.7rem;color:#526b84}.search-area-option[aria-current]{background:#092343;color:#fff!important;border-color:#092343;font-weight:700}.search-area-option[aria-current] small{color:#d3ff51}.search-area-option:hover{border-color:#1768c4;background:#e5effa}.search-area-option[aria-current]:hover{background:#123859}.search-area-picker summary:focus-visible,.search-area-option:focus-visible{outline:3px solid #1768c4;outline-offset:3px}@media(max-width:850px){.search-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.search-area-grid{grid-template-columns:1fr;gap:8px}.search-area-option{min-height:48px;padding:10px 12px}.search-area-picker summary{align-items:flex-start}.area-picker-toggle{margin-top:4px}}

/* Prefecture silhouette and approximate compass-based search areas. */
.area-map-intro{margin:18px 0 12px;color:#334e67;font-size:.9rem}.area-map-all{max-width:440px;margin:0 0 14px}.area-map-board{position:relative;isolation:isolate;overflow:hidden;border:1px solid #bdcfdf;border-radius:18px;background:#edf5fb;padding:40px 18px 22px;min-height:480px}.area-map-outline{position:absolute;inset:7% 5%;width:90%;height:86%;fill:#a9c7b9;stroke:#447669;stroke-width:1;z-index:-1}.area-map-outline>*{vector-effect:non-scaling-stroke}.area-map-north{position:absolute;right:16px;top:12px;color:#234b64;font-weight:800;font-size:.85rem}.area-map-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;min-height:450px;align-items:start}.area-map-zone{min-width:0}.area-map-zone h3{margin:0 0 6px!important;font-size:.78rem!important;color:#234b64;display:inline-block;background:#edf5bf;padding:3px 9px;border-radius:20px}.area-map-zone .search-area-option{background:rgba(255,255,255,.94);box-shadow:0 2px 6px #12385914;min-height:48px;margin-bottom:6px;padding:9px 11px;font-size:.82rem}.area-map-zone .search-area-option[aria-current]{background:#092343}.area-map-zone .search-area-option:hover{background:#e2f1ff;border-color:#1875d0}.area-map-zone .search-area-option[aria-current]:hover{background:#173f69}.area-map-zone.is-empty{visibility:hidden}.area-map-islands{margin-top:16px;padding:14px 18px;border:1px dashed #9bb9ca;border-radius:12px;background:#f4f8fc}.area-map-islands h3{margin:0!important;font-size:.95rem!important}.area-map-islands .search-area-grid{padding-top:10px}.area-map-note{font-size:.76rem;color:#516779;line-height:1.8;margin:12px 0}.area-map-note a{text-decoration:underline}
@media(max-width:600px){.area-map-board{padding:34px 7px 10px;min-height:390px;border-radius:12px}.area-map-directions{gap:22px 5px;min-height:360px}.area-map-zone .search-area-option{display:block;padding:8px 6px;font-size:.76rem;line-height:1.6;min-height:50px}.area-map-zone .search-area-option small{display:block;text-align:right;margin-top:3px}.area-map-zone h3{font-size:.72rem!important;padding:2px 7px}.area-map-islands{padding:12px}.area-map-note{font-size:.72rem}.area-map-outline{inset:4% 2%;width:96%;height:92%}}