.cmp{--ca:var(--accent-text);--cb:var(--pos-def)}.cmp-pick{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;padding:16px;display:grid}.cmp-sel{gap:6px;min-width:0;display:grid}.cmp-sel span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem;font-weight:650}.cmp-sel select{border-radius:var(--radius-sm);border:1px solid var(--border-strong);border-left:4px solid var(--ca);background:var(--bg-elev);width:100%;color:var(--text);font:inherit;padding:10px 12px;font-weight:650}.cmp-b select{border-left-color:var(--cb)}.cmp-swap{border:1px solid var(--border-strong);background:var(--bg-elev);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:50%;order:2;font-size:1.1rem}.cmp-a{order:1}.cmp-b{order:3}.cmp-out{gap:16px;margin-top:18px;display:grid}.cmp-heads{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.cmp-head{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--pos);min-width:0;padding:14px}.cmp-head h2{margin:0;font-size:clamp(1.2rem,4vw,1.7rem)}.cmp-head h2 a{color:var(--text);text-decoration:none}.cmp-head p{color:var(--muted);margin:2px 0 6px;font-size:.82rem}.cmp-head .guide{color:var(--accent-text);font-size:.85rem;font-weight:700}.cmp-head.b{text-align:right}.cmp-score{text-align:center;color:var(--muted);grid-template-columns:auto;justify-items:center;max-width:6.5em;font-size:.66rem;display:grid}.cmp-score b{font:800 1.6rem/1 var(--font-display);color:var(--ca)}.cmp-score b:last-child{color:var(--cb)}.cmp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.cmp-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);min-width:0;padding:16px}.cmp-card h3{margin:0 0 10px;font-size:1.05rem}.cmp-card h3 small{color:var(--muted);font:500 .8rem var(--font-body)}.cmp-mini{border-collapse:collapse;width:100%;font-size:.86rem}.cmp-mini th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:6px;font-size:.72rem;font-weight:600}.cmp-mini td{padding:6px 4px}.cmp-mini td.b{text-align:right}.cmp-mini .up{opacity:.45}.cmp-mini .off{color:var(--border-strong)}.cmp-mini td.a{color:var(--ca)}.cmp-mini td.b{color:var(--cb)}.cmp-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.cmp-two ul{align-content:start;gap:6px;margin:0;padding:0;font-size:.84rem;list-style:none;display:grid}.cmp-two ul.a{border-left:3px solid var(--ca);padding-left:8px}.cmp-two ul.b{border-left:3px solid var(--cb);padding-left:8px}.cmp-two small{color:var(--muted)}.cmp-two .kv li{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.cmp-two .kv span{color:var(--muted)}.fine{color:var(--muted);margin:6px 0 0;font-size:.75rem}.cmp-stats{border-collapse:collapse;width:100%;font-size:.86rem}.cmp-stats tr.cat th{text-align:left;font:700 .72rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text);padding:10px 8px 4px}.cmp-stats th{color:var(--text-2);text-align:center;white-space:nowrap;width:1%;padding:5px 6px;font-weight:600}.cmp-stats td.v{width:45%;padding:5px 8px 9px;position:relative}.cmp-stats td.v b{font:800 1rem/1 var(--font-display)}.cmp-stats td.v small{color:var(--muted);margin-left:2px;font-size:.72rem}.cmp-stats td.v i{background:linear-gradient(90deg, var(--c) var(--v), color-mix(in srgb, var(--c) 25%, transparent) var(--v) var(--m), var(--surface-2) var(--m));border-radius:2px;height:4px;position:absolute;bottom:3px;left:8px;right:8px}.cmp-stats td.a{--c:var(--ca)}.cmp-stats td.b{--c:var(--cb);text-align:right}.cmp-stats td.b i{transform:scaleX(-1)}.cmp-stats td.win b{color:var(--c)}@media (width<=520px){.cmp-pick{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cmp-swap{border-radius:999px;order:4;grid-column:1/-1;justify-self:center;width:100%;height:34px}.cmp-heads{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cmp-score{grid-area:2/1/auto/-1;align-items:baseline;gap:10px;max-width:none;display:flex}.cmp-head.b{text-align:left}}.page-head[data-astro-cid-qmyikkeg]{padding-block:48px 24px}.page-head[data-astro-cid-qmyikkeg] h1[data-astro-cid-qmyikkeg]{margin:12px 0 10px}.page-head[data-astro-cid-qmyikkeg] p[data-astro-cid-qmyikkeg]{color:var(--text-2);max-width:70ch;font-size:1.05rem}.more[data-astro-cid-qmyikkeg]{max-width:820px;margin-inline:auto;padding-top:40px}
