/* Hand-marked labels; the full navigation links remain clickable. */
.section-nav--ink a { border-radius: 0; }
.section-nav--ink a:hover,
.section-nav--ink a[aria-current="page"],
.section-nav--ink a.is-section-active {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.section-nav--ink .nav-label {
  position: relative;
  display: inline-block;
  isolation: isolate;
}
.section-nav--ink .nav-label::before,
.section-nav--ink .nav-label::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background: currentColor;
  opacity: 0;
}
.section-nav--ink .nav-label::before {
  inset: -3px -7px -2px;
  clip-path: polygon(2% 15%, 17% 8%, 34% 11%, 53% 3%, 72% 8%, 94% 1%, 99% 14%, 97% 44%, 100% 72%, 97% 91%, 80% 96%, 61% 90%, 42% 100%, 23% 93%, 3% 98%, 0% 78%, 2% 51%, 0% 30%);
  transform: rotate(-1.3deg);
}
.section-nav--ink .nav-label::after {
  left: -6px;
  right: -7px;
  bottom: -5px;
  height: 3px;
  clip-path: polygon(0% 48%, 18% 17%, 41% 30%, 65% 4%, 84% 22%, 100% 42%, 98% 69%, 78% 80%, 59% 65%, 38% 96%, 15% 72%, 1% 79%);
  transform: rotate(-.8deg);
}
.section-nav--ink li:nth-child(even) > a .nav-label::before { transform: rotate(.9deg); }
.section-nav--ink a:hover .nav-label::before { opacity: .07; }
.section-nav--ink a.is-section-active .nav-label::before { opacity: .07; }
.section-nav--ink a.is-section-active .nav-label::after { opacity: .35; }
.section-nav--ink a[aria-current="page"] .nav-label::before { opacity: .13; }
.section-nav--ink a[aria-current="page"] .nav-label::after { opacity: .72; }

@media (forced-colors: active) {
  .section-nav--ink .nav-label::before,
  .section-nav--ink .nav-label::after { display: none; }
  .section-nav--ink a[aria-current="page"] { outline: 1px solid Highlight; outline-offset: -3px; }
  .section-nav--ink a.is-section-active { text-decoration: underline; }
  .section-nav--ink a:focus-visible { outline: 2px solid Highlight; outline-offset: 4px; }
}