.fractional-slices-root { display: grid; gap: var(--s5); }
.fractional-slices-root .w-note { margin: var(--s3) 0 0; font-size: var(--fs-small); line-height: 1.5; }
.fractional-slices-root .fractional-slices-cards { display: grid; gap: var(--s3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); }
.fractional-slices-root .fractional-slices-card { container-type: inline-size; gap: 2px; }
.fractional-slices-root .fractional-slices-price { font: 700 var(--fs-num-fit)/1.2 var(--font-ui); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fractional-slices-root .fractional-slices-per { font-size: var(--fs-small); color: var(--ink-2); }
.fractional-slices-root .fractional-slices-main { display: grid; gap: var(--s5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); align-items: center; }
.fractional-slices-root .fractional-slices-pic { display: grid; justify-items: center; gap: var(--s2); min-width: 0; }
.fractional-slices-root .fractional-slices-art { display: block; width: 100%; max-width: 14rem; height: auto; overflow: visible; }
.fractional-slices-root .fractional-slices-plate { fill: var(--mist); stroke: var(--line-strong); stroke-width: 1.5; stroke-dasharray: 6 5; }
.fractional-slices-root .fractional-slices-slice { fill: var(--brand); stroke: var(--ink); stroke-width: 2; stroke-linejoin: round; }
.fractional-slices-root .fractional-slices-dots circle { fill: var(--brand-ink); }
.fractional-slices-root .fractional-slices-cuts line { stroke: var(--paper); stroke-width: 2; }
.fractional-slices-root .fractional-slices-whole { margin: 0; text-align: center; font: 400 var(--fs-small)/1.4 var(--font-ui); color: var(--ink-2); }
.fractional-slices-root .fractional-slices-outs { display: grid; gap: var(--s4); min-width: 0; }