/* ── D-61: 공통 글로벌 헤더 (홈/상세/카테고리 공유) — home_ko.css 헤더 CSS 기반 ── */
.gh{background:var(--bg2);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:100}
.gh-top{max-width:var(--container-max);margin:0 auto;padding:0 24px;height:var(--header-h);display:flex;align-items:center;gap:14px}
.gh-logo{display:flex;align-items:center;gap:9px;flex-shrink:0}
.gh-logo a{display:flex;align-items:center;text-decoration:none}
.gh-logo-name{font-size:var(--font-xl);font-weight:var(--fw-extrabold);letter-spacing:-.4px;color:var(--tx)}
.gh-logo-name em{color:var(--ac);font-style:normal}
.gh-date{font-size:var(--font-xs);color:var(--mu);margin-left:4px}
.gh-langs{margin-left:auto;display:flex;gap:6px}
.gh-lang{display:flex;align-items:center;gap:5px;padding:var(--space-1) 10px;border-radius:20px;font-size:var(--font-xs);font-weight:var(--fw-semibold);text-decoration:none;border:1px solid transparent;transition:all var(--t-base);white-space:nowrap}
.gh-lang.active{background:var(--bg4);color:var(--tx);border-color:var(--bd)}
.gh-lang:not(.active){background:rgba(255,255,255,.06);color:var(--mu);border-color:var(--bd)}
.gh-lang:not(.active):hover{background:rgba(255,255,255,.1);color:var(--tx)}
/* 보조 페이지 메뉴 */
.gh-pnav{border-bottom:1px solid var(--bd);background:rgba(38,208,103,.03)}
.gh-pnav-inner{display:flex;gap:0;max-width:var(--container-max);margin:0 auto;padding:0 24px;overflow-x:auto;scrollbar-width:none}
.gh-pnav-inner::-webkit-scrollbar{display:none}
.gh-pnav a{display:flex;align-items:center;gap:6px;padding:10px var(--space-4);font-size:var(--font-sm);font-weight:var(--fw-semibold);color:var(--tx);text-decoration:none;white-space:nowrap;transition:var(--t-base);border-bottom:2px solid transparent;margin-bottom:-1px}
.gh-pnav a:hover{color:var(--mu);border-bottom-color:rgba(38,208,103,.4);background:rgba(38,208,103,.04)}
.gh-pnav .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--mu)}
/* 카테고리 칩 (메인 .hnav 디자인, a 링크 버전) */
.gh-nav{border-top:1px solid var(--bd);overflow-x:auto;scrollbar-width:none}
.gh-nav::-webkit-scrollbar{display:none}
.gh-nav-inner{display:flex;gap:0;max-width:var(--container-max);margin:0 auto;padding:0 24px}
.gh-chip{display:flex;align-items:center;gap:5px;padding:var(--space-2) 14px;font-size:var(--font-xs);font-weight:var(--fw-medium);color:var(--mu);background:none;border:none;border-bottom:2px solid transparent;white-space:nowrap;transition:var(--t-base);text-decoration:none;margin-bottom:-1px}
.gh-chip:hover{color:var(--tx)}
.gh-chip.active{color:var(--tx);border-bottom-color:var(--ac);font-weight:var(--fw-semibold)}
.gh-chip .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--mu)}
/* source별 점 색상 */
.gh-chip .dot.epic,.gh-chip .dot.prime{background:var(--ac)}
.gh-chip .dot.android,.gh-chip .dot.xbox{background:var(--green)}
.gh-chip .dot.steam{background:var(--brand-steam)}
.gh-chip .dot.itch{background:var(--brand-itch)}
.gh-chip .dot.software{background:var(--brand-software)}
.gh-chip .dot.ios{background:var(--brand-ios)}
.gh-chip .dot.psplus{background:var(--brand-psplus)}
@media(max-width:540px){
  .gh-top,.gh-nav-inner,.gh-pnav-inner{padding:0 14px}
  .gh-date{display:none}
  .gh-lang{padding:4px 8px}
  .gh-pnav a{padding:9px 11px;font-size:var(--font-xs)}
  .gh-chip{padding:7px 10px}
  .gh-nav{position:sticky;top:var(--header-h);z-index:90;background:var(--bg2)}
}