.site .s2p{gap:32px;display:grid}.site .s2p [hidden]{display:none!important}.site .s2p-panel{border:1px solid var(--line-2);min-width:0}.site .s2p-input{border-bottom:1px solid var(--line);gap:6px;padding:16px;display:grid}.site .s2p-input span,.site .s2p-field-k{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .s2p-input textarea{border:1px solid var(--line-2);width:100%;min-height:150px;font:400 12px/1.6 var(--mono);color:var(--fg);resize:vertical;background:0 0;border-radius:0;padding:10px 12px}.site .s2p-input textarea:focus-visible{border-color:var(--fg);outline:0}.site .s2p-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 20px;padding:16px;display:grid}.site .s2p-field{align-content:start;gap:6px;min-width:0;display:grid}.site .s2p-field.is-wide{grid-column:1/-1}.site .s2p-types{border-top:1px solid var(--line-2);border-left:1px solid var(--line-2);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.site .s2p-types button{border:0;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg-3);cursor:pointer;background:0 0;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.site .s2p-types button span{color:var(--fg-3)}.site .s2p-types button[aria-pressed=true]{color:var(--fg);background:var(--panel)}.site .s2p-types button[aria-pressed=true] span{color:var(--fg-2)}.site .s2p-types button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .s2p-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.site .s2p-seg button{border:0;border-left:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;padding:7px 4px}.site .s2p-seg button:first-child{border-left:0}.site .s2p-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .s2p-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .s2p-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.site .s2p-btn{border:1px solid var(--line-2);font:500 12px/1 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:8px 14px}.site .s2p-btn:hover,.site .s2p-btn:focus-visible{border-color:var(--fg);outline:0}.site .s2p-btn:disabled,.site .s2p input:disabled{opacity:.45;cursor:default}.site .s2p-btn:disabled:hover{border-color:var(--line-2)}.site .s2p-error{border-left:2px solid var(--accent);color:var(--fg-2);margin:0;padding:16px;font-size:13.5px;line-height:1.6}.site .s2p-stages{background:var(--panel);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site .s2p-stage{grid-template-rows:auto 1fr;min-width:0;display:grid}.site .s2p-stage+.s2p-stage{border-left:1px solid var(--line)}.site .s2p-stage-k{border-bottom:1px solid var(--line);font:500 10px/1.4 var(--mono);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;padding:10px 16px;display:flex}.site .s2p-stage-k span:first-child{color:var(--fg-2)}@media (max-width:559px){.site .s2p-stage-k{padding:8px 10px}}.site .s2p-host{min-height:clamp(120px,24vw,280px);color:var(--fg);place-items:center;padding:clamp(10px,2.4vw,28px);display:grid}.site .s2p-svg{width:100%;max-width:420px;height:auto;max-height:240px;display:block;overflow:visible}.site .s2p-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.site .s2p-scrub{flex:220px;gap:4px;min-width:0;display:grid}.site .s2p-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .s2p input[type=range]{width:100%;accent-color:var(--fg)}.site .s2p input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:6px}.site .s2p-check{font:500 12px/1 var(--mono);color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.site .s2p-check input{accent-color:var(--fg)}.site .s2p-results{gap:12px;min-width:0;display:grid}.site .s2p-tally,.site .s2p-legend{font:500 11px/1.6 var(--mono);color:var(--fg-3);margin:0}.site .s2p-legend{max-width:80ch;font-weight:400}.site .s2p-warn{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site .s2p-warn li{border-left:2px solid var(--accent);background:var(--panel);color:var(--fg-2);padding:10px 14px;font-size:13.5px;line-height:1.6}.site .s2p-scroll{overflow-x:auto}.site .s2p-scroll:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .s2p-table{border-collapse:collapse;width:100%}.site .s2p-table th,.site .s2p-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap;padding:8px 14px 8px 0}.site .s2p-table th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .s2p-table td{font:400 12.5px/1.5 var(--mono);color:var(--fg)}.site .s2p-table tr.is-kept td{color:var(--fg-3)}.site .s2p-table td.s2p-notes{white-space:normal;min-width:200px;font-family:var(--sans);color:var(--fg-2);font-size:13px;line-height:1.55}@media (max-width:899px){.site .s2p-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site .s2p-table,.site .s2p-table tbody{display:block}.site .s2p-table tr{border-top:1px solid var(--line);grid-template-columns:22px minmax(0,280px) minmax(0,280px);gap:4px 12px;padding:10px 0;display:grid}.site .s2p-table th,.site .s2p-table td{white-space:normal;border-top:0;padding:0}.site .s2p-table td:nth-child(-n+3){grid-row:1}.site .s2p-table td:nth-child(4),.site .s2p-table td.s2p-notes{grid-column:2/-1}.site .s2p-table td:nth-child(5){grid-column:2}.site .s2p-table td:nth-child(6){grid-column:3}.site .s2p-table td.s2p-notes{min-width:0}.site .s2p-table td.s2p-notes.is-empty{display:none}.site .s2p-table td[data-k]:before{content:attr(data-k);font:500 10px/1.4 var(--mono);color:var(--fg-3);margin-right:8px}}.site .s2p-code{min-width:0;display:grid}.site .s2p-code-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px;display:flex}.site .s2p-tabs{flex-wrap:wrap;display:flex}.site .s2p-tab{border:1px solid var(--line-2);font:500 11.5px/1 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;border-bottom:0;border-left-width:0;padding:8px 14px}.site .s2p-tab:first-child{border-left-width:1px}.site .s2p-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .s2p-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .s2p-dl{margin-bottom:8px}.site .s2p-code .code-box{margin-top:0}.site .s2p-ref{border-collapse:collapse;width:100%;font-size:13.5px}.site .s2p-ref th,.site .s2p-ref td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px 10px 0}.site .s2p-ref th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .s2p-ref td{color:var(--fg-2);line-height:1.6}.site .s2p-ref td:first-child{font:400 12.5px/1.6 var(--mono);color:var(--fg);white-space:nowrap}.site .s2p-ref td.is-d{min-width:300px;font:400 12px/1.6 var(--mono);color:var(--fg);overflow-wrap:anywhere}@media (max-width:639px){.site .s2p-ref thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site .s2p-ref,.site .s2p-ref tbody,.site .s2p-ref tr{display:block}.site .s2p-ref tr{border-top:1px solid var(--line);padding:10px 0}.site .s2p-ref td{border-top:0;padding:3px 0;display:block}.site .s2p-ref td:first-child{white-space:normal}.site .s2p-ref td.is-d{min-width:0}.site .s2p-ref td[data-k]:before{content:attr(data-k);font:500 10px/1.4 var(--mono);color:var(--fg-3);margin-right:8px}}.site .s2pf svg{width:100%;height:auto;overflow:visible}.site .s2pf-ink{color:var(--fg)}.site .s2pf-pencil{color:var(--fg-3)}.site .s2pf-cmd{font:600 12px var(--mono);fill:var(--fg)}.site .s2pf-dim{font:500 11px var(--mono);fill:var(--fg-3)}.site .s2pf-k{font:500 11px var(--mono);fill:var(--fg-2)}.site .s2pf-d{font:500 11.5px var(--mono);fill:var(--fg-2)}.site .s2p-b{color:var(--fg);font-weight:500}@media (max-width:559px){.site .s2pf-cmd{font-size:13.5px}.site .s2pf-dim,.site .s2pf-k,.site .s2pf-d{font-size:13px}}
