.post-content .loyalty-bar-chart{--lbc-columns: minmax(96px, 30%) 1fr 6.75rem;max-width:100%;margin:24px 0 30px;padding:20px;color:var(--ink-body);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box}.post-content .loyalty-bar-chart__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.post-content .loyalty-bar-chart__header h3{margin:2px 0 0;color:var(--ink-emphasis);font-family:var(--font-head);font-size:1.35rem;line-height:1.2}.post-content .loyalty-bar-chart__legend{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;margin:0 0 2px !important;color:var(--ink-muted);font-size:.78rem;white-space:nowrap}.post-content .loyalty-bar-chart__legend span{display:inline-block;width:14px;height:10px;border-radius:0 3px 3px 0;background:var(--accent)}.post-content .loyalty-bar-chart__plot{padding:14px 0 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.post-content .loyalty-bar-chart__row,.post-content .loyalty-bar-chart__axis{display:grid;grid-template-columns:var(--lbc-columns);align-items:center;column-gap:12px}.post-content .loyalty-bar-chart__row{position:relative;padding:7px 0;border-radius:var(--radius-sm);outline:none}.post-content .loyalty-bar-chart__row::after{content:attr(data-tip);position:absolute;z-index:2;bottom:calc(100% - 4px);left:50%;padding:6px 10px;color:var(--ink-emphasis);font-size:.78rem;line-height:1.3;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transform:translate(-50%, 4px);transition:opacity .15s ease,transform .15s ease}.post-content .loyalty-bar-chart__row:hover::after,.post-content .loyalty-bar-chart__row:focus-visible::after{opacity:1;transform:translate(-50%, 0)}.post-content .loyalty-bar-chart__row:hover .loyalty-bar-chart__bar,.post-content .loyalty-bar-chart__row:focus-visible .loyalty-bar-chart__bar{filter:brightness(1.08)}.post-content .loyalty-bar-chart__row:focus-visible{box-shadow:0 0 0 2px var(--accent)}.post-content .loyalty-bar-chart__label{color:var(--ink-body);font-size:.86rem;line-height:1.3}.post-content .loyalty-bar-chart__track{position:relative;height:16px;background-image:linear-gradient(to right, var(--line) 1px, transparent 1px);background-size:25% 100%;background-repeat:repeat-x;box-shadow:inset -1px 0 0 var(--line)}.post-content .loyalty-bar-chart__bar,.post-content .loyalty-bar-chart__range{position:absolute;top:0;bottom:0}.post-content .loyalty-bar-chart__bar{left:0;min-width:4px;background:var(--accent);border-radius:0 4px 4px 0}.post-content .loyalty-bar-chart__bar--open{border-radius:0}.post-content .loyalty-bar-chart__range{border-radius:0 4px 4px 0;background:repeating-linear-gradient(135deg, var(--accent) 0 2px, transparent 2px 6px);box-shadow:inset 0 0 0 1px var(--accent)}.post-content .loyalty-bar-chart__value{color:var(--ink-emphasis);font-size:.86rem;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.3}.post-content .loyalty-bar-chart__axis{padding-top:4px}.post-content .loyalty-bar-chart__ticks{position:relative;height:14px;color:var(--ink-soft);font-size:11px}.post-content .loyalty-bar-chart__ticks span{position:absolute;top:0;transform:translateX(-50%)}.post-content .loyalty-bar-chart__ticks span:nth-child(1){left:0;transform:none}.post-content .loyalty-bar-chart__ticks span:nth-child(2){left:25%}.post-content .loyalty-bar-chart__ticks span:nth-child(3){left:50%}.post-content .loyalty-bar-chart__ticks span:nth-child(4){left:75%}.post-content .loyalty-bar-chart__ticks span:nth-child(5){left:100%;transform:translateX(-100%)}.post-content .loyalty-bar-chart__note{margin:12px 0 0;color:var(--ink-muted);font-size:.8rem;line-height:1.5;text-align:left}@media(max-width: 640px){.post-content .loyalty-bar-chart{--lbc-columns: 1fr auto;padding:16px}.post-content .loyalty-bar-chart__header{flex-direction:column;align-items:flex-start;gap:8px}.post-content .loyalty-bar-chart__row{grid-template-areas:"label value" "track track";row-gap:6px}.post-content .loyalty-bar-chart__label{grid-area:label}.post-content .loyalty-bar-chart__value{grid-area:value}.post-content .loyalty-bar-chart__track{grid-area:track}.post-content .loyalty-bar-chart__axis{grid-template-columns:1fr}.post-content .loyalty-bar-chart__axis>span:first-child,.post-content .loyalty-bar-chart__axis>span:last-child{display:none}}