.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 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-fit{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-2);margin-top:20px}
.cx-fit>div{padding:22px 24px}
.cx-fit>div+div{border-left:1px solid color-mix(in srgb,var(--grow) 35%,transparent);background:color-mix(in srgb,var(--grow) 6%,var(--bg))}
.cx-fit h3{font:600 13px var(--mono);margin:0 0 12px;color:var(--fg)}.cx-fit>div+div h3{color:var(--brand)}
.cx-fit ul{list-style:none;padding:0;margin:0}.cx-fit li{display:flex;align-items:flex-start;font-size:14px;color:var(--fg-2);padding:6px 0}
.cx-fit li .hx{margin-top:3px}
.cx-src{font-size:12.5px;color:var(--fg-3);padding-left:22px}.cx-src li{padding:3px 0}.cx-src a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.cx-src span{font-family:var(--mono);font-size:11px;color:var(--fg-4)}
@media (max-width:800px){.cx-fit{grid-template-columns:1fr}.cx-fit>div+div{border-left:0;border-top:1px solid var(--line)}}
.cmp-vs{color:var(--fg-3)}