.profile-page { display: grid; --outline-display: grid; gap: 14px; max-width: 760px; padding-bottom: 32px; }
.profile-page[hidden], .profile-card[hidden] { display: none; }
.profile-card { display: grid; gap: 8px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--radius-control); }
.profile-title { margin: 0; font-size: 13px; font-weight: 600; }
.profile-note { color: var(--muted); font-weight: 400; }
.profile-line { margin: 0; color: var(--ink-2); font-size: 13px; line-height: 1.45; }
.profile-strong { color: var(--ink); font-weight: 600; }
.profile-list { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.profile-row { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 6px 10px; border: 1px solid transparent; border-left: var(--edge-w) solid transparent; border-radius: var(--radius-control); }
.profile-row[data-current="true"] { background: var(--emerald-tint); border-left-color: var(--emerald); }
.profile-row-text { flex: 1; min-width: 0; display: grid; gap: 2px; }
.profile-row-name { color: var(--ink); font-size: 13px; font-weight: 600; }
.profile-row-sub { color: var(--muted); font-size: 12px; }
.profile-row kbd { color: var(--muted); font: 11px var(--mono); }
.profile-row button.button { flex: none; }
.profile-row-mode { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; cursor: pointer; }
.profile-row-mode:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }