.crb{--skill-orange: #ff8040;--skill-yellow: #ffff00;--skill-green: #40bf40;--skill-grey: #808080}.crb-rows{list-style:none;margin:0;padding:0}.crb-recipe{display:grid;gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--border)}.crb-recipe:first-child{border-top:0;padding-top:0}.crb-recipe:last-child{padding-bottom:0}.crb-head{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.crb-name{display:grid;gap:2px;min-width:0;font-weight:600}.crb-name>a,.crb-name>span:first-child{overflow-wrap:anywhere}.crb-prof{color:var(--text-muted);font-size:var(--fs-table);font-weight:400}.crb-steps{display:inline-flex;gap:3px;margin-left:auto;font-weight:600;white-space:nowrap}.crb-steps>span{--c: var(--skill-grey);min-width:34px;padding:0 6px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:var(--radius-chip);background:color-mix(in srgb,var(--c) 12%,var(--bg-inset));color:var(--c);font-size:var(--fs-small);font-variant-numeric:lining-nums tabular-nums;line-height:20px;text-align:center}.crb-steps .is-orange{--c: var(--skill-orange)}.crb-steps .is-yellow{--c: var(--skill-yellow)}.crb-steps .is-green{--c: var(--skill-green)}.crb-steps .is-grey{--c: var(--skill-grey)}.crb-reagents{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;margin:0;padding:0}.crb-tile{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:2px var(--sp-3) 2px 2px;background:var(--bg-inset);border:1px solid var(--border);color:var(--text);font-size:var(--fs-table);font-weight:600;text-decoration:none;transition:border-color var(--t-quick) ease}a.crb-tile:hover,a.crb-tile:focus-visible{border-color:var(--link);text-decoration:none}.crb-tile-name{max-width:18ch;overflow-wrap:anywhere}.crb-taught{margin:0;color:var(--text-muted);font-size:var(--fs-table)}.crb-taught a{font-weight:600}@media(max-width:479px){.crb-head{flex-wrap:wrap}.crb-steps{margin-left:0;width:100%}.crb-steps>span{flex:1 1 0}}