@import url('/css/mdx-base.css');   /* central: multilingual fonts application + circular-flag language switcher */

/* Shared MarketDX marketing nav — ONE source of truth (homepage, playground, any future page).
   Ivory floating pill + black logo, self-contained colors (works on light OR dark pages).
   Pages: <link> this, drop a <div id="mdx-nav"></div>, and load /js/site-nav.js. Add top padding
   to your own hero/content to clear the fixed nav (~100px). */
.nav-wrap{position:fixed;top:24px;left:0;right:0;z-index:999;display:flex;justify-content:center;pointer-events:none}
.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1440px}
.nav-inner .logo{grid-column:1;pointer-events:auto;width:56px;height:56px;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);margin-left:32px;justify-self:start;display:block}
.nav-inner .logo img{width:100%;height:100%;object-fit:cover;display:block}
.nav-inner .pill{pointer-events:auto;display:flex;align-items:center;gap:28px;background:#F7F6F2;border-radius:9999px;padding:9px 12px 9px 28px;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);font-size:15px;font-weight:500;justify-self:center}
.nav-inner .pill a{color:#000;text-decoration:none;font-weight:700}.nav-inner .pill a:hover{opacity:.6}
.nav-inner .pill a.cur{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.nav-inner .pill .live{display:flex;align-items:center;gap:8px;background:#000;color:#F7F6F2;border-radius:9999px;padding:9px 18px;font-weight:700}.nav-inner .pill .live:hover{opacity:1;filter:brightness(1.15)}
.nav-right{grid-column:3;justify-self:end;margin-right:32px}
.nav-burger{display:none;pointer-events:auto;width:46px;height:46px;border-radius:14px;background:#F7F6F2;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-burger span{display:block;width:20px;height:2px;background:#000;border-radius:2px}
.nav-menu{display:none;position:fixed;top:86px;left:16px;right:16px;z-index:998;background:#F7F6F2;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);padding:14px;flex-direction:column;gap:2px;pointer-events:auto}
.nav-menu a{padding:13px 16px;border-radius:14px;text-decoration:none;color:#000;font-weight:700;font-size:16px}
.nav-menu .nm-primary{background:#000;color:#F7F6F2;text-align:center;margin-top:6px}
.nav-menu.open{display:flex}
@media(max-width:760px){ .nav-inner .pill{display:none} .nav-burger{display:flex} }
/* language switcher + suggestion banner styles now live in the central /css/mdx-base.css */