.kn .article.blog-body .v22-stack{display:grid;gap:8px}.kn .article.blog-body .v22-layer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:4px 16px;padding:8px 12px;border:.5px solid var(--line-2);background:var(--panel);font-size:12px;line-height:1.5;color:var(--muted)}.kn .article.blog-body .v22-layer b{font-weight:600;color:var(--ink)}.kn .article.blog-body .v22-layer.v22-own{border-color:var(--acc-line);background:var(--acc-bg)}.kn .article.blog-body .v22-bars{display:grid;gap:12px}.kn .article.blog-body .v22-bar-row{display:grid;grid-template-columns:152px minmax(0,1fr);gap:16px;align-items:center;font-size:12px;line-height:1.5;color:var(--ink)}.kn .article.blog-body .v22-bar-label b{font-weight:600}.kn .article.blog-body .v22-bar-track{display:block;padding-right:48px}.kn .article.blog-body .v22-bar{display:block;position:relative;height:16px;background:var(--acc)}.kn .article.blog-body .v22-bar.v22-bar-rest{background:var(--faint)}.kn .article.blog-body .v22-bar-value{position:absolute;left:100%;top:50%;transform:translateY(-50%);padding-left:8px;white-space:nowrap;font-family:var(--mono);color:var(--ink)}.kn .article.blog-body .v22-track+.v22-track{margin-top:16px}@media (max-width:560px){.kn .article.blog-body .v22-layer{grid-template-columns:minmax(0,1fr)}.kn .article.blog-body .v22-bar-row{grid-template-columns:128px minmax(0,1fr);gap:12px}}