/* GNX-NAV-RIGHTLINE-ALIGN
   단일 원리:
   - nav gap: 기존 22px의 95% = 20.9px.
   - /canvas, /verify: 위치는 기존 유지, gap만 축소.
   - /, /docs, /docs/*.html: JS가 실제 콘텐츠 오른쪽 edge를 측정하여 nav right에 주입.
*/

:root{
  --gnx-nav-gap-95:20.9px;
  --gnx-nav-rightline-inset:34px;
}

/* 모든 20개 화면: 세 링크 간격 5% 축소 */
html .idbar .nav,
html .idbar nav.nav,
html .idbar nav,
html header .nav,
html header nav.nav,
html header nav,
html [data-gnx-nav],
html [data-gnx-nav="1"],
html [data-gnx-nav="2"],
html [data-gnx-nav-unified="1"]{
  gap:var(--gnx-nav-gap-95) !important;
}

/* 위치 보정 대상 18개: home + docs index + docs viewer 16 */
@media (min-width:901px){
  html[data-gnx-nav-scope="home"] .idbar [data-gnx-nav-unified="1"],
  html[data-gnx-nav-scope="home"] header [data-gnx-nav-unified="1"],
  html[data-gnx-nav-scope="docs-index"] .idbar [data-gnx-nav-unified="1"],
  html[data-gnx-nav-scope="docs-index"] header [data-gnx-nav-unified="1"],
  html[data-gnx-nav-scope="doc-viewer"] .idbar [data-gnx-nav-unified="1"],
  html[data-gnx-nav-scope="doc-viewer"] header [data-gnx-nav-unified="1"]{
    position:absolute !important;
    top:50% !important;
    right:var(--gnx-nav-rightline-inset) !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    white-space:nowrap !important;
    gap:var(--gnx-nav-gap-95) !important;
  }
}

/* 모바일은 기존 흐름 보존 */
@media (max-width:900px){
  html .idbar [data-gnx-nav-unified="1"],
  html header [data-gnx-nav-unified="1"]{
    gap:var(--gnx-nav-gap-95) !important;
  }
}