/* 複眼道場 全体ナビ（gn-*）の共通スタイル。全ページが <link> で読む。
   以前は各ページに <style id="gn-styles"> でコピーしていた（2026-10-05に一本化）。
   ページ固有の差分（パンくず幅など）は各ページの <style id="gn-styles-local"> に置く。 */
.gn-nav{position:fixed;top:0;left:0;right:0;height:44px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:9999;font-family:var(--fk-font,-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif);box-sizing:border-box;width:100%;flex-shrink:0}
.gn-nav a{text-decoration:none}
body{padding-top:60px!important}
.gn-logo{display:flex;align-items:center}.gn-logo img{height:28px;width:auto}
.gn-menu-btn{background:none;border:0;width:36px;height:36px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0;margin-right:-8px}
.gn-menu-btn span{display:block;width:22px;height:2px;background:#1A807F;border-radius:2px;transition:transform .25s,opacity .2s}
body.gn-menu-open .gn-menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.gn-menu-open .gn-menu-btn span:nth-child(2){opacity:0}
body.gn-menu-open .gn-menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.gn-menu-scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s;z-index:9998}
body.gn-menu-open .gn-menu-scrim{opacity:1;pointer-events:auto}
.gn-menu-panel{position:fixed;top:0;right:0;bottom:0;width:min(280px,80vw);background:#fff;box-shadow:-4px 0 24px rgba(0,0,0,.08);transform:translateX(100%);transition:transform .25s ease;z-index:10000;padding:60px 20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}
body.gn-menu-open .gn-menu-panel{transform:translateX(0)}
.gn-menu-sect{display:flex;flex-direction:column;gap:2px}
.gn-menu-h{font-size:11px;font-weight:700;color:#999;letter-spacing:.08em;margin-bottom:6px}
.gn-menu-panel a{display:block;padding:10px 8px;font-size:14px;font-weight:600;color:#2D2D2D;border-radius:6px;text-decoration:none;transition:background .15s}
.gn-menu-panel a:hover{background:#F0F5F2}
.gn-menu-panel a.gn-menu-sub{font-size:12px;color:#888;font-weight:500;margin-top:4px;padding-top:10px;border-top:1px dashed #e5e5e5}
.gn-bc{width:100%;max-width:620px;margin:0 auto;box-sizing:border-box;padding:16px 16px 0;font-size:12px;color:#999;line-height:1.5;flex-shrink:0}
.gn-bc a{color:#888;text-decoration:none}.gn-bc a:hover{text-decoration:underline}
.gn-nr{width:100%;max-width:620px;margin:40px auto 24px;box-sizing:border-box;padding:0 16px}
.gn-nr-t{font-size:13px;font-weight:700;color:#888;margin-bottom:12px;letter-spacing:.02em}
.gn-nr-cards{display:flex;flex-direction:column;gap:10px}
.gn-nr-c{display:block;padding:14px 18px;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;text-decoration:none;transition:border-color .15s}
.gn-nr-c:hover{border-color:#1A807F}
.gn-nr-c span{font-size:14px;font-weight:700;color:#1A807F}
.gn-right{display:flex;align-items:center;gap:10px}
.gn-right #fkHeaderChip{display:inline-flex;align-items:center}