.member-account-wrap { position: relative; margin-left: auto; }
.member-account-button { min-height: 42px; max-width: 250px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); padding: 5px 12px 5px 6px; font-weight: 900; cursor: pointer; }
.member-account-button > span:first-child { width: 31px; height: 31px; border-radius: 50%; display: grid; place-items: center; background: var(--green); color: #fff; font-size: .75rem; flex: 0 0 auto; }
.member-account-button > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-account-button:hover,.member-account-button:focus-visible { border-color: var(--green); outline: 3px solid rgba(10,143,88,.13); }
.member-account-menu { position: absolute; right: 0; top: calc(100% + 10px); width: min(340px, calc(100vw - 22px)); padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 18px 50px rgba(6,42,35,.2); z-index: 100; }
.member-account-menu[hidden] { display: none; }
.member-account-menu header { display: flex; align-items: center; gap: 11px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.member-account-menu header > span { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: #e5f7ed; color: var(--green); font-weight: 950; flex: 0 0 auto; }
.member-account-menu header strong,.member-account-menu header small { display: block; }
.member-account-menu header small { color: var(--muted); margin-top: 3px; overflow-wrap: anywhere; }
.member-account-menu dl { margin: 8px 0; }
.member-account-menu dl div { display: grid; grid-template-columns: 95px minmax(0,1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: .82rem; }
.member-account-menu dt { color: var(--muted); }.member-account-menu dd { margin: 0; text-align: right; font-weight: 850; }
.member-account-menu > button { width: 100%; margin-top: 7px; border: 1px solid var(--line); border-radius: 10px; background: #f6fbf7; color: var(--ink); padding: 10px; font-weight: 900; cursor: pointer; }
@media(max-width:560px){.member-account-button>span:last-child{display:none}.member-account-button{padding-right:6px}.member-account-menu{position:fixed;top:72px;right:10px}}