.cmp{gap:var(--space-lg);padding-block:var(--space-md) var(--space-xl);display:grid}.cmp__head{gap:var(--space-sm);max-width:46rem;display:grid}.cmp__kicker{font:500 var(--text-xs) / 1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.cmp__disclose{padding:var(--space-sm);border-radius:var(--radius-md);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--ink-line);color:var(--text-2);line-height:1.6}.cmp a{color:var(--text);-webkit-text-decoration-color:var(--ember-dim);text-decoration-color:var(--ember-dim);text-underline-offset:.2em}@media (hover:hover){.cmp a:hover{-webkit-text-decoration-color:var(--ember);text-decoration-color:var(--ember)}}.cmp__sect{gap:var(--space-sm);display:grid}.cmp__sect>p{max-width:46rem;color:var(--text-2);line-height:1.65}.cmp h2{font-size:var(--text-lg)}.cmp__which{gap:.5rem;max-width:52rem;display:grid}.cmp__which li{gap:var(--space-sm);border-block-end:1px solid var(--ink-line);color:var(--text-2);grid-template-columns:minmax(12rem,18rem) 1fr;padding-block:.65rem;line-height:1.5;display:grid}.cmp__need{color:var(--text)}.cmp__table{border-collapse:collapse;width:100%;font-size:var(--text-xs);line-height:1.45}.cmp__table th,.cmp__table td{text-align:start;vertical-align:top;border-block-end:1px solid var(--ink-line);color:var(--text-2);padding:.75rem .7rem}.cmp__table thead th{font:500 var(--text-2xs) / 1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.cmp__table tbody th{min-width:10rem;font-size:var(--text-sm);color:var(--text);font-weight:600}.cmp__what{font-size:var(--text-xs);color:var(--text-3);margin-block-start:.25rem;font-weight:400;display:block}.cmp__table tr.is-ours{background:var(--ember-wash)}.cmp__tools{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));display:grid}.cmp__tool{padding:var(--space-sm) var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--ink-2);align-content:start;gap:.7rem;scroll-margin-block-start:6rem;display:grid}.cmp__tool h3{font-size:var(--text-md);align-items:center;gap:.6rem;display:flex}.cmp__tool p{color:var(--text-2);line-height:1.6}.cmp__best span{font:500 var(--text-2xs) / 1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ember);margin-inline-end:.35rem}.cmp__sources{font-size:var(--text-xs);color:var(--text-3)}@media (max-width:63.99rem){.cmp__table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cmp__table,.cmp__table tbody,.cmp__table tr,.cmp__table th,.cmp__table td{display:block}.cmp__table tr{padding:.4rem var(--space-sm) .6rem;border-radius:var(--radius-md);background:var(--ink-2);margin-block-end:var(--space-sm)}.cmp__table tr.is-ours{background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--ember-dim)}.cmp__table th,.cmp__table td{gap:var(--space-xs);grid-template-columns:8.5rem 1fr;padding-inline:0;display:grid}.cmp__table tbody th{display:block}.cmp__table td:before{content:attr(data-label);font:500 var(--text-2xs) / 1.45 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.cmp__table tr>:last-child{border-block-end:0}.cmp__which li{grid-template-columns:1fr;gap:.2rem}}.cmp__also{max-width:46rem;list-style:revert;color:var(--text-2);gap:.4rem;padding-inline-start:1.25rem;line-height:1.6;display:grid}.cmp__also li::marker{color:var(--ember-dim)}
