/* ======== Region Select Page (Oracle-style) ======== */
.region-page { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #fff; color: #1f1f1f; min-height: 100vh; }
.region-page .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.region-header { border-bottom: 1px solid #ececec; padding: 22px 0; }
.region-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #161513; font-weight: 600; font-size: 18px; }
.region-logo img { height: 32px; width: auto; }
.region-main { padding: 72px 0 80px 0; }
.region-title { font-size: 40px; font-weight: 300; letter-spacing: -0.5px; margin: 0 0 16px 0; color: #161513; }
.region-desc { font-size: 17px; color: #5c5c5c; margin: 0 0 56px 0; }
.region-group { margin-bottom: 56px; }
.region-group:last-child { margin-bottom: 0; }
.region-group h2 { font-size: 28px; font-weight: 300; color: #161513; margin: 0 0 24px 0; padding-bottom: 12px; border-bottom: 1px solid #ececec; letter-spacing: -0.3px; }
.region-group ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px 16px; }
.region-group li { padding: 10px 0; }
.region-link { display: inline-flex; align-items: center; text-decoration: none; color: #161513; font-size: 15px; line-height: 1.6; padding: 4px 6px; border-radius: 4px; transition: background .15s ease, color .15s ease; }
.region-link:hover { background: #f6f6f6; color: #c74634; text-decoration: none; }
.region-link .flag { font-size: 22px; margin-right: 8px; }
.region-link .check { color: #177649; margin-right: 6px; font-weight: 700; }
.region-link.current { color: #161513; font-weight: 600; }
.region-footer { border-top: 1px solid #ececec; padding: 32px 0; color: #5c5c5c; font-size: 13px; }
@media (max-width: 767px) {
    .region-main { padding: 48px 0 56px 0; }
    .region-title { font-size: 28px; }
    .region-desc { font-size: 15px; margin-bottom: 40px; }
    .region-group { margin-bottom: 40px; }
    .region-group h2 { font-size: 22px; margin-bottom: 16px; }
    .region-group ul { grid-template-columns: 1fr 1fr; gap: 6px 8px; }
}
@media (max-width: 480px) { .region-group ul { grid-template-columns: 1fr; } }