.current-chart-purchase {display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;margin:24px auto 12px;}
/* Keep each distinct commerce action visible as lettering until its tag position
   is approved. Do not remove disabled state or turn cart mutations into links. */
.chart-purchase-tag {box-sizing:border-box;appearance:none;min-width:44px;min-height:48px;max-width:100%;border:0;border-image:none;border-radius:0;background:transparent;box-shadow:none;color:#f3ead7;padding:10px 12px;font:600 17px/1.25 Georgia,serif;text-align:center;text-decoration:underline;text-underline-offset:.22em;cursor:pointer;touch-action:manipulation;}
.chart-purchase-tag--cart {display:inline-flex;align-items:center;justify-content:center;}
.chart-purchase-tag:disabled {opacity:.6;cursor:not-allowed;}
.chart-purchase-tag:focus-visible {outline:3px solid currentColor;outline-offset:3px;}
@media(hover:hover){.chart-purchase-tag:enabled:hover,.chart-purchase-tag--cart:hover{text-decoration-thickness:3px;}}
#currentChartCommerceStatus {max-width:640px;margin:12px auto;text-align:center;color:#f3ead7;line-height:1.5;}
@media(max-width:420px){.current-chart-purchase{gap:12px}.chart-purchase-tag{font-size:16px}}
@media(forced-colors:active){.chart-purchase-tag{color:ButtonText}.chart-purchase-tag--cart{color:LinkText}.chart-purchase-tag:disabled{color:GrayText;opacity:1}}