.overseas-page .benefit-category-switch{position:sticky;top:8px;z-index:850;display:flex;align-items:center;gap:8px;margin:10px 0 14px;padding:9px;border:1px solid #cfe0eb;border-radius:16px;background:#fffffff2;box-shadow:0 8px 24px #173a531c;backdrop-filter:blur(10px)}
.overseas-page .benefit-category-switch>strong{flex:0 0 auto;padding:0 6px;color:#173b52;font-size:12px;white-space:nowrap}
.overseas-page .benefit-category-chips{display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none}
.overseas-page .benefit-category-chips::-webkit-scrollbar{display:none}
.overseas-page .benefit-category-chips a{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:42px;padding:0 13px;border:1px solid #d5e1e9;border-radius:999px;background:#f7fafc;color:#294b5e;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}
.overseas-page .benefit-category-chips a[aria-current="true"]{border-color:#1269d4;background:linear-gradient(135deg,#176ce0,#0f8b83);color:#fff;box-shadow:0 5px 14px #1269d42b}
.overseas-page .benefit-category-switch .category-help{margin-left:auto;color:#667d8b;font-size:11px;white-space:nowrap}
@media(max-width:720px){.overseas-page .benefit-category-switch{top:6px;margin:8px -4px 12px;padding:8px 7px;border-radius:14px}.overseas-page .benefit-category-switch>strong{display:none}.overseas-page .benefit-category-chips{width:100%}.overseas-page .benefit-category-chips a{min-height:44px;padding:0 14px;font-size:13px}.overseas-page .benefit-category-switch .category-help{display:none}.overseas-page #overseas-map.mobile-auto-focused{outline:4px solid #1d73dc;outline-offset:-4px}}

.mobile-overseas-journey{display:none}
@media(max-width:720px){
  .mobile-overseas-journey{position:sticky;top:4px;z-index:860;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 9px;padding:6px;border:1px solid #cfdde7;border-radius:14px;background:#fffffff2;box-shadow:0 7px 20px #173a531b;backdrop-filter:blur(10px)}
  .mobile-overseas-journey a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:6px 8px;border:1px solid #dbe5eb;border-radius:10px;background:#f8fbfc;color:#214657;text-decoration:none}
  .mobile-overseas-journey a:last-child{background:#fff6f1;border-color:#f2d5c9;color:#a64d34}
  .mobile-overseas-journey span{font-size:15px}.mobile-overseas-journey strong{font-size:12px;white-space:nowrap}
  #overseas-explorer,#overseas-places,#affiliate-booking{scroll-margin-top:112px}
}

/* Keep mobile navigation compact and categories visible without sideways scrolling. */
@media(max-width:720px){
  .overseas-page .benefit-category-switch{position:static;margin:8px 0;padding:6px;box-shadow:none}
  .overseas-page .benefit-category-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible}
  .overseas-page .benefit-category-chips a{justify-content:center;min-width:0;min-height:44px;padding:0 3px;font-size:12px;letter-spacing:-.3px;white-space:normal;text-align:center;line-height:1.25;overflow-wrap:anywhere}
  .overseas-page .mobile-overseas-journey a{min-height:44px;padding:4px}
  .overseas-page .map-view-links{display:flex;flex-wrap:wrap;gap:6px}
  .overseas-page .map-view-links a{padding:8px;font-size:12px}
  .overseas-page #owned-map,.overseas-page #overseas-selected{scroll-margin-top:76px}
  .overseas-page #overseas-explorer,.overseas-page #overseas-places,.overseas-page #affiliate-booking{scroll-margin-top:76px}
  .overseas-page .local-tools-kicker{display:none}
  .overseas-page .local-tools{margin:16px 0}
  .overseas-page .local-tools-copy h2{font-size:20px}
  .overseas-page .local-tools-copy p{font-size:13px;line-height:1.5}
}