/* Black global navigation from the existing history surface. Content stays shared. */
.black-nav .layout{padding-top:40px}
.black-nav .rail{height:40px;background:#111;color:#bbc3c7;border-bottom:1px solid #303437;padding:0 24px;gap:25px}
.black-nav .logo{display:flex;height:40px;padding:0;font-size:16px;font-weight:750;line-height:20px;color:#fff}
.black-nav .rail nav{gap:25px;justify-content:flex-start}
.black-nav .rail nav a{height:40px;padding:0;border-radius:0;gap:0;font-size:12px;line-height:18px;font-weight:400;color:#bbc3c7;position:relative}
.black-nav .rail nav a.active{color:#fff;font-weight:600}
.black-nav .rail nav a.active:after{content:"";height:1px;background:#fff;position:absolute;bottom:7px;left:0;right:0}
.black-nav .rail nav a:hover{background:none;color:#fff}
.black-nav .rail nav svg{display:none}
.black-nav .rail>.publish{background:none;border-radius:0;color:#e3e8e8;font-size:12px;font-weight:400;min-height:40px;height:40px;width:auto;margin:0;padding:0}
.black-nav .rail>.publish:hover{background:none;color:#fff}
.black-nav .rail a:focus-visible,.black-nav .rail button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:690px){.black-nav .layout{padding-top:40px}.black-nav .rail{height:40px;padding:0 13px;gap:17px}.black-nav .logo{font-size:16px;height:40px}.black-nav .rail nav{gap:17px;width:auto}.black-nav .rail nav a{font-size:12px;height:40px;padding:0}.black-nav .rail>.publish{font-size:12px;width:auto;min-height:40px;height:40px}}
@media(max-width:360px){.black-nav .rail{padding-inline:10px;gap:12px}.black-nav .rail nav{gap:12px}}