.header-actions { display: flex; align-items: center; gap: .75rem; margin-left: auto; }
.access-menu { position: relative; }
.access-menu summary { min-height: 44px; display: inline-flex; align-items: center; gap: .5rem; padding: .7rem 1rem; border: 1px solid #eadfd8; border-radius: 999px; background: white; color: #8e592e; font: 750 .82rem/1.2 "Avenir Next", Avenir, Montserrat, Arial, sans-serif; cursor: pointer; list-style: none; }
.access-menu summary::-webkit-details-marker { display: none; }
.access-menu summary span { transition: transform .2s ease; }
.access-menu[open] summary { border-color: #bb7e45; }
.access-menu[open] summary span { transform: rotate(180deg); }
.access-menu-panel { width: min(310px, calc(100vw - 2rem)); display: grid; gap: .25rem; padding: .55rem; position: absolute; top: calc(100% + .65rem); right: 0; z-index: 40; border: 1px solid #eadfd8; border-radius: 16px; background: white; box-shadow: 0 22px 50px rgba(73, 55, 45, .16); }
.access-menu-panel a { display: grid; gap: .18rem; padding: .8rem .9rem; border-radius: 11px; color: #49372d; text-decoration: none; }
.access-menu-panel a:hover, .access-menu-panel a:focus-visible { background: #fff8f2; outline: none; }
.access-menu-panel strong { font-size: .82rem; }
.access-menu-panel span { color: #76665d; font-size: .7rem; line-height: 1.4; }

@media (max-width: 760px) {
  .header-actions > .button { display: none; }
  .header-actions { gap: 0; }
  .access-menu summary { min-height: 42px; padding: .65rem .9rem; }
}