.bsr-wrap{flex-direction:column;gap:22px;margin:20px 0;display:flex}.bsr-legend{color:#555;gap:18px;margin-bottom:-8px;font-size:.82rem;display:flex}.bsr-legend-item{align-items:center;gap:6px;display:flex}.bsr-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.bsr-dot.sugar{background:#e74c3c}.bsr-dot.stable{background:#2ecc71}.bsr-row{align-items:flex-end;gap:10px;height:90px;display:flex;position:relative}.bsr-point-col{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.bsr-point{border-radius:6px 6px 0 0;width:100%}.bsr-row.sugar .bsr-point{background:linear-gradient(#f1948a,#e74c3c)}.bsr-row.stable .bsr-point{background:linear-gradient(#7dcea0,#2ecc71)}.bsr-labels{gap:10px;display:flex}.bsr-label-col{text-align:center;color:#888;flex:1;font-size:.72rem}.bsr-title{color:#333;margin-bottom:6px;font-size:.86rem;font-weight:700}.bsr-note{color:#888;font-size:.82rem;font-style:italic}@media (max-width:560px){.bsr-row{gap:6px;height:70px}.bsr-label-col{font-size:.62rem}}
.cwc-wrap{flex-direction:column;gap:12px;margin:20px 0;display:flex}.cwc-row{align-items:flex-end;gap:8px;height:110px;display:flex}.cwc-bar-col{flex:1;align-items:flex-end;height:100%;display:flex}.cwc-bar{background:linear-gradient(#f7b977,#e67e22);border-radius:6px 6px 0 0;width:100%}.cwc-labels{gap:8px;display:flex}.cwc-label-col{text-align:center;color:#555;flex:1;font-size:.74rem;font-weight:700}.cwc-note{color:#888;font-size:.82rem;font-style:italic}@media (max-width:560px){.cwc-row{gap:5px;height:90px}.cwc-label-col{font-size:.62rem}}