@layer pages{.cmp{gap:var(--space-6);padding-block:var(--space-6) var(--space-8);display:grid}.cmp__title{letter-spacing:-.035em;font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);font-weight:780;line-height:1.04}.cmp__lede{max-inline-size:68ch;font-size:var(--text-lg);color:var(--text-2);margin-block-start:var(--space-3)}.cmp__controls{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-card);display:grid}@media (width>=64rem){.cmp__controls{grid-template-columns:minmax(0,1fr) auto;align-items:end}.cmp__listen{grid-column:1/-1}}.cmp__scenarios,.cmp__listen{border:0;min-inline-size:0;margin:0;padding:0}.cmp__legend{font-size:var(--text-sm);margin-block-end:var(--space-2);padding:0;font-weight:650}.cmp__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.cmp__option{min-block-size:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg);font-size:var(--text-sm);cursor:pointer;align-items:center;font-weight:550;display:inline-flex;position:relative}.cmp__option:hover{border-color:var(--accent-border)}.cmp__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cmp__option:has(input:checked){border-color:var(--accent-line);background:var(--accent-subtle);box-shadow:inset 0 0 0 1px var(--accent-line);font-weight:650}.cmp__option:has(input:focus-visible){outline:2px solid var(--focus,var(--accent-line));outline-offset:2px}.cmp__hint{max-inline-size:72ch;font-size:var(--text-sm);color:var(--text-2);margin-block-start:var(--space-2)}.verdict{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border);border-inline-start:4px solid var(--text-3);border-radius:var(--radius-card);background:var(--bg-card);display:grid}[data-agreement=agree] .verdict{border-inline-start-color:var(--lime)}[data-agreement=differ] .verdict,[data-agreement=interacted] .verdict{border-inline-start-color:var(--text)}.verdict__title{font-size:var(--text-sm);color:var(--text-2);font-weight:650}.verdict__text{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:720;line-height:1.3}.verdict__diff{gap:var(--space-2);margin:0;display:grid}.verdict__diff>div{gap:var(--space-3);grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);display:grid}.verdict__diff dt{font-weight:650}.verdict__diff dd{overflow-wrap:anywhere;margin:0}.verdict__explain{max-inline-size:72ch;font-size:var(--text-sm);color:var(--text-2)}.cmp__builds{gap:var(--space-5);display:grid}@media (width>=90rem){.cmp__builds{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.build{gap:var(--space-3);min-inline-size:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-card);display:grid}.build__head{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.build__name{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:740}.build__note{font-size:var(--text-sm);color:var(--text-3)}.build__metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:0;display:grid}.build__metrics>div{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg)}.build__metrics dt{font-size:var(--text-xs);color:var(--text-3)}.build__metrics dd{margin:var(--space-1) 0 0;font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.3}.build__metrics dd [dir=ltr]{unicode-bidi:isolate}.build__metrics dd small{font-size:var(--text-xs);color:var(--text-3);font-weight:500;display:block}.build__heard{font-size:var(--text-sm);color:var(--text-2)}.build__heard span{color:var(--text);font-weight:650}.build__access{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);min-block-size:3rem;padding:var(--space-2) var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-control);font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap;display:flex}.build:not([data-muted]) .build__access{border-style:solid;border-color:var(--accent-border);background:var(--accent-subtle);color:var(--text)}.build__access [hidden]{display:none}.build__frame{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg);overflow:hidden}.build__frame iframe{border:0;block-size:56rem;inline-size:100%;display:block}[data-muted] .build__frame{opacity:.86}.cmp__note{max-inline-size:72ch;font-size:var(--text-sm);color:var(--text-3)}.cmp__section{gap:var(--space-3);display:grid}.cmp__h2{font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:760}.cmp-table{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-card);overflow-x:auto}.cmp-table table{border-collapse:collapse;inline-size:100%;min-inline-size:36rem;font-size:var(--text-sm)}.cmp-table caption{padding:var(--space-3) var(--space-4) 0;caption-side:top;text-align:start;color:var(--text-3)}.cmp-table th,.cmp-table td{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border);text-align:start;vertical-align:top}.cmp-table thead th{color:var(--text-2);font-weight:650}.cmp-table tbody th{font-weight:650}.cmp-table tbody tr:last-child>*{border-block-end:0}.cmp__aside{font-size:var(--text-sm);color:var(--text-2)}}