#site-nav.site-nav{--paper:#f7f8f2;--ink:#183c34;--ink-soft:#465c54;--navy:#143e36;--accent:#28614e;--rule:#d6dfd1;--accent-line:#bdcfb7;--sans:Arial,Helvetica,sans-serif}
.site-nav,#site-nav.site-nav{height:84px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1200px)/2));background:var(--paper);border-bottom:1px solid var(--rule);font-family:var(--sans)}
.site-nav a.brand,#site-nav.site-nav a.brand{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:15px;line-height:1.25;font-weight:700;letter-spacing:-.03em;color:var(--ink);text-decoration:none;border:0;white-space:nowrap}
.brand-symbol{width:34px;height:36px;display:grid;place-items:center;color:var(--navy);font:28px Georgia,serif;border:1px solid var(--accent-line);border-radius:3px 12px 3px 3px;background:#e6efdf}
.site-nav .nav-links,#site-nav.site-nav .nav-links{display:flex;gap:23px;list-style:none;margin:0;padding:0}
.site-nav .nav-links a,#site-nav.site-nav .nav-links a{display:block;font:14px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-soft);text-decoration:none;border:0;padding:10px 0}
.site-nav .nav-links a:hover,.site-nav .nav-links a[aria-current=page],#site-nav.site-nav .nav-links a:hover,#site-nav.site-nav .nav-links a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.site-nav .nav-demo,#site-nav.site-nav .nav-demo{display:inline-flex;align-items:center;justify-content:center;font:600 14px/1.4 var(--sans);letter-spacing:0;text-transform:none;padding:12px 20px;color:white;background:var(--navy);border:1px solid var(--navy);border-radius:6px;text-decoration:none;white-space:nowrap}
.site-nav .nav-demo:hover{background:var(--accent)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--accent-line);border-radius:5px;color:var(--ink);padding:10px 12px;font:14px var(--sans);cursor:pointer}

#site-nav.site-nav{position:fixed;height:76px}body{padding-top:76px!important}#site-nav .nav-links[hidden]{display:none}
@media(max-width:900px){.menu-toggle{display:block}.site-nav,#site-nav.site-nav{gap:12px;height:76px;flex-wrap:wrap}.site-nav .nav-links,#site-nav.site-nav .nav-links{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:18px 24px;border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:10px 24px}.site-nav .nav-links[hidden],#site-nav.site-nav .nav-links[hidden]{display:none}.site-nav a.brand,#site-nav.site-nav a.brand{margin-right:auto}.site-nav .nav-demo,#site-nav.site-nav .nav-demo{padding:10px 14px}}

@media(max-width:600px){#site-nav.site-nav{padding:0 16px;gap:8px}.brand-symbol{display:none}#site-nav.site-nav a.brand{font-size:13px;max-width:110px;white-space:normal}#site-nav.site-nav .nav-demo{font-size:12px;padding:10px}.menu-toggle{font-size:12px}}