/* Nikko-Kikai unified global header — isolated namespace for category34/whauto */
:root{--nkgh-h:72px;--nkgh-small:58px;--nkgh-gold:#b9934c;--nkgh-ease:cubic-bezier(.2,.75,.2,1)}
.nkgh-nav,.nkgh-nav *,.nkgh-drawer,.nkgh-drawer *{box-sizing:border-box}
.nkgh-nav{position:fixed;inset:0 0 auto;z-index:1400;height:var(--nkgh-h);display:flex;align-items:center;color:#fff;background:rgba(12,13,15,.78);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:height .25s,background .25s}
.nkgh-nav.shrink,.nkgh-nav.is-compact{height:var(--nkgh-small);background:rgba(12,13,15,.95)}
.nkgh-wrap{width:min(1380px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0}
.nkgh-brand{display:inline-flex!important;align-items:center;gap:11px;color:#fff!important;text-decoration:none!important;white-space:nowrap;min-width:0}
.nkgh-brand img{height:28px!important;width:auto!important;max-width:none!important;display:block;transition:height .25s}
.nkgh-nav.shrink .nkgh-brand img,.nkgh-nav.is-compact .nkgh-brand img{height:24px!important}
.nkgh-brand-name{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:800;line-height:1.2;color:#fff!important}
.nkgh-brand-name small{font-size:11px;color:rgba(255,255,255,.64)!important;font-weight:700}
.nkgh-right,.nkgh-links,.nkgh-lang{display:flex;align-items:center}.nkgh-right{gap:12px}.nkgh-links{gap:3px}
.nkgh-dd{position:relative}.nkgh-dd>a{display:inline-flex!important;align-items:center;min-height:38px;padding:0 10px;border-radius:999px;color:rgba(255,255,255,.9)!important;text-decoration:none!important;font-size:12px;font-weight:700;white-space:nowrap}
.nkgh-dd>a:hover,.nkgh-dd.is-open>a{background:rgba(255,255,255,.09)}.nkgh-dd>a[aria-current="page"]{color:#f1d99e!important}
.nkgh-menu{position:absolute;top:calc(100% + 10px);left:0;display:block!important;min-width:250px;max-width:none!important;max-height:none!important;overflow:visible!important;padding:8px;visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;background:rgba(19,20,22,.98);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);transition:.18s}
.nkgh-dd.is-open .nkgh-menu{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.nkgh-menu a{display:flex!important;align-items:center;min-height:42px;padding:8px 12px;border-radius:9px;color:rgba(255,255,255,.82)!important;text-decoration:none!important;font-size:13px;font-weight:500;white-space:nowrap}
.nkgh-menu a:hover{background:rgba(185,147,76,.18);color:#fff!important}
.nkgh-lang{gap:2px;padding:3px;border:1px solid rgba(255,255,255,.15);border-radius:999px}.nkgh-lang a{padding:5px 8px;border:0!important;border-radius:999px;color:rgba(255,255,255,.56)!important;text-decoration:none!important;font-size:10px;font-weight:800;background:transparent!important}.nkgh-lang a[aria-current="page"]{color:#111!important;background:#fff!important}
.nkgh-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;color:#17130c!important;text-decoration:none!important;background:linear-gradient(135deg,#e4c47f,var(--nkgh-gold))!important;box-shadow:none!important;font-size:12px;font-weight:800;white-space:nowrap}
.nkgh-toggle{display:none;min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:transparent;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.nkgh-drawer{position:fixed;inset:0;z-index:1390;display:block!important;visibility:hidden;opacity:0;pointer-events:none;background:rgba(0,0,0,.48);transition:.25s}.nkgh-drawer.is-open{visibility:visible;opacity:1;pointer-events:auto}
.nkgh-panel{position:absolute;top:var(--nkgh-small);right:0;width:min(88vw,370px);height:calc(100% - var(--nkgh-small));padding:18px;overflow:auto;color:#fff;background:#151619;border:0;border-radius:0;box-shadow:none;transform:translateX(100%);transition:.28s var(--nkgh-ease);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.nkgh-drawer.is-open .nkgh-panel{transform:none}
.nkgh-panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.nkgh-panel-head span{color:var(--nkgh-gold);font-size:11px;font-weight:900;letter-spacing:.16em}.nkgh-close{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:transparent;font:inherit;cursor:pointer}
.nkgh-panel details{border-bottom:1px solid rgba(255,255,255,.1)}.nkgh-panel summary{position:relative;padding:16px 34px 16px 2px;list-style:none;font-size:14px;font-weight:800;cursor:pointer;color:#fff}.nkgh-panel summary::-webkit-details-marker{display:none}.nkgh-panel summary:after{content:"+";position:absolute;right:4px;color:var(--nkgh-gold);font-size:20px}.nkgh-panel details[open] summary:after{content:"−"}.nkgh-panel details div{padding:0 0 12px 12px}.nkgh-panel details a{display:block!important;padding:10px 12px;border-radius:9px;color:rgba(255,255,255,.7)!important;text-decoration:none!important;font-size:13px}.nkgh-panel details a:hover{background:rgba(255,255,255,.06);color:#fff!important}
.nkgh-actions{display:grid;gap:8px;margin-top:20px}.nkgh-actions a{display:flex!important;align-items:center;justify-content:center;min-height:48px;border-radius:12px;color:#17130c!important;text-decoration:none!important;background:var(--nkgh-gold)!important;font-weight:800}.nkgh-actions .nkgh-en{color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,.2)}
@media(max-width:1180px){.nkgh-links,.nkgh-lang,.nkgh-cta{display:none!important}.nkgh-toggle{display:inline-flex;align-items:center;justify-content:center}}
@media(max-width:560px){.nkgh-wrap{width:calc(100% - 20px);gap:10px}.nkgh-brand{gap:8px}.nkgh-brand img{height:24px!important}.nkgh-brand-name{display:block;max-width:60vw;overflow:hidden;text-overflow:ellipsis;font-size:12px}.nkgh-brand-name small{font-size:9px;margin-left:5px}.nkgh-toggle{padding:0 11px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.nkgh-nav,.nkgh-brand img,.nkgh-menu,.nkgh-drawer,.nkgh-panel{transition:none!important}}


/* 2026-09-08 dropdown usability fix */
.nkgh-dd{position:relative}
.nkgh-dd::after{
  content:"";
  position:absolute;
  left:-5px;right:-5px;
  top:100%;
  height:16px;
  display:none;
  background:transparent;
  pointer-events:auto;
}
.nkgh-dd.is-open::after{display:block}