.hx{width:13px;height:15px;flex:none;vertical-align:-2px;margin-right:8px}
.hx path{stroke-width:1.2;stroke-linejoin:round}
.mk{width:14px;height:14px;flex:none;vertical-align:-2px;margin-right:8px}
.mk rect{stroke-width:1.3}.mk .t{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mk-y rect{fill:var(--grow);stroke:var(--grow)}.mk-y .t{stroke:var(--panel)}
.mk-d rect{fill:var(--fg-3);stroke:var(--fg-3)}
.mk-nd rect{fill:none;stroke:var(--fg-3);stroke-dasharray:2 2}
.mk-n rect{fill:none;stroke:var(--signal)}.mk-n .t{stroke:var(--signal)}
.mk-p rect{fill:none;stroke:var(--warn)}.mk-p .h{fill:var(--warn)}
.cx-t td.m .mk{display:inline-block}
[data-style="grid"] .cx-k::before{clip-path:none;border-radius:2px;width:8px;height:8px}
.hx-y path{fill:var(--grow);stroke:var(--grow)}
.hx-d path{fill:var(--fg-3);stroke:var(--fg-3)}
.hx-nd path{fill:none;stroke:var(--fg-4)}
.hx-n path{fill:var(--signal);stroke:var(--signal)}.hx-n path.w{fill:none;stroke:var(--bg);stroke-width:.9}
.hx-p path{fill:none;stroke:var(--warn)}.hx-p path.h{fill:var(--warn);stroke:none}
.cx-k{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);display:flex;align-items:center;gap:10px}
.cx-k::before{content:"";width:9px;height:10px;background:var(--brand);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.cx-rule{height:22px;margin:56px 0 28px;border-top:1px solid var(--line)}
.cx-rule.hexbg{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-color:var(--colony-bg)}
.cx-t{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line-2);font-size:13.5px}
.cx-t th,.cx-t td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cx-t tbody tr:last-child td{border-bottom:0}
.cx-t th{font:500 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-3);background:var(--panel);vertical-align:bottom}
.cx-t th small{display:block;text-transform:none;letter-spacing:0;font-size:11px;color:var(--fg-4);margin-top:4px}
.cx-t td{color:var(--fg-2);background:var(--bg)}
.cx-t td:first-child{font:12px var(--mono);color:var(--fg);width:22%}
.cx-t td .c{display:flex;align-items:flex-start}
.cx-t td.nd{color:var(--fg-4)}
.cx-t .us{background:color-mix(in srgb,var(--grow) 6%,var(--bg));border-left:1px solid color-mix(in srgb,var(--grow) 35%,transparent);color:var(--fg)}
.cx-t th.us{background:color-mix(in srgb,var(--grow) 12%,var(--panel));color:var(--brand);border-top:2px solid var(--brand)}
.cx-t tr.us td{background:color-mix(in srgb,var(--grow) 7%,var(--bg));color:var(--fg)}
.cx-t tr.us td:first-child{color:var(--brand);font-weight:700}
.cx-t td.m{font:12px var(--mono);white-space:nowrap}.cx-t td.m .hx{display:inline-block}
.cx-t td.m small{display:block;color:var(--fg-3);margin:2px 0 0 21px}
.cx-t td a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.cx-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font:11.5px var(--mono);color:var(--fg-3)}
.cx-legend span{display:flex;align-items:center}
.cx-list{border-top:1px solid var(--line);margin-top:8px}
.cx-list a{display:grid;grid-template-columns:22px 290px 1fr 24px;gap:14px;align-items:baseline;padding:16px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.cx-list a:hover{background:color-mix(in srgb,var(--grow) 5%,transparent)}
.cx-list a:hover .hx path,.cx-list a:hover .mk rect{fill:var(--grow);stroke:var(--grow)}
.cx-list b{font:600 14px var(--mono);color:var(--fg)}.cx-list b small{display:block;font-weight:400;font-size:11px;color:var(--fg-3);margin-top:3px}
.cx-list p{font-size:13.5px;color:var(--fg-2);margin:0}.cx-list i{font-style:normal;color:var(--fg-3);font-family:var(--mono)}
@media (max-width:800px){.cx-list a{grid-template-columns:22px 1fr}.cx-list p{grid-column:2}.cx-list i{display:none}}
.cmp-vs{color:var(--fg-3)}