/* Balanced logo/navigation/actions with a clear central navigation group. */
.site-header { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; padding-block:.5rem; }
.site-header .site-brand { grid-column:1; grid-row:1; justify-self:start; }
.site-header .site-navigation { grid-column:2; grid-row:1; justify-self:center; align-self:center; align-items:center; gap:1.8rem; width:auto; margin:0; padding:0; }
.site-header .site-navigation a { padding:.5rem 0; font-size:1rem; font-weight:650; line-height:1.25; color:var(--ink); }
.site-header .site-navigation a[aria-current=page] { color:var(--accent); }
.site-wallet-area { grid-column:3; grid-row:1; justify-self:end; align-self:center; margin-right:54px; }
.site-wallet-link { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:5px 9px; color:var(--accent); font-size:.95rem; font-weight:750; text-decoration:none; border-radius:9px; }
.site-wallet-link:hover { background:var(--panel-soft); }
.site-credit-icon { width:23px; height:23px; flex-shrink:0; }
.site-account-menu { grid-column:3; grid-row:1; justify-self:end; align-self:center; }
.site-account-menu>div { grid-template-columns:minmax(0,1fr); }
.site-account-menu .site-appearance { grid-column:auto; grid-row:auto; margin:0; justify-self:stretch; }
.site-account-menu>summary { display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:2px; border-radius:50%; list-style:none; }
.site-account-menu>summary::marker { content:''; }
.site-account-menu>summary::-webkit-details-marker { display:none; }
.account-avatar { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:36px; height:36px; border:1px solid var(--border); border-radius:50%; background:var(--panel-soft); color:var(--ink); overflow:hidden; }
.account-avatar>svg { width:23px; height:23px; }
.account-avatar>img { display:block; width:100%; height:100%; object-fit:cover; }
.account-picture-card { display:grid; grid-template-columns:80px minmax(0,1fr); gap:12px 18px; align-items:start; }
.account-picture-card h2 { grid-column:1/-1; }
.account-avatar-preview { width:80px; height:80px; }.account-avatar-preview>svg { width:40px; height:40px; }
.account-picture-card button { font-size:.8rem; margin:0 8px 7px 0; }
.account-picture-card p { font-size:.78rem; color:var(--ink-soft); margin:5px 0; }
.account-picture-status { overflow-wrap:anywhere; }
@media(max-width:800px) {
  .site-header { grid-template-columns:minmax(0,1fr) auto auto; column-gap:.5rem; row-gap:.5rem; }
  .site-brand { grid-column:1; grid-row:1; }
  .site-wallet-area { grid-column:2; grid-row:1; flex-direction:row; align-self:center; margin-right:0; }
  .site-wallet-link { font-size:.9rem; padding:4px; }
  .site-account-menu { grid-column:3; grid-row:1; align-self:center; }
  .site-account-menu>summary { padding:2px; }
  .site-header .site-navigation { grid-column:1/-1; grid-row:2; gap:1.6rem; padding-bottom:0; }
  .site-header .site-navigation a { font-size:.9rem; padding:.3rem 0; }
}