:root{--series-a: #C9812A;--series-b: #2E9BE0;--series-zero: rgba(167, 159, 146, .55)}@layer components{.cmp__slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-block:2rem 1rem}.cmp__slot[data-over=true]{border-color:var(--lamp)}.cmp__status,.cmp__error{margin:0;min-height:1.5em;color:var(--text-muted);font-size:.9375rem}.cmp__error{color:var(--lamp)}.cmp-verdict{margin:0 0 2rem;padding:0;list-style:none;display:grid;gap:.75rem}.cmp-verdict__item{margin:0;padding:.875rem 1rem .875rem 1.125rem;border-inline-start:2px solid var(--border-control);color:var(--text-body);line-height:1.55}.cmp-verdict__item--flag{border-inline-start-color:var(--lamp)}.cmp-player{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-block:0 2rem;padding:1rem 1.25rem;border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--ground-console)}.cmp-player__ab{display:flex;gap:2px}.cmp-player__ab button{min-width:3.25rem;min-height:44px;border:1px solid var(--border-control);background:transparent;color:var(--text);font:inherit;font-weight:500;cursor:pointer}.cmp-player__ab button:first-child{border-radius:999px 0 0 999px}.cmp-player__ab button:last-child{border-radius:0 999px 999px 0}.cmp-player__ab button[aria-pressed=true]{background:var(--text);color:var(--ground-room);border-color:var(--text)}.cmp-player__ab button:focus-visible,.cmp-player__match input:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.cmp-player__match{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:var(--text-body);cursor:pointer}.cmp-player__note{flex:1 1 100%;min-width:0;margin:0;color:var(--text-muted);font-size:.875rem;line-height:1.5}.cmp-flags{margin-block:0 2rem;padding:1.25rem 1.5rem;border:1px solid var(--border-control);border-radius:var(--radius-sm)}.cmp-flags h3{margin-block:0 .75rem}.cmp-flags ul{margin:0;padding-inline-start:1.1rem;display:grid;gap:.625rem}.cmp-flags li{color:var(--text-body);line-height:1.55}.cmp-table{width:100%;margin-block:0 2.5rem;border-collapse:collapse}.cmp-table caption{margin-block-end:.625rem;color:var(--text-muted);font-size:.875rem;text-align:start}.cmp-table th,.cmp-table td{padding:.625rem .75rem;text-align:start;border-block-end:1px solid var(--border-control)}.cmp-table thead th{color:var(--text-muted);font-weight:500;font-size:.875rem}.cmp-table tbody th{font-weight:400;color:var(--text-body)}.cmp-table td{font-family:var(--font-mono, monospace);font-variant-numeric:tabular-nums}.cmp-table__hint{display:block;color:var(--text-muted);font-size:.8125rem}.cmp-chart{margin:0 0 2.5rem}.cmp-chart figcaption{margin-block-end:.75rem;color:var(--text-muted);font-size:.875rem}.cmp-chart svg{width:100%;height:auto;overflow:visible}.cmp-chart__grid{stroke:var(--border-control);stroke-width:1;opacity:.35}.cmp-chart__zero{stroke:var(--border-control);stroke-width:1}.cmp-chart__tick,.cmp-chart__axis{fill:var(--text-muted);font-size:11px;font-family:var(--font-mono, monospace)}.cmp-chart__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.cmp-chart__direct{font-size:13px;font-weight:600}.cmp-chart__key{margin:.5rem 0 0;color:var(--text-muted);font-size:.875rem}.cmp-swatch{display:inline-block;width:.625rem;height:.625rem;margin-inline:.5rem .375rem;border-radius:2px;vertical-align:baseline}.cmp-swatch--a{background:var(--series-a)}.cmp-swatch--b{background:var(--series-b)}.cmp-source{color:var(--text-muted);font-size:.8125rem;line-height:1.6}.cmp__explain p{color:var(--text-body)}}@media(forced-colors:active){.cmp-chart__line{stroke:CanvasText}.cmp-swatch{border:1px solid CanvasText}}