/* home.css — блоки главной, которых не было в демо: «Сила профиля». Только токены. */

.hp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 12px}
.hp-step{height:6px;border-radius:var(--r-full);background:var(--muted-bg)}
.hp-step.on{background:var(--primary)}
.hp-level{font-family:var(--font-head);font-weight:700;font-size:1.05rem;margin:0 0 4px}
.hp-text{margin:0;font-size:.9rem;line-height:1.45}
.hp-levels{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted)}
.hp-levels li{display:flex;gap:8px;align-items:baseline}
.hp-levels li.done{color:var(--fg)}
.hp-levels .n{font-family:var(--font-head);font-weight:700;color:var(--primary);min-width:14px}
.hg-empty{color:var(--muted);font-size:.88rem}