/* Womi public navigation. Edit labels/links here and in the small nav blocks in each page. */
:root{
  --site-nav-paper:#FAF9F5;
  --site-nav-ink:#2E2A22;
  --site-nav-soft:#6F6655;
  --site-nav-line:#E8E2D7;
  --site-nav-green:#3A5A46;
  --site-nav-brass:#9D7A45;
}
.site-nav{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(250,249,245,.94);
  backdrop-filter:saturate(1.25) blur(14px);
  -webkit-backdrop-filter:saturate(1.25) blur(14px);
  border-bottom:1px solid var(--site-nav-line);
  color:var(--site-nav-ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
.site-nav *{box-sizing:border-box}
.site-nav__inner{
  max-width:1180px;
  margin:0 auto;
  padding:12px clamp(18px,4vw,36px);
  display:flex;
  align-items:center;
  gap:18px;
}
.site-nav__brand{
  display:flex;
  align-items:baseline;
  gap:8px;
  text-decoration:none;
  color:var(--site-nav-ink);
  white-space:nowrap;
  min-width:max-content;
}
.site-nav__brand strong{
  font-size:19px;
  letter-spacing:.04em;
  font-weight:800;
}
.site-nav__brand span{
  font-size:12px;
  color:var(--site-nav-brass);
  letter-spacing:.08em;
  font-weight:700;
}
.site-nav__links{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:4px;
  overflow-x:auto;
  scrollbar-width:none;
}
.site-nav__links::-webkit-scrollbar{display:none}
.site-nav__links a{
  flex:none;
  text-decoration:none;
  color:var(--site-nav-soft);
  font-size:14px;
  line-height:1;
  padding:10px 12px;
  border-radius:999px;
  transition:background .16s ease,color .16s ease;
}
.site-nav__links a:hover,
.site-nav__links a.is-active{
  background:#ECE6DA;
  color:var(--site-nav-green);
}
.site-nav__links a.site-nav__cta{
  background:var(--site-nav-green);
  color:#fff;
  padding-inline:16px;
  font-weight:700;
}
.site-nav__links a.site-nav__cta:hover{
  background:#2F4C3A;
  color:#fff;
}
.site-nav__admin{
  display:none;
}
body.womi-edit .site-nav__admin{
  display:inline-flex;
}
@media(max-width:760px){
  .site-nav__inner{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    padding-block:10px;
  }
  .site-nav__links{
    width:100%;
    margin-left:0;
    padding-bottom:2px;
  }
  .site-nav__links a{
    font-size:13px;
    padding:9px 11px;
  }
}