/* Shared styles for sell.html and stock.html. Tokens only. */
.rule-item { border-top: 1px solid color-mix(in oklab, var(--canvas) 25%, transparent); padding-top: 20px; }
.rule-item > i { font-size: 1.75rem; color: var(--accent); display: block; margin-bottom: 10px; }
:root[data-theme="dark"] .rule-item { border-top-color: var(--line); }
.rule-item p { margin: 6px 0 0; color: color-mix(in oklab, var(--canvas) 78%, transparent); font-size: .9688rem; }
:root[data-theme="dark"] .rule-item p { color: var(--ink-2); }

.ladder li h3 { margin-top: 8px; }
.ladder li p { margin: 4px 0 0; }
.ladder .dot i { font-size: 1.1rem; }
.ladder li.on .dot i { color: #fff; }

.pay-grid { align-items: start; }
.pay-grid .ledger .row { align-items: center; }
.pay-grid .ledger .row .small { text-align: right; }
.shift-grid { align-items: start; }
.shift-shot { max-width: 880px; margin-inline: auto; }
.receipt .ledger .row .num { font-size: .9375rem; }

.kitchen-row { display: grid; gap: 28px; align-items: start; grid-template-columns: 1fr; }
@media (min-width: 900px) { .kitchen-row { grid-template-columns: 1fr 236px; justify-content: space-between; } }
.kitchen-checks { max-width: 640px; }

.catalog-shot { max-width: 880px; margin-inline: auto; }
.move-grid { align-items: center; }
.move-grid .ledger .row .small { text-align: right; }

.gallery { display: grid; gap: 32px; grid-template-columns: 1fr; justify-items: center; }
@media (min-width: 900px) { .gallery { grid-template-columns: repeat(3, 1fr); align-items: start; } }
.gallery figure { margin: 0; display: grid; justify-items: center; gap: 16px; max-width: 300px; }
.gallery figcaption { color: var(--ink-2); font-size: .9688rem; }
.gallery figcaption strong { display: block; color: var(--ink); font-family: var(--font-display); font-size: 1.0625rem; margin-bottom: 4px; }

.hour-grid { align-items: start; }

.pay-grid .ledger { margin-bottom: 8px; }
.band-ink .checks li { color: inherit; }