/* GitBook-style guide navigation (drawer on every viewport) */
.g-grid{display:block}
.gn-open{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid #cfdbec;background:#ffffff;color:#0e1f3d;font:600 15px/1 system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.5);cursor:pointer}
.gn-open:active{transform:scale(.97)}
[dir=rtl] .gn-open{left:auto;right:max(14px,env(safe-area-inset-right))}
.gn-scrim{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gn-scrim[hidden],.gn-close[hidden]{display:none}
.gn{position:fixed;z-index:80;top:0;bottom:0;left:0;width:min(84vw,360px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#ffffff;color:#2b3d5c;padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));border-right:1px solid #dbe5f1;transform:translateX(-102%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;font:16px/1.5 system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif}
[dir=rtl] .gn{left:auto;right:0;border-right:0;border-left:1px solid #dbe5f1;transform:translateX(102%)}
.gn.open{transform:none;visibility:visible;transition:transform .25s ease}
.gn-head{display:flex;align-items:center;gap:14px;margin:6px 0 22px}
.gn-logo{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:10px;background:linear-gradient(145deg,#e8f0ff,#d6e4ff);border:1px solid #b8cdf5;color:#1553e6;font:700 26px/1 system-ui,sans-serif}
.gn-head b{font-size:22px;color:#0e1f3d;font-weight:650}
.gn-nav a{display:block;color:#4a5a75;text-decoration:none;padding:10px 6px;border-radius:8px;font-size:16.5px;line-height:1.4;overflow-wrap:anywhere}
.gn-nav a:hover{color:#0e1f3d;background:#eef3fa}
.gn-nav a.on{color:#1553e6;font-weight:600}
.gn-top{font-size:18px!important;padding:12px 6px!important}
.gn-g{margin-top:14px}
.gn-g>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 6px;font-weight:700;font-size:15px;letter-spacing:.02em;color:#0e1f3d;min-height:44px}
.gn-g>summary::-webkit-details-marker{display:none}
.gn-g>summary::after{content:"＋";color:#7a8aa3;font-weight:400}
.gn-g[open]>summary::after{content:"－"}
.gn-g>div{padding:0 0 6px 4px}
[dir=rtl] .gn-g>div{padding:0 4px 6px 0}
.gn-close{position:fixed;z-index:90;top:calc(18px + env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:52px;height:52px;border-radius:14px;border:1px solid #cfdbec;background:#ffffff;color:#0e1f3d;font-size:22px;cursor:pointer}
[dir=rtl] .gn-close{right:auto;left:max(14px,env(safe-area-inset-left))}
.gn a:focus-visible,.gn-open:focus-visible,.gn-close:focus-visible,.gn summary:focus-visible{outline:3px solid #e29a00;outline-offset:2px}
body.gn-lock{overflow:hidden}
:target{scroll-margin-top:84px}
[id^=ind-],[id^=pat-],[id^=strat-],[id^=svc-],#services,main section[id]{scroll-margin-top:84px}
@media(min-width:1100px){
 body.gn-ready .gn{transform:none;visibility:visible;width:300px;box-shadow:none}
 body.gn-ready .gn-open,body.gn-ready .gn-close,body.gn-ready .gn-scrim{display:none!important}
 body.gn-ready header,body.gn-ready main,body.gn-ready footer,body.gn-ready #nexus-expanded-resource-hub{margin-left:300px}
 body.gn-ready main.wide,body.gn-ready main.wrap{max-width:calc(100vw - 340px)}
 [dir=rtl] body.gn-ready header,[dir=rtl] body.gn-ready main,[dir=rtl] body.gn-ready footer,[dir=rtl] body.gn-ready #nexus-expanded-resource-hub{margin-left:0;margin-right:300px}
}
@media(prefers-reduced-motion:reduce){.gn{transition:none}}
.gn .gn-nav{display:block;overflow:visible;gap:0;margin:0;padding:0;mask-image:none;-webkit-mask-image:none}
.gn .gn-nav>a,.gn .gn-nav details a{display:block;white-space:normal}
.card a.gimg{display:block;margin:0 0 10px;border-radius:10px;overflow:hidden}
.card a.gimg img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#eef3fa;border:1px solid #cfdbec;border-radius:10px}
.card a.gimg:focus-visible{outline:3px solid #e29a00;outline-offset:3px}
main img,.g-art img,figure img{max-width:100%;height:auto}
