/* Compact navigation shared by all six country pages. */
.jpc-masthead .country-hero-tools { position:relative;display:flex;align-items:center;justify-content:center;width:calc(100% - 144px);min-height:40px;max-width:1280px;margin:0 auto; }
.country-hero-tools .country-nav-toggle { position:absolute;right:0;display:flex;align-items:center;gap:14px;min-height:40px;padding:9px 14px;border:1px solid rgb(255 255 255 / 48%);border-radius:5px;background:rgb(17 26 51 / 36%);color:#fff;font-family:inherit;font-size:calc(14px * var(--country-type-scale, 1));font-weight:500;line-height:1.5;cursor:pointer;transition:background-color .2s,border-color .2s; }
.country-nav-toggle svg { width:16px;height:16px;transition:transform .2s; }
.country-nav-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.country-nav-toggle:hover,.country-nav-toggle[aria-expanded="true"] { background:rgb(29 38 70 / 85%);border-color:#d3d1ef; }
.country-nav-toggle:focus-visible { outline:2px solid #ddd9ff;outline-offset:4px; }
.country-nav-panel { position:fixed;inset:auto;top:var(--country-menu-top,0px);left:var(--country-menu-left,0px);width:min(240px,calc(100vw - 32px));margin:0;padding:8px;border:1px solid #dce0ed;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgb(15 22 46 / 20%);color:#19284b;font-family:Pretendard,sans-serif;font-size:calc(15px * var(--country-type-scale, 1));line-height:1.5;text-align:left; }
/* The archive reset sets nav { display:block }, overriding the browser's hidden popover default. */
.country-nav-panel:not(:popover-open) { display:none; }
.country-nav-panel::backdrop { background:transparent; }
.country-nav-panel a { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:9px 12px;border-radius:5px;color:#263453;text-decoration:none;font-weight:500; }
.country-nav-panel a:hover { background:#f5f6fa;color:#555b9a; }
.country-nav-panel a[aria-current="page"] { background:#efedf9;color:#6861a2;font-weight:650; }
.country-nav-panel a:focus-visible { outline:2px solid #7774b4;outline-offset:-2px; }
@media(max-width:900px) {
 .jpc-masthead .country-hero-tools { width:100%;flex-direction:column;gap:14px; }
 .country-hero-tools .country-nav-toggle { position:static;min-height:38px;padding:8px 12px;font-size:calc(13px * var(--country-type-scale, 1)); }
}
@media(prefers-reduced-motion:reduce) {
 .country-nav-toggle,.country-nav-toggle svg { transition:none; }
}