/* More menu (Figma page 07 · More & Settings).
   - .menu-list / .menu-item: the grouped list on the phone "More" tab and the phone settings list (/settings).
   - .menu-pop / .pop-item: the account menu (laptop/desktop, opens from the top-bar avatar) and the rail flyout
     (tablet, opens from the avatar at the bottom of the rail). On /more they render in place as static panels so
     the shell can lift the same markup into a popover. */

.more-title { margin: 0; }

/* Account summary card (phone) */
.account-card { gap: 12px; padding: 16px; }
.account-card .who { display: flex; align-items: center; gap: 12px; }
.account-card .who > div:nth-child(2) { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.account-card hr { width: 100%; height: 1px; margin: 0; border: 0; background: var(--line); }
.writing-as { display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 18px; }

.menu-item.danger, .pop-item.danger { color: var(--danger); }
.more-foot { font-size: 13px; line-height: 18px; color: var(--faint); }
.more-foot a:hover { color: var(--ink-soft); }

/* Which variant shows where on /more */
.only-d { display: none !important; }
@media (min-width: 1200px) { .only-d { display: flex !important; } .only-t { display: none !important; } }
@media (max-width: 767px) { .only-t { display: none !important; } .content { gap: 16px; } }