/* Shared floating top menu for every page except the homepage (which carries the same design inline).
   The markup is written into each page by scripts/build-site-nav.js. */
.ob-head{--ob-text:#23201A;--ob-muted:#6E6558;--ob-dim:#8A8170;--ob-line:#E6E1D5;--ob-line2:#D9D3C4;--ob-panel:#FFFFFF;--ob-bar:rgba(255,255,255,.82);--ob-tint:rgba(35,32,26,.03);--ob-hover:#C85F12;--ob-accent:#E8722C;position:fixed;top:12px;left:0;right:0;z-index:101;padding:0 20px;pointer-events:none;transition:top .2s;font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}
@media (prefers-color-scheme:dark){.ob-head{--ob-text:#E6EDF3;--ob-muted:#8B949E;--ob-dim:#7D8590;--ob-line:#30363D;--ob-line2:#3D444D;--ob-panel:#161B22;--ob-bar:rgba(22,27,34,.82);--ob-tint:rgba(255,255,255,.05);--ob-hover:#FF8C42}}
.ob-head.ob-scrolled{top:6px}
.ob-head *{box-sizing:border-box}
.ob-nav{pointer-events:auto;position:relative;display:block;height:auto;max-width:1240px;margin:0 auto;padding:0;background:var(--ob-bar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ob-line);border-radius:999px;box-shadow:0 6px 24px rgba(35,32,26,.07);transition:box-shadow .2s}
.ob-head.ob-scrolled .ob-nav{box-shadow:0 10px 30px rgba(35,32,26,.13)}
.ob-inner{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 10px 0 20px}
.ob-logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--ob-text);text-decoration:none;white-space:nowrap}
.ob-logo img{height:26px;width:auto;display:block}
.ob-toggle{display:none}
.ob-links{display:flex;flex:1;align-items:center;justify-content:space-between;gap:14px;margin-left:20px}
.ob-group{display:flex;align-items:center;gap:2px;margin:0 auto;padding:3px;border-radius:999px;background:var(--ob-tint)}
.ob-right{display:flex;align-items:center;gap:10px}
.ob-link{display:inline-flex;align-items:center;gap:5px;font:500 12.5px Inter,system-ui,sans-serif;color:var(--ob-muted);background:none;border:0;padding:7px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s}
.ob-link:hover,.ob-dd.ob-open>.ob-link,.ob-link[aria-current],.ob-dd.ob-cur>.ob-link{background:var(--ob-panel);color:var(--ob-text)}
.ob-link:focus-visible,.ob-panel a:focus-visible,.ob-signin:focus-visible,.ob-dl:focus-visible{outline:2px solid var(--ob-accent);outline-offset:1px}
.ob-caret{width:9px;height:6px;transition:transform .2s}
.ob-dd.ob-open .ob-caret{transform:rotate(180deg)}
.ob-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:28px 36px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--ob-panel);border:1px solid var(--ob-line);border-radius:18px;box-shadow:0 16px 40px rgba(35,32,26,.14);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s}
.ob-panel::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.ob-dd.ob-open .ob-panel{opacity:1;visibility:visible;transform:none}
.ob-col{display:flex;flex-direction:column;min-width:0}
.ob-col:first-child{padding-right:40px}
.ob-col+.ob-col{padding-left:40px;border-left:1px solid var(--ob-line)}
.ob-col-head{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--ob-dim);padding-bottom:10px}
.ob-panel a{position:relative;display:block;padding:13px 28px 13px 0;border-top:1px solid var(--ob-line);color:var(--ob-text);text-decoration:none;white-space:normal}
.ob-panel b{display:block;font-size:14px;font-weight:500;line-height:1.4;transition:color .15s}
.ob-panel span{display:block;font-size:12.5px;line-height:1.45;color:var(--ob-muted);margin-top:2px}
.ob-panel a:hover b{color:var(--ob-hover)}
.ob-arr{position:absolute;right:2px;top:50%;margin-top:-7px;display:flex;color:var(--ob-hover);opacity:0;transform:translateX(-6px);transition:opacity .15s,transform .15s}
.ob-panel a:hover .ob-arr,.ob-panel a:focus-visible .ob-arr{opacity:1;transform:none}
.ob-signin{font-size:12.5px;font-weight:600;color:#FFFFFF;background:#2B2A27;border:1px solid transparent;border-radius:999px;padding:7px 16px;text-decoration:none;white-space:nowrap;transition:background .15s}
.ob-signin:hover{background:#3D3B36;color:#FFFFFF}
@media (prefers-color-scheme:dark){.ob-signin{border-color:rgba(255,255,255,.2)}}
.ob-dl{font-size:12.5px;font-weight:600;color:#FFFFFF;background:var(--ob-accent);border-radius:999px;padding:8px 16px;text-decoration:none;white-space:nowrap;transition:background .15s}
.ob-dl:hover{background:#C85F12;color:#FFFFFF}
.ob-spacer{height:76px}
.ob-veil{position:fixed;inset:0;z-index:100;background:rgba(250,250,247,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}
.ob-veil.ob-on{opacity:1;visibility:visible}
@media (prefers-color-scheme:dark){.ob-veil{background:rgba(13,17,23,.55)}}
@media (prefers-reduced-motion:reduce){.ob-head,.ob-panel,.ob-caret,.ob-veil,.ob-arr{transition:none}}
@media (max-width:1140px){.ob-links{margin-left:12px}.ob-link{padding:7px 9px}}
@media (max-width:900px){
.ob-head{top:8px;padding:0 10px}
.ob-head.ob-scrolled{top:6px}
.ob-nav{border-radius:16px}
.ob-inner{height:54px;padding:0 8px 0 14px}
.ob-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;background:transparent;border:1px solid var(--ob-line);border-radius:10px;color:var(--ob-text);cursor:pointer}
.ob-toggle svg{width:20px;height:20px}
.ob-toggle .ob-close{display:none}
.ob-nav.ob-menu .ob-toggle .ob-burger{display:none}
.ob-nav.ob-menu .ob-toggle .ob-close{display:block}
.ob-links{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:0;padding:6px 16px 14px;background:var(--ob-panel);border:1px solid var(--ob-line);border-radius:16px;box-shadow:0 16px 40px rgba(35,32,26,.16);max-height:calc(100vh - 86px);overflow-y:auto}
.ob-nav.ob-menu .ob-links{display:flex}
.ob-group{display:block;margin:0;padding:0;background:none;border-radius:0}
.ob-right{display:block}
.ob-link{display:flex;width:100%;justify-content:space-between;font-size:15px;padding:13px 6px;border-radius:0;border-bottom:1px solid var(--ob-line);text-align:left}
.ob-link:hover,.ob-dd.ob-open>.ob-link,.ob-link[aria-current],.ob-dd.ob-cur>.ob-link{background:none}
.ob-caret{width:11px;height:7px}
.ob-panel{position:static;display:none;padding:4px 0 8px 8px;opacity:1;visibility:visible;transform:none;border:0;border-radius:0;box-shadow:none;background:none;transition:none}
.ob-panel::before,.ob-col-head,.ob-arr{display:none}
.ob-dd.ob-open .ob-panel{display:block}
.ob-col:first-child{padding-right:0}
.ob-col+.ob-col{padding-left:0;border-left:0}
.ob-panel a{padding:9px 6px;border-top:0}
.ob-dl{display:block;margin-top:12px;padding:12px 14px;font-size:14px;text-align:center}
.ob-signin{display:block;margin-top:10px;padding:12px 14px;font-size:14px;text-align:center}
.ob-veil{display:none}
}