.zonePintIndex{flex-direction:column;gap:8px;display:flex}.zonePintIndexRow{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:640px){.zonePintIndexRow{grid-template-columns:repeat(3,minmax(0,1fr))}}.zonePintCell{border-radius:var(--radius-sm);border:1px solid var(--badge-border);background:var(--badge-surface);min-height:44px;color:var(--badge-ink);font:inherit;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;padding:6px 4px;display:flex}@media (prefers-reduced-motion:no-preference){.zonePintCell{transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out)}}.zonePintCell.isPriced{border-color:var(--price-band-border,var(--badge-border));background:var(--price-band-surface,var(--badge-surface));color:var(--price-band-ink,var(--badge-ink));box-shadow:var(--price-plaque-shine)}button.zonePintCell.isPriced:not(.isActive){border-color:var(--hairline-strong)}.zonePintCell.isThin{opacity:.78;border-style:dashed}button.zonePintCell{cursor:pointer}@media (hover:hover) and (pointer:fine){button.zonePintCell:hover{border-color:var(--state-selected-border);color:var(--ink)}}button.zonePintCell:focus-visible{border-color:var(--state-selected-border);color:var(--ink);outline:2px solid var(--color-text);outline-offset:2px}button.zonePintCell:active{--shared-press-scale:1;transform:scale(.97)}.zonePintCell.isActive{border-color:var(--state-selected-border);background:var(--state-selected-surface);color:var(--state-selected-ink);box-shadow:none}.zonePintCellZone{font-size:var(--text-2xs);letter-spacing:.02em;text-transform:uppercase;opacity:.85;font-weight:600}.zonePintCellValue{font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.isCompact .zonePintCellValue{font-size:var(--text-sm)}.zonePintCellHint{text-transform:uppercase;letter-spacing:.03em;opacity:.72;font-size:.58rem}.zonePintIndexTax{font-size:var(--text-sm);color:var(--ink);margin:0;font-weight:600}.isCompact .zonePintIndexTax{font-size:var(--text-xs)}.zonePintIndexOrderNote{font-size:var(--text-xs);color:var(--ink-soft);margin:0;line-height:1.45}.isCompact .zonePintIndexOrderNote{font-size:var(--text-xs)}.zonePintIndexMethod{font-size:var(--text-xs);color:var(--ink-soft);margin:0;line-height:1.45}.isCompact .zonePintIndexMethod{font-size:var(--text-2xs)}@media (prefers-reduced-motion:reduce){.zonePintCell{transition:none}button.zonePintCell:active{transform:none}}.zonePintIndex.isCompact .zonePintIndexRow{border-top:1px solid var(--line-soft);flex-direction:column;gap:0;display:flex}.zonePintIndex.isCompact .zonePintIndexRow>li{border-bottom:1px solid var(--line-soft)}.zonePintIndex.isCompact .zonePintCell{min-height:44px;box-shadow:none;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:0;flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 6px}.zonePintIndex.isCompact .zonePintCell.isPriced{color:var(--ink-soft)}.zonePintIndex.isCompact .zonePintCell.isThin{border-style:none}.zonePintIndex.isCompact button.zonePintCell:focus-visible{background:var(--panel);color:var(--ink)}@media (hover:hover) and (pointer:fine){.zonePintIndex.isCompact button.zonePintCell:hover{background:var(--panel);color:var(--ink)}}.zonePintIndex.isCompact button.zonePintCell:focus-visible{outline-offset:-2px}.zonePintIndex.isCompact .zonePintCell.isActive{background:var(--panel-raised);color:var(--ink)}.zonePintIndex.isCompact .zonePintCellZone{font-size:var(--text-sm);letter-spacing:0;opacity:1;text-transform:none;font-weight:700}.zonePintIndex.isCompact .zonePintCellValue{font-family:var(--font-data);font-size:var(--text-base);color:var(--accent-price-ink)}.zonePintIndex.isCompact .zonePintCell.isThin .zonePintCellValue{color:var(--muted)}.zonePintIndex.isCompact .zonePintCellHint{flex:none}@media (max-width:640px){.zonePintIndex.isCompact .zonePintIndexRow{grid-template-columns:none}}.zoneDotPlot{--zone-dot-label:4.5rem;--zone-dot-value:5.5rem;max-width:var(--content-max);gap:0;display:grid}.zoneDotRows{margin:0;padding:0;list-style:none}.zoneDotRow,.zoneDotAxis{grid-template-columns:var(--zone-dot-label) minmax(0, 1fr) var(--zone-dot-value);align-items:center;gap:var(--space-3);display:grid}.zoneDotRow{min-height:40px}.zoneDotLabel{color:var(--color-text-soft);font-size:var(--text-sm);font-weight:600}.zoneDotTrack,.zoneDotAxisTrack{height:100%;min-height:24px;margin-inline:6px;position:relative}.zoneDotTrack:before{content:"";inset-inline:-6px;border-top:1px solid var(--line-soft);position:absolute;top:50%}.zoneDotMark{background:var(--color-text);width:12px;height:12px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.zoneDotRow.isThin .zoneDotLabel{color:var(--color-text-muted)}.zoneDotValue{justify-self:end}.zoneDotThin{color:var(--color-text-muted);font-size:var(--text-xs)}.zoneDotAxis{margin-top:var(--space-1)}.zoneDotAxisTrack{grid-column:2;min-height:18px}.zoneDotTick{color:var(--color-text-muted);font-family:var(--font-data);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}@media (max-width:640px){.zoneDotPlot{--zone-dot-label:3.75rem;--zone-dot-value:4.5rem}.zoneDotRow,.zoneDotAxis{gap:var(--space-2)}}
