@import url('./fonts.css');
/* One isolated header for SL Mar pages, articles, apps, and documentation. */
:root{--slmar-header-height:64px}
#slmar-site-header,#slmar-site-header :where(:not(svg):not(path)){all:revert;box-sizing:border-box;font-family:'Work Sans',system-ui,sans-serif;line-height:1.4;letter-spacing:normal;text-transform:none;text-decoration:none}
#slmar-site-header{display:block;position:sticky;top:0;z-index:1200;width:100%;margin:0;padding:0;border:0;border-bottom:1px solid #1e2e40;background:rgba(19,29,40,.97);color:#c8d4df;font-size:14px;-webkit-font-smoothing:antialiased;isolation:isolate}
#slmar-site-header .slmar-header-inner{display:flex;align-items:center;gap:20px;max-width:1180px;min-height:63px;margin:0 auto;padding:0 24px}
#slmar-site-header a{color:#6b7f92;text-decoration:none;cursor:pointer;transition:color .15s}
#slmar-site-header a:hover,#slmar-site-header a[aria-current=page]{color:#c8d4df}
#slmar-site-header a:focus-visible,#slmar-site-header button:focus-visible{outline:2px solid #dbb164;outline-offset:4px;border-radius:2px}
#slmar-site-header .slmar-header-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#c8d4df}
#slmar-site-header .slmar-header-brand img{display:block;width:26px;height:26px;max-width:none;object-fit:contain}
#slmar-site-header .slmar-header-identity{display:flex;flex-direction:column;gap:3px}
#slmar-site-header .slmar-header-identity strong{display:block;font-family:'Bitter',Georgia,serif;font-size:20px;font-weight:700;line-height:22px}
#slmar-site-header .slmar-header-identity>span{display:block;color:#91a3b5;font-size:10px;line-height:13px;white-space:nowrap}
#slmar-site-header #slmar-primary-nav{display:flex;align-items:center;gap:20px;margin-left:auto;position:static;background:none;border:0;padding:0;box-shadow:none;backdrop-filter:none}
#slmar-site-header #slmar-primary-nav a{display:block;position:relative;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;padding:22px 0 21px}
#slmar-site-header #slmar-primary-nav a::after{content:none}
#slmar-site-header #slmar-primary-nav a[aria-current=page]::after{content:none}
#slmar-site-header .slmar-header-social{display:flex;align-items:center;gap:12px;flex-shrink:0}
#slmar-site-header .slmar-header-social a{display:flex;align-items:center;justify-content:center;width:20px;height:28px}
#slmar-site-header .slmar-header-social svg{display:block;width:16px;height:16px;fill:currentColor}
#slmar-site-header .slmar-menu-toggle{display:none;align-items:center;gap:10px;margin-left:auto;padding:9px 10px;background:transparent;color:#c8d4df;border:1px solid #344352;border-radius:4px;font-size:14px;cursor:pointer}
#slmar-site-header .slmar-menu-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
#slmar-site-header [hidden]{display:none}
@media(max-width:1099px){
 #slmar-site-header .slmar-header-inner{flex-wrap:wrap;gap:0 20px}
 #slmar-site-header .slmar-header-brand{height:63px}
 #slmar-site-header .slmar-menu-toggle:not([hidden]){display:flex}
 #slmar-site-header .slmar-header-social{margin-left:auto}
 #slmar-site-header #slmar-primary-nav{order:4;width:100%;margin:0;padding:8px 0 14px;flex-wrap:wrap;gap:0 20px;border-top:1px solid #263746}
 #slmar-site-header #slmar-primary-nav a{padding:12px 0}
 #slmar-site-header[data-enhanced] #slmar-primary-nav{display:none}
 #slmar-site-header[data-menu-open] #slmar-primary-nav{display:flex}
 #slmar-site-header[data-enhanced] .slmar-header-social{margin-left:0}
}
@media(max-width:768px){
 #slmar-site-header .slmar-header-inner{padding:0 20px;gap:0 12px}
 #slmar-site-header .slmar-header-social{display:none}
 #slmar-site-header #slmar-primary-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
 #slmar-site-header[data-menu-open] #slmar-primary-nav{display:grid}
 #slmar-site-header #slmar-primary-nav a{padding:12px 8px}
 #slmar-site-header #slmar-primary-nav a[aria-current=page]::after{content:none}
 #slmar-site-header #slmar-primary-nav a[aria-current=page]{background:#1a2838;border-radius:4px}
}
@media(max-width:380px){#slmar-site-header .slmar-header-identity>span{font-size:9px}#slmar-site-header .slmar-header-inner{gap:0 8px}#slmar-site-header .slmar-menu-toggle{padding:9px 7px}}
/* Keep documentation toolbars and anchor targets below the global navigation. */
body[data-slmar-docs] #slmar-site-header{position:fixed;left:0;right:0}
body[data-slmar-docs] .docs-header{top:var(--slmar-header-height)}
body[data-slmar-docs] .docs-container{margin-top:calc(var(--header-height,60px) + var(--slmar-header-height))}
body[data-slmar-docs] .docs-sidebar{top:calc(var(--header-height,60px) + var(--slmar-header-height))}
body[data-slmar-docs] .docs-content [id]{scroll-margin-top:calc(var(--header-height,60px) + var(--slmar-header-height) + 16px)}
body[data-slmar-utility]{padding:0;align-items:stretch;justify-content:flex-start}
body[data-slmar-utility]>.card{width:calc(100% - 40px);margin:48px auto}
body[data-slmar-utility]>footer{margin-top:auto}
@media(prefers-reduced-motion:reduce){#slmar-site-header a{transition:none}}

@media(max-width:480px){#slmar-site-header .slmar-header-identity>span{display:none}}