.audio-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#e8ece2;padding:24px}.audio-pair label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.audio-pair audio{display:block;width:100%;max-width:100%}.small-note{font-size:13px;color:#52696a}.region-picker{display:flex;flex-wrap:wrap;gap:14px}.region-picker button{min-height:48px;padding:12px 18px;border:2px solid #b46b29;background:#fff9ec;color:#714018;font:600 14px sans-serif;cursor:pointer}.region-picker button+button{border-color:#198b98;color:#125b65;background:#eef8f5}.region-picker button[aria-pressed=true]{box-shadow:3px 3px 0 #47686a}.region-picker button:focus-visible{outline:3px solid #213f53;outline-offset:4px}#region-detail{font-size:14px;border-left:3px solid #527a75;padding:16px 20px;background:#e9ede6;margin-top:18px}footer{flex-wrap:wrap}footer p{flex:1 1 300px}section img{cursor:zoom-in}dialog{width:min(1400px,96vw);max-height:95dvh;padding:15px;border:1px solid #5d7b75;background:#f7f6ef}dialog::backdrop{background:#102532bb}dialog img{display:block;width:100%;height:auto}dialog button{min-height:44px;padding:10px 18px;margin-bottom:10px;background:#243e4b;color:white;border:0}@media(max-width:650px){.audio-pair{grid-template-columns:1fr;padding:18px}h1{font-size:52px}.region-picker button{flex:1}}