/* Site main nav + Grok Bots sub nav for bot blog pages. Generated by brand/src/build_bot_nav.py */

/* global nav (shared: root pages + /guitar) */
html,body{overflow-x:clip!important}
.gn{position:sticky;top:0;z-index:60;font-family:"Space Mono",ui-monospace,monospace;color:#170909}
.gn a{text-decoration:none}
.gn-main{display:flex;align-items:center;gap:14px;background:#fff6e8;border-bottom:3px solid #170909;padding:8px 18px}
.gn-home{font-family:"Archivo Black",Impact,sans-serif;font-size:18px;background:#170909;color:#fff6e8!important;padding:3px 10px;box-shadow:3px 3px 0 #e8392b;white-space:nowrap;text-transform:uppercase}
.gn-main nav{display:flex;gap:4px}
.gn-main nav a{font-weight:700;font-size:13px;text-transform:uppercase;color:#170909;padding:4px 10px;border:2px solid transparent;white-space:nowrap}
.gn-main nav a:hover{border-color:#170909}
.gn-main nav a[aria-current]{background:#ffd23f;border-color:#170909;box-shadow:3px 3px 0 #170909}
.gn-pz{margin-left:auto;font-family:"Archivo Black",Impact,sans-serif;font-size:13px;text-transform:uppercase;background:#e8392b;color:#fff!important;border:3px solid #170909;padding:3px 10px;transform:rotate(3deg);box-shadow:3px 3px 0 #170909;white-space:nowrap}
.gn-pz:hover{transform:rotate(0)}
.gn-sub{display:flex;align-items:center;gap:14px;background:#170909;color:#fff6e8;padding:6px 18px;font-size:12px;font-weight:700;text-transform:uppercase;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.gn-crumbs{display:flex;gap:8px;align-items:center;color:#ffd23f;flex:none;margin:0;padding:0;list-style:none}
.gn-crumbs a{color:#fff6e8;text-decoration:underline;text-underline-offset:3px}.gn-crumbs .sep{opacity:.55}
.gn-div{width:2px;height:16px;background:#fff6e8;opacity:.35;flex:none}
.gn-links{display:flex;gap:4px;flex:none}
.gn-links a{color:#fff6e8;padding:2px 8px;border:2px solid transparent}
.gn-links a:hover{border-color:#fff6e8}
.gn-links a[aria-current]{background:#ffd23f;color:#170909;border-color:#ffd23f}
@media (max-width:600px){.gn-main{gap:6px;padding:6px 10px}.gn-home{font-size:13px;padding:2px 6px;box-shadow:2px 2px 0 #e8392b}.gn-main nav{gap:0}.gn-main nav a{font-size:11px;padding:3px 5px}.gn-pz{font-size:10px;padding:2px 6px;border-width:2px;transform:none;box-shadow:2px 2px 0 #170909}.gn-sub{padding:6px 10px;gap:10px}}
@media print{.gn{display:none!important}}

/* bot pages: fixed nav heights so bot-owned sticky bars can sit right under it */
.gn{--gn-h:78px}
.gn,.gn *{box-sizing:border-box;line-height:1.2;letter-spacing:normal}
.gn-main{height:46px}.gn-sub{height:32px}
.gn nav,.gn ol,.gn li{margin:0;padding:0;list-style:none;background:none;border:0;position:static}
.gn-links,.gn-crumbs,.gn-main nav{display:flex}
body.page-fit-mile .top{top:78px}
body.page-beato-studio .bb-scribble.is-sticky{top:78px}
/* beat bot-page link rules like body.page-hud-cockpit a{...} */
html body .gn a{font-family:"Space Mono",ui-monospace,monospace;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:normal;font-style:normal}
html body .gn .gn-home{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;font-size:18px;color:#fff6e8}
html body .gn .gn-main nav a{color:#170909;font-size:13px}
html body .gn .gn-sub,html body .gn .gn-sub a{font-size:12px}
html body .gn .gn-links a{color:#fff6e8}
html body .gn .gn-links a[aria-current]{color:#170909}
html body .gn .gn-crumbs a{color:#fff6e8;text-decoration:underline;text-underline-offset:3px}
html body .gn .gn-crumbs [aria-current]{color:#ffd23f;font-family:"Space Mono",ui-monospace,monospace}
@media (max-width:600px){.gn-main{height:38px}html body .gn .gn-home{font-size:13px}html body .gn .gn-main nav a{font-size:11px}body.page-fit-mile .top,body.page-beato-studio .bb-scribble.is-sticky{top:70px}}