.header .member-header-menu { position: relative; }
.header .member-header-menu > summary { display: block; color: #fff; list-style: none; }
.header .member-header-menu > summary::-webkit-details-marker { display: none; }
.header .member-header-menu > summary:focus-visible { outline: 2px solid #eadfce; outline-offset: 2px; border-radius: 4px; }
.header .member-header-panel {
  position: absolute; right: 0; top: 100%; z-index: 12;
  box-sizing: border-box; width: 210px; max-width: calc(100vw - 32px);
  padding: 8px; border: 1px solid #eadfce; border-radius: 10px;
  background: #fffaf2; color: #7b3f31; box-shadow: 0 10px 30px rgba(78,54,28,0.18);
  font-size: 15px; line-height: 1.5; text-align: left;
}
.header .member-header-name { padding: 10px 36px 12px 12px; margin-bottom: 4px; border-bottom: 1px solid #eadfce; color: #b94732; font-weight: 600; overflow-wrap: anywhere; }
.header .member-header-panel a,
.header .member-header-panel button {
  display: block; box-sizing: border-box; width: 100%; padding: 10px 12px; border: 0; border-radius: 6px;
  background: transparent; color: #7b3f31; font: inherit; text-align: left; text-decoration: none; cursor: pointer;
}
.header .member-header-panel a:hover,
.header .member-header-panel button:hover,
.header .member-header-panel a:focus-visible,
.header .member-header-panel button:focus-visible { background: #fff3df; color: #b94732; outline: none; }
.header .member-header-panel [hidden] { display: none; }
.header .member-header-panel .member-header-close { position: absolute; top: 10px; right: 8px; width: 28px; height: 28px; padding: 0; font-size: 24px; line-height: 28px; text-align: center; }