/* The atlas network header (SiteHeader in the atlas repos), written out from its Tailwind classes.
   Markup comes from header.py. Every rule is scoped to .nh so a tool page's own styles cannot reach in.
   Labs' accent is ink (#15171B), per the brand system. */
.nh{--nh-paper:#FAF8F4;--nh-surface:#F4F0E9;--nh-sunken:#EDE7DC;--nh-rule:#DED6C8;--nh-ink:#15171B;--nh-inksoft:#3C4149;--nh-muted:#6B7078;--nh-accent:#15171B;
  display:block;border-bottom:1px solid var(--nh-rule);background:var(--nh-paper);color:var(--nh-ink);
  font-family:Archivo,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.65;letter-spacing:normal;text-transform:none;font-feature-settings:"tnum";text-align:left;-webkit-tap-highlight-color:transparent}
.nh *,.nh *::before,.nh *::after{box-sizing:border-box}
.nh ul{list-style:none;margin:0;padding:0}
.nh li{display:list-item;margin:0;padding:0;border:0;background:none;font:inherit;grid-template-columns:none}
.nh li:hover{background:none}
.nh a{color:inherit;text-decoration:none;background:none}
.nh img,.nh svg{display:block;max-width:none;min-width:0;border:0}
.nh :focus-visible{outline:revert;outline-offset:revert}
.nh-nav{position:relative;max-width:72rem;margin:0 auto;padding:0 24px}
.nh-bar{display:flex;height:64px;align-items:center;gap:24px;padding-right:52px}
.nh .nh-lock{display:flex;flex:none;width:auto;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--nh-ink)}
.nh .nh-lock img{width:22px;height:22px}
.nh .nav-primary{display:none;flex:1 1 0%;align-items:center;justify-content:center;gap:32px;font-size:14px;font-weight:500;color:var(--nh-ink)}
.nh .nav-primary a{border-bottom:2px solid transparent;padding-bottom:2px}
.nh .nav-primary a:hover{border-color:var(--nh-accent);color:var(--nh-accent)}
.nh .nav-primary a[aria-current=true]{border-color:var(--nh-accent)}
@media (min-width:900px){.nh .nh-lock{width:200px}.nh .nav-primary{display:flex}}
.nh .nh-menu{display:block;margin:0;padding:0;border:0}
.nh .nh-menu>summary{position:absolute;right:24px;top:10px;display:flex;width:44px;height:44px;cursor:pointer;list-style:none;align-items:center;justify-content:center;border-radius:.25rem;margin:0;padding:0;font:inherit;letter-spacing:normal;text-transform:none;min-height:0;color:var(--nh-ink)}
.nh .nh-menu>summary::-webkit-details-marker{display:none}
.nh .nh-menu>summary::after{content:none}
.nh .nh-menu>summary:hover{background:var(--nh-surface)}
.nh .nh-menu[open]>summary{background:var(--nh-ink);color:var(--nh-paper)}
.nh .nh-ic-close{display:none}
.nh .nh-menu[open] .nh-ic-open{display:none}
.nh .nh-menu[open] .nh-ic-close{display:block}
.nh .menu-panel{max-height:calc(100vh - 56px);overflow-y:auto;border-top:1px solid var(--nh-rule);padding:32px 0}
@media (min-width:900px){.nh .menu-panel{max-height:480px}}
.nh .nh-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:32px}
@media (min-width:640px){.nh .nh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.nh .nh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nh .nh-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--nh-accent);margin:0}
.nh .nh-label.nh-muted{color:var(--nh-muted)}
.nh .nh-list{margin-top:16px;font-size:15px;font-weight:500;line-height:1.3;color:var(--nh-ink)}
.nh .nh-list>li+li{margin-top:10px}
.nh .nh-list.nh-soft{color:var(--nh-inksoft)}
.nh .nh-list a:hover{color:var(--nh-accent)}
.nh .nh-row{display:flex;justify-content:space-between;gap:12px}
.nh .nh-hub{font-weight:600;color:var(--nh-accent)}
.nh .nh-list>li.nh-net{border-top:1px solid var(--nh-sunken);padding-top:14px}