/* The same site navigation on every page. */
.global-site-header{position:sticky;top:0;z-index:30;display:block;padding:0;background:#fffaf3;color:#282124;border-bottom:1px solid #d8c8b4;font-family:Arial,Helvetica,sans-serif}
.global-nav-wrap{width:min(1240px,90%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:20px}
.global-brand{display:block;font:27px/1 Georgia,'Times New Roman',serif;text-decoration:none;color:#282124;white-space:nowrap}
.global-brand small{display:block;font:10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:2px;color:#741f35;margin-top:8px;text-transform:uppercase}
.global-main-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.8px;text-transform:uppercase}
.global-main-nav a{color:#282124;text-decoration:none;padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap}
.global-main-nav a:hover,.global-main-nav a[aria-current]{color:#741f35;border-bottom-color:#bd8d4a}
.global-site-header a:focus-visible,.show-page-nav a:focus-visible{outline:3px solid #bd8d4a;outline-offset:4px}
.show-page-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:15px 5%;background:#f2e7d7;border-bottom:1px solid #d8c8b4;color:#741f35;font:12px/1.6 Arial,Helvetica,sans-serif}
.show-page-nav span{color:#73666a;text-transform:uppercase;letter-spacing:1.5px;font-size:10px}
.show-page-nav a{text-decoration:none;color:#741f35}
.show-page-nav a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){.global-nav-wrap{flex-direction:column;align-items:flex-start;gap:15px}.global-main-nav{justify-content:flex-start;gap:18px}}
@media(max-width:680px){.global-site-header{position:relative}.global-nav-wrap{padding-block:18px;gap:12px}.global-main-nav{gap:5px 16px;font-size:11px;letter-spacing:.5px}.global-brand{font-size:25px}.show-page-nav{justify-content:flex-start;gap:8px 18px;font-size:11px}.show-page-nav span{width:100%}}

/* Allow for the taller wrapped navigation when following section links. */
.skip{z-index:40}
@media(min-width:681px) and (max-width:980px){html{scroll-padding-top:180px}}
@media(max-width:680px){html{scroll-padding-top:24px}.global-main-nav a{padding-block:12px}}

/* Keep navigation in normal flow on tablets and touch devices. */
@media(max-width:1366px), (hover:none) and (pointer:coarse){
  .global-site-header{position:relative;top:auto}
  html{scroll-padding-top:24px}
}
