.cmx{background:var(--color-surface-recessed)}.cmx__head{max-width:24ch}.cmx__intro{max-width:56ch;color:var(--color-ink-2);margin-top:20px}.cmx__scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent;margin-top:48px;overflow-x:auto}.cmx__scroll:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}@media (min-width:46.5rem){.cmx[data-cols="1"] .cmx__scroll,.cmx[data-cols="2"] .cmx__scroll{overflow-x:visible}}@media (min-width:63.75rem){.cmx[data-cols="3"] .cmx__scroll{overflow-x:visible}}@media (min-width:80rem){.cmx[data-cols="4"] .cmx__scroll{overflow-x:visible}}.cmx__table{--cmx-label:170px;--cmx-cell:200px;width:100%;min-width:calc(var(--cmx-label) + var(--cmx-cols,3) * var(--cmx-cell));table-layout:fixed;border-collapse:separate;border-spacing:0}@media (min-width:46.5rem){.cmx__table{--cmx-label:200px;--cmx-cell:230px}}.cmx__corner{width:var(--cmx-label)}.cmx__table :is(th,td){text-align:left;vertical-align:top;padding:16px 12px;font-weight:400}@media (min-width:46.5rem){.cmx__table :is(th,td){padding:20px 16px}}.cmx__table thead :is(th,td){border-bottom:1px solid var(--color-rule);padding-top:0;padding-bottom:16px}.cmx__table tbody tr+tr :is(th,td){border-top:1px solid var(--color-rule)}.cmx__opt-label{display:block}.cmx__opt-what{color:var(--color-ink-3);text-wrap:pretty;margin-top:6px;display:block}.cmx__field,.cmx__cell{color:var(--color-ink-2)}.cmx__opt--pref{border-bottom-color:var(--color-ink)}.cmx__opt--pref .cmx__opt-label{font-weight:600}.cmx__cell--pref{color:var(--color-ink)}.cmx__corner,.cmx__field{z-index:1;background:var(--color-surface-recessed);box-shadow:1px 0 0 var(--color-rule);position:sticky;left:0}.cmx__corner,.cmx__opt{top:var(--header-h);z-index:2;background:var(--color-surface-recessed);position:sticky}.cmx__corner{z-index:3}@media (min-width:46.5rem){.cmx[data-cols="1"] :is(.cmx__corner,.cmx__field),.cmx[data-cols="2"] :is(.cmx__corner,.cmx__field){box-shadow:none}}@media (min-width:63.75rem){.cmx[data-cols="3"] :is(.cmx__corner,.cmx__field){box-shadow:none}}@media (min-width:80rem){.cmx[data-cols="4"] :is(.cmx__corner,.cmx__field){box-shadow:none}}@media (hover:hover){.cmx__table tbody tr:hover :is(th,td){background:var(--color-surface-card);transition:background-color var(--dur-hover) var(--ease-default)}}.cmx__foot{max-width:88ch;color:var(--color-ink-3);text-wrap:pretty;margin-top:24px}@media (prefers-reduced-motion:reduce){.cmx__table tbody tr:hover :is(th,td){transition:none}}