/* Returning members: sign-up calls to action swap to their member label. */
html[data-member="returning"] .cta-guest, html:not([data-member="returning"]) .cta-member { display:none; }

/* Header account menu */
.account-menu { position:relative; }
.account-menu > summary { list-style:none; cursor:pointer; }
.account-menu > summary::-webkit-details-marker { display:none; }
.account-menu > summary img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.account-menu[open] > summary { box-shadow:0 0 0 2px var(--cyan); }
.account-menu-panel { position:absolute; right:0; top:calc(100% + 10px); z-index:60; display:grid; gap:2px; min-width:220px; padding:8px; border:1px solid var(--line); border-radius:14px; background:var(--surface-card,#0f2230); box-shadow:0 18px 50px rgba(0,0,0,.35); animation:account-menu-in .18s ease; }
.account-menu-id { display:flex; align-items:center; gap:10px; padding:8px 8px 12px; margin-bottom:4px; border-bottom:1px solid var(--line); }
.account-menu-id img { width:36px; height:36px; border-radius:50%; object-fit:cover; }
.account-menu-id strong, .account-menu-id small { display:block; }
.account-menu-id strong { color:var(--ink-strong); font-size:13px; }
.account-menu-id small { color:var(--muted); font-size:11px; }
.account-menu-panel button { display:flex; align-items:center; gap:10px; width:100%; padding:9px 10px; border:0; border-radius:9px; background:none; color:var(--ink); font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.account-menu-panel button:hover, .account-menu-panel button:focus-visible { background:rgba(132,228,229,.1); color:var(--ink-strong); }
.account-menu-panel button svg { width:16px; height:16px; color:var(--cyan); }
@keyframes account-menu-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }
@media (max-width: 820px) { .header-actions .account-menu { display:none; } }