@font-face {
  font-family:PortSans;
  src:url('/fonts/Lato-Regular.ttf') format('truetype');
  font-display:swap;
  font-weight:400
}

@font-face {
  font-family:PortSans;
  src:url('/fonts/Lato-Bold.ttf') format('truetype');
  font-display:swap;
  font-weight:700
}

@font-face {
  font-family:PortSerif;
  src:url('/fonts/SourceSerif4-Regular.ttf') format('truetype');
  font-display:swap;
  font-weight:400
}

.site-header.site-header {
  box-sizing:border-box;
  width:min(1240px,100%);
  min-height:92px;
  margin:0 auto;
  padding:22px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  font-family:PortSans,Arial,sans-serif;
  color:#263b32;
  border-bottom:1px solid #d8dcd2;
  background:#f6f5ef
}

.site-wordmark {
  font-family:PortSans,Arial,sans-serif;
  font-size:29px;
  font-weight:700;
  letter-spacing:-1.5px;
  text-decoration:none;
  line-height:1.2;
  white-space:nowrap;
  color:#263b32
}

.wordmark-dot {
  color:#758564
}

.site-nav.site-nav {
  display:flex;
  align-items:center;
  gap:28px;
  width:auto;
  flex-wrap:nowrap;
  font-size:14px
}

.site-nav a {
  color:inherit;
  text-decoration:none;
  line-height:1.4
}

.site-nav a:hover,.site-footer a:hover {
  text-decoration:underline;
  text-underline-offset:5px
}

.site-nav [aria-current=page] {
  text-decoration:underline;
  text-underline-offset:5px
}

.site-nav .nav-invoice {
  display:flex;
  gap:22px;
  align-items:center;
  padding:13px 18px;
  border:1px solid #b5bcae;
  border-radius:4px;
  white-space:nowrap
}

.site-nav .tools-menu {
  position:relative;
  border:0
}

.site-nav .tools-menu summary {
  padding:12px 0;
  display:flex;
  gap:8px;
  cursor:pointer;
  list-style:none;
  font-size:14px;
  font-weight:400;
  white-space:nowrap
}

.site-nav .tools-menu summary::-webkit-details-marker {
  display:none
}

.site-nav .tools-menu summary:before {
  content:none
}

.site-nav .tools-menu summary span {
  margin:0;
  font-size:14px;
  color:inherit
}

.tools-dropdown {
  position:absolute;
  z-index:80;
  top:100%;
  left:-20px;
  width:275px;
  background:#fff;
  border:1px solid #d8dcd2;
  border-radius:4px;
  padding:10px;
  box-shadow:0 12px 30px #263b3214
}

.tools-dropdown>a {
  display:block;
  padding:10px;
  font-size:14px
}

.tools-dropdown>a:first-child {
  font-weight:700;
  border-bottom:1px solid #d8dcd2;
  margin-bottom:6px;
  display:flex;
  justify-content:space-between
}

.tools-dropdown>a:hover {
  background:#edf0e7
}

.nav-secondary {
  border-top:1px solid #d8dcd2;
  display:flex;
  gap:14px;
  margin:8px 10px 0;
  padding-top:14px;
  padding-bottom:6px;
  font-size:12px
}

.site-footer.site-footer {
  display:block;
  box-sizing:border-box;
  width:min(1240px,100%);
  margin:0 auto;
  padding:40px 32px 24px;
  border-top:1px solid #d8dcd2;
  color:#586252;
  background:#f6f5ef;
  font-family:PortSans,Arial,sans-serif;
  letter-spacing:0;
  font-size:14px
}

.site-footer-top {
  display:flex;
  gap:32px;
  align-items:center;
  padding-bottom:35px
}

.site-footer-top p {
  margin:0
}

.footer-contact {
  margin-left:auto;
  font-family:PortSerif,Georgia,serif;
  font-size:21px;
  color:#263b32;
  text-decoration:none
}

.site-footer-bottom {
  border-top:1px solid #d8dcd2;
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  font-size:12px;
  line-height:1.7
}

.site-footer-bottom p {
  margin:0;
  white-space:nowrap
}

.site-footer-bottom nav {
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px
}

.site-footer-bottom a {
  color:inherit;
  text-decoration:none
}

.skip-link {
  position:fixed;
  top:10px;
  left:16px;
  z-index:1000;
  padding:12px 20px;
  background:#263b32;
  color:white;
  transform:translateY(-160%);
  border-radius:4px
}

.skip-link:focus {
  transform:translateY(0)
}

:where(a,button,summary,input,select,textarea):focus-visible {
  outline:3px solid #577350;
  outline-offset:4px
}

@media(max-width:760px) {
  .site-header.site-header {
    padding:18px 20px;
    gap:16px;
    flex-wrap:wrap;
    min-height:80px
  }
  .site-nav.site-nav {
    gap:22px;
    font-size:13px;
    flex-wrap:wrap
  }
  .site-nav .nav-help {
    display:none
  }
  .site-nav .nav-invoice {
    padding:10px 12px;
    gap:12px
  }
  .site-footer.site-footer {
    padding:32px 20px 24px
  }
  .site-footer-top {
    align-items:flex-start;
    flex-wrap:wrap;
    gap:14px 24px
  }
  .footer-contact {
    margin-left:0;
    flex-basis:100%
  }
  .site-footer-bottom {
    flex-direction:column;
    gap:16px
  }
}

@media(max-width:520px) {
  .site-header.site-header {
    display:block
  }
  .site-wordmark {
    font-size:27px
  }
  .site-nav.site-nav {
    margin-top:16px;
    justify-content:space-between;
    gap:12px
  }
  .site-nav .tools-menu summary {
    font-size:13px
  }
  .site-nav .nav-invoice {
    gap:7px;
    padding:9px 11px;
    font-size:12px
  }
  .tools-dropdown {
    left:0;
    width:min(275px,calc(100vw - 40px))
  }
}