.site-links {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(155px, 1fr) auto minmax(155px, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 70px;
  padding: 10px clamp(18px, 4vw, 72px);
  background: #fbf6eb;
  color: #27362e;
  border-bottom: 1px solid #e4d8c4;
  font-family: 'DM Sans', system-ui, sans-serif;
}
.site-links .site-wordmark { grid-column: 1; color: #27362e; text-decoration: none; font-family: Fraunces, Georgia, serif; font-size: 1.18rem; font-weight: 700; letter-spacing: .05em; white-space: nowrap; }
.site-links nav { grid-column: 2; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: clamp(10px, 1.4vw, 22px); margin: 0; }
.site-links nav a { color: #27362e; text-decoration: none; font-size: .86rem; font-weight: 700; letter-spacing: normal; white-space: nowrap; }
.site-links nav a:hover, .site-links nav a[aria-current=page] { color: #a9513c; text-decoration: underline; text-underline-offset: 5px; }
.site-links .account-area, .site-links #connection { grid-column: 3; justify-self: end; margin: 0; }
@media (max-width: 1050px) {
  .site-links { grid-template-columns: 1fr auto; }
  .site-links nav { grid-column: 1 / -1; grid-row: 2; flex-wrap: wrap; justify-content: flex-start; }
  .site-links .account-area, .site-links #connection { grid-column: 2; grid-row: 1; }
}
@media (max-width: 560px) { .site-links nav { gap: 8px 15px; } .site-links nav a { font-size: .78rem; } }
@media print { .site-links { display: none !important; } }