.parity-explorer{min-width:0;color:var(--ink,#17233b)}
.parity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:18px 0 16px}
.parity-legend,.parity-tooltip-counts{display:flex;align-items:center;gap:18px;font-size:.8125rem;color:#455571}
.parity-legend>span,.parity-tooltip-counts>span{display:inline-flex;align-items:center;gap:7px}
.parity-legend i,.parity-tooltip-counts i{display:inline-block;width:9px;height:9px;border-radius:3px;flex:none}
.parity-odd{background:#2756e8}.parity-even{background:#138468}
.parity-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.parity-controls button,.parity-table-pages button{border:1px solid #dbe3ef;background:#fff;min-height:36px;padding:6px 11px;font-size:.75rem;color:#34465f;border-radius:7px}
.parity-controls button[data-parity=in],.parity-controls button[data-parity=out]{font-size:1.1rem;width:36px;padding:3px}
.parity-controls button:hover:not(:disabled),.parity-table-pages button:hover:not(:disabled){background:#f0f5fc;border-color:#a9bddc}
.parity-controls button:focus-visible,.parity-table-pages button:focus-visible,.parity-values summary:focus-visible,.parity-table-scroll:focus-visible{outline:3px solid #8aafff;outline-offset:3px}
.parity-controls button:disabled,.parity-table-pages button:disabled{opacity:.45;cursor:not-allowed}
.parity-plot{position:relative;min-width:0;height:260px;margin:0 -2px}
.parity-plot canvas{display:block;width:100%;height:260px;touch-action:pan-y;cursor:grab;border-radius:5px}
.parity-plot canvas:focus-visible{outline:3px solid #8aafff;outline-offset:3px}
.parity-plot canvas.is-panning{cursor:grabbing}
.parity-tooltip{position:absolute;z-index:2;max-width:calc(100% - 8px);width:244px;padding:14px;border:1px solid #dce5f0;border-radius:11px;background:#fffffff7;box-shadow:0 8px 32px #17233b24;color:#17233b;pointer-events:none;font-size:.8125rem;line-height:1.55}
.parity-tooltip>strong{display:flex;justify-content:space-between;gap:8px;font-size:.8125rem;flex-wrap:wrap}
.parity-tooltip>strong>span{color:#596a84;font-size:.75rem;font-weight:400}
.parity-tooltip-numbers{display:flex;gap:5px;margin:12px 0}
.parity-tooltip-numbers>span{display:inline-flex;justify-content:center;align-items:center;border:1px solid #dfe6f2;border-radius:50%;width:30px;height:30px;background:#f4f7fc;color:#30425c;font-variant-numeric:tabular-nums;font-weight:650;font-size:.75rem;flex:0 0 auto}
.parity-tooltip-counts{gap:15px;font-size:.75rem}
.parity-range{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:.75rem;color:#596a84;margin-top:4px;font-variant-numeric:tabular-nums}
.parity-range>span:last-child{white-space:nowrap}
.parity-help{font-size:.75rem;color:#596a84;margin:12px 0 16px;line-height:1.7;max-width:760px}
.parity-values{border-top:1px solid #e4e9f2;margin-top:16px;font-size:.8125rem}
.parity-values>summary{cursor:pointer;min-height:44px;padding:12px 0;color:#435777}
.parity-table-scroll{overflow:auto;max-height:370px;border:1px solid #e4e9f2;border-radius:7px}
.parity-values table{font-size:.75rem;min-width:470px;width:100%;border-collapse:collapse}
.parity-values caption{text-align:left;padding:10px 12px;color:#596a84;font-size:.75rem}
.parity-values td,.parity-values th{padding:10px 12px;font-size:.75rem}
.parity-values thead th{position:sticky;top:0;background:#f6f8fc;z-index:1}
.parity-values tbody th{font-weight:500;color:#354a66;background:none;text-transform:none;letter-spacing:normal;white-space:nowrap}
.parity-table-numbers{white-space:nowrap;font-variant-numeric:tabular-nums}
.parity-table-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 2px;color:#596a84;font-size:.75rem}
.parity-empty{color:#596a84;font-size:.875rem;padding:30px 12px;text-align:center}
.parity-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.parity-toolbar{gap:12px;margin-top:15px}.parity-controls{gap:5px}.parity-controls button,.parity-table-pages button{min-height:40px}.parity-controls button{padding:6px 8px;font-size:.6875rem}.parity-controls button[data-parity=in],.parity-controls button[data-parity=out]{width:40px}.parity-range{font-size:.6875rem}.parity-range>span:last-child{display:none}.parity-help{font-size:.6875rem}.parity-tooltip{padding:11px;width:232px}.parity-table-scroll{max-height:310px}}
