.page-head { padding: 20px 4px 0; }
.me { display: flex; align-items: center; gap: 14px; }
.me__ava { width: 56px; height: 56px; border-radius: 28px; background: var(--c-accent-soft); color: var(--c-accent-text); display: flex; align-items: center; justify-content: center; font-family: var(--f-display); font-size: 24px; flex: none; }
.meter { height: 10px; border-radius: 5px; background: var(--c-track); overflow: hidden; }
.meter span { display: block; height: 100%; background: var(--c-accent); border-radius: 5px; }
.seg--theme { grid-template-columns: repeat(3, minmax(0,1fr)); }
.seg--theme button { height: 36px; font-size: 14px; }
.nav-row { display: flex; align-items: center; justify-content: space-between; min-height: 56px; border-top: 1px solid var(--c-line); color: var(--c-text); }
.nav-row:first-child { border-top: 0; }
@media (min-width: 1024px) { .page-head { padding: 0; } }