/* Nikko-Kikai unified global header — isolated namespace for /jigtool/ */
: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}