/* Bring the shared navigation glass into the site's navy, ivory, and honey palette. */
.site-nav .nav-inner {
  border-color: rgba(235, 219, 183, .48);
  background:
    radial-gradient(125% 110% at 50% -25%, rgba(255, 250, 237, .18), transparent 58%),
    radial-gradient(92% 125% at 50% 135%, rgba(197, 163, 79, .16), transparent 62%),
    linear-gradient(160deg, rgba(28, 57, 79, .88), rgba(10, 30, 48, .92));
  -webkit-backdrop-filter: blur(26px) saturate(1.4);
  backdrop-filter: blur(26px) saturate(1.4);
  box-shadow:
    inset 0 1px 1px rgba(255, 250, 237, .28),
    inset 0 -1px 3px rgba(6, 23, 38, .28),
    0 16px 38px rgba(11, 31, 54, .24);
}

.site-nav .nav-links a { color: rgba(255, 250, 239, .94); }
.site-nav .nav-links a::before {
  border-color: rgba(238, 220, 178, .34);
  background: radial-gradient(ellipse at 50% 35%, rgba(255, 248, 226, .24), rgba(225, 200, 144, .07) 62%, transparent 80%);
  box-shadow: 0 0 12px rgba(222, 190, 121, .12);
}
.site-nav .nav-links a:hover,
.site-nav .nav-links a:focus-visible,
.site-nav .nav-links a[aria-current="location"],
.site-nav .nav-links a[aria-current="page"] { color: #fffaf0; }
.site-nav .nav-links a:focus-visible { outline-color: rgba(244, 220, 171, .96); }
.site-nav .nav-links a:last-child {
  border-color: rgba(225, 190, 112, .58);
  background: linear-gradient(145deg, rgba(155, 121, 49, .34), rgba(14, 42, 64, .88));
  box-shadow: inset 0 1px 0 rgba(255, 250, 237, .16), 0 7px 18px rgba(5, 21, 35, .18);
}
.site-nav .nav-links a:last-child:hover,
.site-nav .nav-links a:last-child:hover:not(:focus-visible) {
  background: linear-gradient(145deg, rgba(166, 132, 59, .48), rgba(18, 50, 73, .96));
}
.site-nav .nav-links a:last-child::after { box-shadow: 0 0 0 3px rgba(255, 250, 237, .10); }