.style-badge[data-v-960cce00]{display:inline-flex;align-items:stretch;min-width:0;max-width:100%;font-size:var(--font-size-md);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-fast)}.style-badge[data-v-960cce00]:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle))}.style-badge-rank[data-v-960cce00],.style-badge-name[data-v-960cce00],.style-badge-temp[data-v-960cce00]{padding:2px 4px;line-height:1.35;display:inline-flex;align-items:center}.style-badge-rank[data-v-960cce00]{border:none;background:none;font:inherit;text-align:inherit;flex:0 0 auto;color:var(--accent);font-weight:600;cursor:pointer}.style-badge-rank[data-v-960cce00]:hover{text-decoration:underline}.style-badge-name[data-v-960cce00]{border:none;background:none;font:inherit;text-align:inherit;flex:0 1 auto;min-width:0;color:var(--text-primary);font-weight:500;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast);border-left:1px solid var(--border-subtle)}.style-badge-name[data-v-960cce00]:first-child{border-left:none}.style-badge-name.style-badge-clickable[data-v-960cce00]{cursor:pointer}.style-badge-name.style-badge-clickable[data-v-960cce00]:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);text-decoration:underline}.style-badge-rank[data-v-960cce00]:focus-visible,.style-badge-name[data-v-960cce00]:focus-visible{outline-offset:-2px}.style-badge-temp[data-v-960cce00]{flex:0 0 auto;color:var(--text-muted);white-space:nowrap;border-left:1px solid var(--border-subtle)}.rank-tooltip{position:fixed;z-index:var(--z-modal);max-width:320px;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-primary);line-height:1.4;box-shadow:0 4px 16px color-mix(in srgb,var(--bg-dark) 40%,transparent);pointer-events:auto}.rank-tooltip strong{color:var(--color-untappd-rating)}.rank-tooltip-content{font-style:italic}.rank-tooltip-desc{margin-top:var(--space-xs);font-style:normal}.rank-desc-taste{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.45}.rank-desc-taste strong{font-weight:600;color:var(--accent)}.rank-desc-process{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.45;margin-top:2px}.rank-desc-temp{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.45;margin-top:4px;font-weight:500}.rank-desc-enriched{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.45;margin-top:6px;padding-top:4px;border-top:1px solid var(--border-subtle)}.rank-tooltip-norm{font-style:normal;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.45;margin-top:6px;padding-top:4px;border-top:1px solid var(--border-subtle)}.rank-desc-enriched strong{color:var(--accent);font-weight:600}