


[data-mm-header] {
  --mm-bg: #ffffff;
  --mm-text: #4a4458;
  --mm-primary: #15803d;
  --mm-overlay-bg: rgba(60, 43, 78, 0.55);
}

.bench-nav { font-family: inherit; margin-left: auto; }
.bench-list { margin: 0; }

.bench-link {
  font-size: 0.86rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--ink-quiet);
  border-bottom-color: var(--hairline);
  overflow: hidden;
}
.bench-link:hover { color: var(--forest-deep); }

.bench-link--act {
  color: var(--forest-deep);
  font-weight: 700;
}


.bench-link::after {
  content: "";
  display: block;
  height: 2px;
  background: var(--rosegold);
  transform: translateX(-100%);
  transition: transform 0.3s;
}
.bench-link:hover::after,
.bench-link--act::after { transform: translateX(0); }


.bench-toggle span {
  width: 22px;
  height: 2px;
  background: var(--forest-deep);
  border-radius: 2px;
}
.bench-toggle { min-width: 44px; min-height: 44px; margin-left: auto; }

.bench-shut { font-size: 26px; color: var(--forest-deep); min-width: 44px; min-height: 44px; }
.bench-shut:hover { color: var(--forest); }

@media (min-width: 768px) {
  .bench-link { font-size: 0.8rem; letter-spacing: 0.06em; }
  .bench-list .bench-link { padding: 8px 10px; }
}


@media (min-width: 900px) {
  .bench-line { display: inline-block; }
}


@media (min-width: 1100px) {
  .bench-link { white-space: nowrap; }
}
