/* Shared navigation for the country hub and the existing Korean planner.
   Core palette/control styling stays in ui.css; no behavior or API overrides. */
.bar { flex-wrap:wrap; }
.bar .brand { display:inline-flex; align-items:center; min-height:44px; font-size:20px; }
.bar .theme-select { width:auto; max-width:100%; min-height:44px; padding:8px; border:1px solid var(--control, var(--line)); background:var(--card); color:var(--ink); font-size:14px; border-radius:4px; }
.bar .lang button, .bar .hbtn, .bar .edit { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.bar .lang button { min-width:44px; font-size:14px; }
.destination-return { max-width:1120px; margin:0 auto; padding:0 16px; }
.destination-return a { display:inline-flex; align-items:center; min-height:44px; color:var(--ink2); font-size:14px; text-underline-offset:4px; }
:focus-visible { outline:2px solid var(--focus, var(--ink)); outline-offset:3px; }
@media(max-width:600px) {
 .bar { gap:8px; }
 .bar .theme-select { margin-left:auto; }
 .bar .clocks { order:5; flex-basis:100%; }
 .bar .brand { flex:1 1 auto; }
 .bar .sp { display:none; }
}
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }