/* Approved charcoal / fine-gold menu trigger. Geometry and behavior stay unchanged. */
.site-header .menu-button {
  color: #f5f1e7;
  border: 1px solid #997332;
  border-radius: 12px;
  background: linear-gradient(145deg, #272620 0%, #171817 52%, #101110 100%);
  box-shadow: inset 0 1px 0 #e6c47a12, 0 2px 8px #00000028;
  text-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.site-header .menu-button span {
  color: #e7bf62;
  font-family: Arial, sans-serif;
  font-weight: 300;
}
@media (hover: hover) {
  .site-header .menu-button:hover {
    color: #fff9ed;
    border-color: #d1a654;
    background: linear-gradient(145deg, #302d24 0%, #1c1d1a 52%, #141512 100%);
    box-shadow: inset 0 1px 0 #e6c47a20, 0 2px 10px #d6ab3c10;
    filter: none;
    transform: none;
  }
}
.site-header .menu-button:active {
  filter: none;
  transform: none;
  box-shadow: inset 0 1px 4px #00000050;
}
.site-header .menu-button:focus-visible {
  outline: 2px solid #e7bf62;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .site-header .menu-button { transition: none; }
}
@media (forced-colors: active) {
  .site-header .menu-button { background: Canvas; color: ButtonText; border-color: ButtonText; box-shadow: none; }
  .site-header .menu-button span { color: ButtonText; }
  .site-header .menu-button:focus-visible { outline-color: Highlight; }
}
@media print {
  .site-header .menu-button { background: none; color: #111; border-color: #999; box-shadow: none; }
}