.nav-link[data-view="config"] { display: none !important; }
.profilex-account { overflow: hidden; background: #fffdf8; box-shadow: 5px 5px 0 var(--ink); }
.profilex-account-head { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 22px; border-bottom: 2px solid var(--ink); }
.profilex-avatar { display: grid; width: 64px; height: 64px; overflow: hidden; place-items: center; background: var(--yellow); border: 2px solid var(--ink); border-radius: 14px; font-size: 26px; font-weight: 950; }
.profilex-avatar img, .profile-card .avatar img { width: 100%; height: 100%; object-fit: cover; }
.profilex-account h2 { margin: 3px 0 5px; font-size: 22px; }
.profilex-account small { color: #656158; font-size: 9px; line-height: 1.45; }
.profilex-state { padding: 7px 9px; border: 1px solid var(--ink); border-radius: 999px; background: #d9f3df; font-size: 8px; font-weight: 900; }
.profilex-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; padding: 22px; }
.profilex-fields label { display: grid; gap: 7px; }
.profilex-fields label > span { font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.profilex-fields input { min-width: 0; height: 42px; padding: 0 12px; border: 2px solid var(--ink); border-radius: 7px; background: #f6f3eb; color: var(--ink); font: 800 12px inherit; outline: 0; }
.profilex-fields input:focus { background: #fff; box-shadow: 3px 3px 0 var(--yellow); }
.profilex-photo-field { display: grid; grid-column: 1 / -1; gap: 7px; }
.profilex-photo-field > span { font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.profilex-photo-field small { margin-top: -2px; }
.profilex-photo-upload { display: flex; min-height: 42px; align-items: center; gap: 10px; padding: 6px 8px; border: 2px solid var(--ink); border-radius: 7px; background: #f6f3eb; }
.profilex-photo-upload .outline-action { min-height: 28px; padding: 5px 9px; font-size: 9px; cursor: pointer; }
.profilex-photo-upload > span { min-width: 0; overflow: hidden; color: #656158; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.profilex-photo-remove { margin-left: auto; border: 0; background: transparent; color: #a22d24; font: 900 9px inherit; cursor: pointer; text-decoration: underline; }
.profilex-account footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 22px; border-top: 1px solid #cbc6ba; background: #f2efe7; }
.profilex-account footer p { margin: 0; color: #666157; font-size: 9px; font-weight: 700; }
.profilex-account footer p[data-tone="error"] { color: #b12e2e; }
.profilex-account footer p[data-tone="success"] { color: #23733b; }
.profilex-account-actions { display: flex; align-items: center; gap: 9px; }
.profilex-logout { color: #a22d24; border-color: #a22d24; background: #fff8f5; }
.profilex-logout:hover:not(:disabled) { color: #fff; background: #a22d24; }
.profilex-ranking { overflow: hidden; margin-top: 20px; background: #fffdf8; box-shadow: 5px 5px 0 var(--ink); }
.profilex-ranking-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px; border-bottom: 2px solid var(--ink); }
.profilex-ranking-head h2 { margin: 3px 0 5px; font-size: 22px; }
.profilex-ranking-head small { color: #656158; font-size: 9px; }
.profilex-ranking-head > span { padding: 8px 11px; border: 2px solid var(--ink); border-radius: 999px; background: var(--yellow); font-size: 9px; font-weight: 950; text-transform: uppercase; }
.profilex-ranking-list { display: grid; gap: 0; padding: 0 22px; }
.profilex-ranking-row { display: grid; grid-template-columns: 42px 44px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 72px; border-bottom: 1px solid #d8d3c8; }
.profilex-ranking-row:last-child { border-bottom: 0; }
.profilex-ranking-position { display: grid; width: 34px; height: 34px; place-items: center; border: 2px solid var(--ink); border-radius: 10px; background: #f1eee5; font-size: 12px; font-weight: 950; }
.profilex-ranking-row:first-child .profilex-ranking-position { background: var(--yellow); box-shadow: 2px 2px 0 var(--ink); }
.profilex-ranking-avatar { display: grid; width: 40px; height: 40px; overflow: hidden; place-items: center; border: 2px solid var(--ink); border-radius: 50%; background: #ece8dc; font-size: 13px; font-weight: 950; }
.profilex-ranking-avatar img { width: 100%; height: 100%; object-fit: cover; }
.profilex-ranking-copy { min-width: 0; }
.profilex-ranking-copy strong, .profilex-ranking-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profilex-ranking-copy strong { font-size: 12px; }
.profilex-ranking-copy small { margin-top: 3px; color: #716c62; font-size: 9px; }
.profilex-ranking-score { text-align: right; }
.profilex-ranking-score strong, .profilex-ranking-score small { display: block; }
.profilex-ranking-score strong { font-size: 18px; }
.profilex-ranking-score small { color: #716c62; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.profilex-ranking-empty { margin: 0; padding: 24px 0; color: #716c62; font-size: 10px; }
.profilex-ranking-me { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 3px 14px; padding: 15px 22px; border-top: 2px solid var(--ink); background: #f2efe7; }
.profilex-ranking-me > span { font-size: 9px; font-weight: 950; text-transform: uppercase; }
.profilex-ranking-me > strong { grid-row: span 2; font-size: 24px; }
.profilex-ranking-me > small { color: #656158; font-size: 9px; }
.profilex-institutional { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 2px; padding: 18px 20px; border: 1px solid #c9c4b8; border-radius: 12px; background: rgba(255,253,248,.72); }
.profilex-institutional > div { display: grid; gap: 2px; }
.profilex-institutional > div strong { font-size: 12px; }
.profilex-institutional > div small { color: #656158; font-size: 9px; }
.profilex-institutional nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px 14px; }
.profilex-institutional a { color: #454139; font-size: 9px; font-weight: 850; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.profilex-institutional a:is(:hover,:focus-visible) { color: var(--ink); text-decoration-color: currentColor; }
html[data-egghead-theme="dark"] .profilex-institutional { border-color: #55545e; background: #292932; }
html[data-egghead-theme="dark"] .profilex-institutional > div small,
html[data-egghead-theme="dark"] .profilex-institutional a { color: #d1ced7; }
html[data-egghead-theme="dark"] .profilex-institutional a:is(:hover,:focus-visible) { color: #fffdf8; }
@media(max-width:680px){.profilex-account-head{grid-template-columns:58px minmax(0,1fr);padding:17px}.profilex-avatar{width:54px;height:54px;font-size:22px}.profilex-state{grid-column:1/-1;justify-self:start}.profilex-fields{grid-template-columns:1fr;padding:17px}.profilex-photo-upload{flex-wrap:wrap}.profilex-photo-upload > span{flex:1 1 120px}.profilex-account footer{align-items:stretch;flex-direction:column;padding:14px 17px}.profilex-account-actions{display:grid;grid-template-columns:1fr 1fr}.profilex-account footer .dark-action,.profilex-account footer .outline-action{width:100%}.profilex-ranking-head{align-items:flex-start;padding:17px}.profilex-ranking-list{padding:0 17px}.profilex-ranking-row{grid-template-columns:36px 38px minmax(0,1fr) auto;gap:8px}.profilex-ranking-avatar{width:36px;height:36px}.profilex-ranking-me{padding:14px 17px}}
@media(max-width:680px){.profilex-institutional{align-items:flex-start;flex-direction:column;padding:16px}.profilex-institutional nav{justify-content:flex-start}.profilex-institutional a{font-size:10px}}