.cpu{--cpu-sticker:#ff8a3d;--cpu-sticker-ink:#1b1e3c;--cpu-line:#e8590c;--cpu-zone:#fff1e6;gap:var(--s-5);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:root[data-theme=dark] .cpu{--cpu-sticker:#ff922b;--cpu-sticker-ink:#111226;--cpu-line:#ff922b;--cpu-zone:#3b2a1e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cpu{--cpu-sticker:#ff922b;--cpu-sticker-ink:#111226;--cpu-line:#ff922b;--cpu-zone:#3b2a1e}}.cpu-grid{gap:var(--s-5);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.cpu-l1,.cpu-r1,.cpu-l2,.cpu-r2{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}@media (width>=60rem){.cpu-grid{column-gap:clamp(var(--s-5), 4vw, var(--s-7));grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.cpu-l1{grid-area:1/1}.cpu-r1{grid-area:1/2}.cpu-l2{grid-area:2/1}.cpu-r2{grid-area:2/2}}.cpu-note,.cpu-answer p,.cpu-intro,.cpu-quiet{margin:0}.cpu-note,.cpu-quiet,.cpu-intro{color:var(--ink-2);font-weight:500}.cpu-note__button{min-height:2.75rem;padding:0 var(--s-2)}.cpu-answer{gap:var(--s-1);min-width:0;display:grid}.cpu-answer__over{color:var(--ink-2);overflow-wrap:anywhere;font-weight:600}.cpu-answer__name{font-size:var(--step-1);overflow-wrap:anywhere;font-weight:700}.cpu-hero{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(2.5rem,11vw,4.5rem);font-weight:800;line-height:1}.cpu-hero__u{font-family:var(--font-text);letter-spacing:0;font-size:.6em;font-weight:700}.cpu-answer__line{overflow-wrap:anywhere;font-weight:500}.cpu-answer__quiet{color:var(--ink-2);font-weight:500;font-size:var(--step--1)}.cpu-sticker{border:2px solid var(--cpu-sticker-ink);background:var(--cpu-sticker);color:var(--cpu-sticker-ink);font-weight:700;font-size:var(--step--1);border-radius:.25rem;padding:.125rem .5rem;line-height:1.3;display:inline-block;transform:rotate(-2deg)}.cpu-chart{--axis:1.75rem;border:2px solid var(--line);border-radius:var(--r-input);background:var(--paper);height:clamp(220px,56vw,360px);font-size:var(--step--1);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums;margin:0;font-weight:500;position:relative;overflow:hidden}.cpu-chart svg{inset:0 0 var(--axis) 0;width:100%;height:calc(100% - var(--axis));position:absolute;overflow:hidden}.cpu-chart__zone{fill:var(--cpu-zone)}.cpu-chart__grid{stroke:var(--rule);stroke-width:1.5px;vector-effect:non-scaling-stroke}.cpu-chart__base,.cpu-chart__marker{stroke:var(--ink);stroke-width:2px;vector-effect:non-scaling-stroke}.cpu-chart__line{fill:none;stroke:var(--ink-2);stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cpu-chart__line--winner{stroke:var(--cpu-line);stroke-width:3.5px}.cpu-chart__y,.cpu-chart__x{line-height:1.2;position:absolute}.cpu-chart__y{left:.5rem}.cpu-chart__y--top{top:.25rem}.cpu-chart__y--half{bottom:calc(var(--axis) + (100% - var(--axis)) / 2 + 2px)}.cpu-chart__x{bottom:.25rem}.cpu-chart__x--start{left:.5rem}.cpu-chart__x--end{right:.5rem}.cpu-chart__sticker{top:.5rem;left:min(max(var(--at), 6.25rem), calc(100% - 6.25rem));border:2px solid var(--cpu-sticker-ink);background:var(--cpu-sticker);max-width:12.5rem;color:var(--cpu-sticker-ink);text-align:center;transition:left var(--t-state) var(--ease);border-radius:.25rem;padding:.125rem .5rem;font-weight:700;line-height:1.3;position:absolute;translate:-50%;rotate:-2deg}.cpu-chart__empty{inset:0 0 var(--axis) 0;color:var(--ink-2);place-items:center;margin:0;font-weight:600;display:grid;position:absolute}.cpu-legend{gap:var(--s-2) var(--s-5);flex-wrap:wrap;margin:0;padding:0;font-weight:500;list-style:none;display:flex}.cpu-legend li{align-items:center;gap:var(--s-2);overflow-wrap:anywhere;min-width:0;display:inline-flex}.cpu-legend__sample{flex:none}.cpu-legend__line{stroke:var(--ink-2);stroke-width:2.5px}.cpu-legend__line--winner{stroke:var(--cpu-line);stroke-width:3.5px}.cpu-legend__cheapest{color:var(--ink-2)}.cpu-options{gap:var(--s-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.cpu-option{min-width:0;padding:var(--s-3) var(--s-4) var(--s-4);border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);margin:0}.cpu-option legend{max-width:100%;padding:0 var(--s-2);overflow-wrap:anywhere;font-weight:700}.cpu-option__body{gap:var(--s-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.cpu-option__sticker{justify-self:end}.cpu-name{gap:var(--s-1);display:grid}.cpu-name label{font-weight:600;font-size:var(--step--1)}.cpu-pair{gap:var(--s-3) var(--s-4);flex-wrap:wrap;min-width:0;display:flex}.cpu-more summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:600;display:flex}.cpu-more[open] summary{margin-bottom:var(--s-2)}.cpu-result{gap:var(--s-1);margin:0;display:grid}.cpu-result p{margin:0}.cpu-result__line{font-weight:700}.cpu-result__bought,.cpu-result--not{color:var(--ink-2);font-weight:500}.cpu-remove,.cpu-add{justify-self:start}.cpu-how{gap:var(--s-3);min-width:0;display:grid}.cpu-how h2{font-size:var(--step-1);margin:0}.cpu-how p,.cpu-how__lines{margin:0;font-weight:500}.cpu-how__lines{gap:var(--s-2);padding-left:var(--s-5);overflow-wrap:anywhere;display:grid}.cpu-how p{color:var(--ink-2)}.cpu-numbers summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:600;display:flex}.cpu-table-wrap{max-width:100%;overflow-x:auto}.cpu-table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.cpu-table caption{padding:var(--s-2) 0;text-align:start;color:var(--ink-2);font-weight:600}.cpu-table th,.cpu-table td{padding:var(--s-1) var(--s-3) var(--s-1) 0;border-bottom:1px solid var(--rule);text-align:start;overflow-wrap:anywhere;font-weight:500}.cpu-table thead th,.cpu-table tbody th{font-weight:700}.cpu-footer{align-items:end;gap:var(--s-3) var(--s-4);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.cpu-chart__sticker{transition:none}}