@layer components{:is(.sp,.sm,.sv,.ss){--sx-ink:var(--primary)}.article-body :is(.sp,.sm,.sv,.ss) :is(h3,h4,h5){border-block-start:0;margin-block-start:0;padding-block-start:0}:is(.sp,.sm,.sv,.ss) .sx-card [hidden]{display:none}.cm .sx-card .sq-rail{border-inline-start:2px solid var(--line);margin:.25rem 1rem 1rem 1.375rem}.sq-stop{font-size:var(--text-sm);line-height:var(--text-sm--line-height);border-inline-start:2px solid #0000;grid-template-columns:minmax(0,1fr);gap:.25rem;margin-inline-start:-2px;padding:.5rem .5rem .875rem 1.25rem;display:grid;position:relative;&:before{border:1.5px solid var(--sx-ink);background-color:var(--surface);content:"";block-size:.75rem;inline-size:.75rem;position:absolute;inset-block-start:.8125rem;inset-inline-start:calc(-.375rem - 1px);rotate:45deg}&.is-reached{border-inline-start-color:var(--sx-ink)}&.is-here{background-color:var(--wash)}&.is-here:before{background-color:var(--sx-ink)}}.sq-who{flex-wrap:wrap;align-items:baseline;gap:0 .625rem;display:flex}.sq-n{color:var(--muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.sq-verb{color:var(--sx-ink);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.cm .sq-title{color:var(--heading);font-size:var(--text-lg);letter-spacing:-.012em;font-weight:400;line-height:1.35}.sq-text{color:var(--foreground)}.sp-root{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:.625rem;padding:1rem;display:grid}.sp-root-name{color:var(--heading);font-size:var(--text-xl);letter-spacing:-.015em;align-items:center;gap:.625rem;line-height:1.3;display:flex;&>span:last-child{overflow-wrap:anywhere;user-select:all;min-inline-size:0}}.sp-glyph{border:1.5px solid var(--sx-ink);border-radius:0 2px 2px;flex:none;block-size:.8125rem;inline-size:1.125rem;margin-block-start:.25rem;position:relative;&:before{border:1.5px solid var(--sx-ink);content:"";border-block-end:0;border-radius:2px 2px 0 0;block-size:.25rem;inline-size:.5rem;position:absolute;inset-block-end:100%;inset-inline-start:-1.5px}}.cm .sx-card .sp-share{border:1px solid var(--line);background-color:var(--line);grid-template-columns:minmax(0,1fr);gap:1px;display:grid;&>div{background-color:var(--surface);gap:.0625rem;padding:.4375rem .625rem;display:grid}& dt{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}& dd{color:var(--heading);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:var(--text-sm--line-height)}}@container (width>=34rem){.cm .sx-card .sp-share{grid-template-columns:1.4fr 1fr 1fr}}.sp-fields{flex-wrap:wrap;align-items:end;gap:.75rem 1.5rem;display:flex;&>.se-field{flex:0 20rem}}.sp-copy{flex-wrap:wrap;align-items:center;gap:.375rem .75rem;display:inline-flex}.sp-tip{color:var(--heading);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.cm .sx-card .sp-strip{border:1px solid var(--line);background-color:var(--line);grid-template-columns:repeat(13,minmax(0,1fr));gap:1px;margin:0 1rem .75rem;display:grid;& a{border-block-end:2px solid var(--sx-ink);background-color:var(--surface);background-image:linear-gradient(var(--wash), var(--wash));min-block-size:2.75rem;color:var(--sx-ink);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--text-xs--line-height);align-content:center;justify-items:center;gap:.0625rem;padding:.25rem .125rem;text-decoration:none;display:grid}& a:focus-visible{outline:2px solid var(--sx-ink);outline-offset:-2px}& a.is-none{color:var(--muted-foreground);background-image:none;border-block-end-color:#0000}}.sp-strip-n{color:var(--heading);font-size:var(--text-sm);font-weight:500;line-height:var(--text-sm--line-height);.is-none>&{color:var(--muted-foreground);font-weight:400}}@container (width<=44rem){.cm .sx-card .sp-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.cm .sx-card .sp-strip>li:last-child{grid-column:span 2}}.sp-tree{border-inline-start:2px solid var(--line);grid-template-columns:minmax(0,1fr);margin:0 1rem 1rem 1.375rem;display:grid}.sp-group{grid-template-columns:minmax(0,1fr);gap:.375rem;padding:.5rem 0 1rem 1.25rem;display:grid;position:relative;&:before{border:1.5px solid var(--sx-ink);background-color:var(--surface);content:"";block-size:.75rem;inline-size:.75rem;position:absolute;inset-block-start:.9375rem;inset-inline-start:calc(-.375rem - 1px);rotate:45deg}}.cm .sp-group-name{color:var(--heading);font-size:var(--text-base);flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;font-weight:400;line-height:1.5;display:flex}.sp-fi{border:1px solid var(--sx-ink);color:var(--sx-ink);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500;line-height:var(--text-xs--line-height);border-radius:2px;flex:none;padding:.0625rem .3125rem}.sp-group-text{flex:16rem;min-inline-size:0}.cm .sx-card .sp-folders{grid-template-columns:minmax(0,1fr);gap:.5rem;margin-block-start:.25rem;display:grid}@container (width>=48rem){.cm .sx-card .sp-folders{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-folder{border:1px solid var(--line);background-color:var(--background);font-size:var(--text-sm);line-height:var(--text-sm--line-height);border-block-start-width:2px;grid-template-columns:minmax(0,1fr);align-content:start;gap:.375rem;padding:.5rem .75rem .625rem;display:grid;&[data-scored]{border-block-start-color:var(--sx-ink)}&[data-scored] .sp-glyph,&[data-scored] .sp-glyph:before{background-color:var(--sx-ink)}&.is-wait{visibility:hidden}}.sp-label{flex-wrap:wrap;align-items:start;gap:.25rem .5rem;display:flex}.sp-label-text{min-inline-size:0;color:var(--heading);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;user-select:all;flex:8rem;font-weight:500}.sp-badge{border:1px solid var(--sx-ink);color:var(--sx-ink);font-size:var(--text-xs);font-weight:500;line-height:var(--text-xs--line-height);border-radius:2px;flex:none;padding:0 .3125rem}.sp-file{gap:.25rem;display:grid}.sp-head,.sp-merge{color:var(--muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--text-xs--line-height)}.cm .sp-items>li.is-hit{color:var(--heading);text-decoration:underline;text-decoration-color:var(--sx-ink);text-underline-offset:.2em;text-decoration-thickness:2px}.cm .sp-items>li.is-hit:before{background-color:var(--sx-ink)}.sp :is(.sp-group-text,.sp-head,.sp-items>li){overflow-wrap:anywhere;min-inline-size:0}@container (width<=30rem){.sp-root{padding-inline:.75rem}.sp-tree{margin-inline:1.125rem .75rem}.cm .sx-card .sp-strip{margin-inline:.75rem}.sp-group{padding-inline-start:1rem}}.cm .sx-card .sm-asks{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,1fr);margin-block-start:.25rem;display:grid;&>div{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:.125rem 1rem;padding-block:.4375rem;display:grid}& dt{color:var(--heading);font-weight:500}& dd{color:var(--foreground)}}@container (width>=44rem){.cm .sx-card .sm-asks>div{grid-template-columns:minmax(0,.42fr) minmax(0,1fr)}}.sm-fork{grid-template-columns:minmax(0,1fr);gap:.625rem;margin-block-start:.375rem;display:grid}.sm-paths{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}@container (width>=44rem){.sm-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}.sm-path{border:1px solid var(--line);background-color:var(--background);border-block-start-width:2px;grid-template-columns:minmax(0,1fr);align-content:start;gap:.375rem;padding:.5rem .75rem .625rem;display:grid;&.is-on{border-color:var(--sx-ink);background-image:linear-gradient(var(--wash), var(--wash))}&.is-dim{opacity:.55;border-block-start-style:dashed}}.cm .sm-path-name{color:var(--heading);font-size:var(--text-sm);font-weight:500;line-height:var(--text-sm--line-height)}.cm .sx-card .sm-steps{counter-reset:sm-step;gap:.375rem;display:grid;&>li{counter-increment:sm-step;grid-template-columns:1.25rem minmax(0,1fr);gap:0 .25rem;display:grid}&>li:before{color:var(--muted-foreground);font-variant-numeric:tabular-nums;content:counter(sm-step) ".";grid-row:span 2}}.sm-step-name{color:var(--heading);font-weight:500}.sm :is(.sq-title,.sq-text,.sm-asks dd,.sm-asks dt,.sm-steps span){overflow-wrap:anywhere;min-inline-size:0}@container (width<=30rem){.cm .sx-card .sq-rail{margin-inline:1.125rem .75rem}.sq-stop{padding-inline:1rem .25rem}}.sv-tests{border-block-end:1px solid var(--line);font-size:var(--text-sm);line-height:var(--text-sm--line-height);grid-template-columns:minmax(0,1fr);gap:.375rem;padding:.75rem 1rem;display:grid}.sv-tests-label{color:var(--heading);font-weight:500}@container (width>=46rem){.cm .sv-tests>.sc-items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}.sv-doc{flex:none;max-inline-size:28rem}.sv-verdict{color:var(--heading);line-height:1.5;&:empty{display:none}}.sv[data-failed] .sv-verdict{border-inline-start:2px solid var(--destructive);background-color:color-mix(in srgb, var(--destructive) 7%, transparent);padding:.5rem .75rem}.sv-tab{align-items:center;gap:.4375rem;display:inline-flex;&:before{border:1.5px solid var(--muted-foreground);content:"";flex:none;block-size:.5rem;inline-size:.5rem}&.is-yes:before{border-color:var(--sx-ink);background-color:var(--sx-ink);rotate:45deg}&.is-no:before{border-style:dashed;border-color:var(--destructive)}&.is-no .sv-tab-name{text-decoration:line-through}&.is-skip{border-style:dashed}&.is-skip:before{border-style:dotted}}.sv-panels{padding:.75rem 1rem 1rem}.sv-panel{grid-template-columns:minmax(0,1fr);gap:.625rem;display:grid;&.is-off{display:none}}.cm .sv-name{color:var(--heading);font-size:var(--text-xl);letter-spacing:-.015em;flex-wrap:wrap;align-items:baseline;gap:0 .625rem;font-weight:400;line-height:1.3;display:flex;&>span{color:var(--muted-foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:0}}.sv-skip{border:1px dashed var(--border);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height);padding:.5rem .75rem}.sv-pair{font-size:var(--text-sm);line-height:var(--text-sm--line-height);grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}@container (width>=42rem){.sv-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.sv-side{border:1px solid var(--line);border-block-start:2px solid var(--sx-ink);background-color:var(--background);align-content:start;gap:.375rem;padding:.5rem .75rem .625rem;display:grid;&.is-invalid{border-block-start:2px dashed var(--destructive)}}.sv-side-label,.sv-fix-label{color:var(--muted-foreground);font-size:var(--text-xs);letter-spacing:.04em;font-weight:500;line-height:var(--text-xs--line-height);text-transform:uppercase;display:block}.cm .sx-card .sv-fix{border-inline-start:2px solid var(--sx-ink);background-color:var(--wash);color:var(--heading);font-size:var(--text-sm);line-height:var(--text-sm--line-height);padding:.5rem .75rem}.sv :is(.sv-name,.sv-fix,.sv-side li,.sv-verdict,.sv-tests li){overflow-wrap:anywhere;min-inline-size:0}@container (width<=30rem){.sv-tests,.sv-panels{padding-inline:.75rem}}.ss-fields{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1rem;display:grid}.ss-range{grid-template-columns:minmax(0,1fr);gap:.125rem;max-inline-size:30rem;display:grid;&>input{block-size:2.75rem;inline-size:100%;min-inline-size:0;accent-color:var(--sx-ink);cursor:pointer;margin:0}&>input:focus-visible{outline:2px solid var(--sx-ink);outline-offset:2px}& output{color:var(--sx-ink);font-variant-numeric:tabular-nums}}.ss-board{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:1rem;display:grid}.cm .sx-card .ss-name{border-inline-start:2px solid var(--sx-ink);background-color:var(--wash);color:var(--heading);font-size:var(--text-xl);letter-spacing:-.015em;padding:.375rem .75rem;line-height:1.3}.cm .sx-card [data-result=functional]>.ss-name{border-inline-start-color:var(--success);background-color:color-mix(in srgb, var(--success) 8%, transparent)}.cm .sx-card :is([data-result=unsupported],[data-result=none])>.ss-name{border-inline-start:2px dashed var(--destructive);background-color:color-mix(in srgb, var(--destructive) 7%, transparent)}.ss-verdict{color:var(--foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height);&:has([data-verdict]:empty){display:none}}.ss-list{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:.375rem;padding:1rem;display:grid}.cm .ss-list-name{color:var(--heading);font-size:var(--text-lg);letter-spacing:-.012em;font-weight:400;line-height:1.35}.cm .sx-card .ss-rows{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,1fr);margin-block-start:.25rem;display:grid}.ss-row{border-block-end:1px solid var(--line);font-size:var(--text-sm);line-height:var(--text-sm--line-height);border-inline-start:2px solid #0000;grid-template-columns:minmax(0,1fr);gap:.25rem 1.5rem;padding:.625rem .75rem;display:grid;&.is-on{border-inline-start-color:var(--sx-ink);background-color:var(--wash)}&>.ss-term{color:var(--heading);font-size:var(--text-base);line-height:1.45}&.is-on>.ss-term{color:var(--sx-ink);font-weight:500}&>.ss-about{gap:.25rem;display:grid}}@container (width>=44rem){.ss-row{grid-template-columns:minmax(0,.38fr) minmax(0,1fr)}}.ss-def{color:var(--heading)}.ss-next{color:var(--foreground)}.ss-who{color:var(--muted-foreground);font-size:var(--text-xs);letter-spacing:.04em;line-height:var(--text-xs--line-height);text-transform:uppercase;display:block}.ss :is(.ss-name,.ss-def,.ss-next,.ss-term,.ss-verdict,.sx-label){overflow-wrap:anywhere;min-inline-size:0}@container (width<=30rem){.ss-fields,.ss-board,.ss-list{padding-inline:.75rem}.ss-row{padding-inline:.5rem}}@media (prefers-reduced-motion:no-preference){.sq-stop,.sq-stop:before,.cm .sx-card .sp-strip a,.sm-path,.sv-tab:before,.ss-row,.cm .sx-card .ss-name{transition:background-color .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1),rotate .22s cubic-bezier(.4,0,.2,1)}.sp[data-live] .sp-folder:not(.is-wait,[hidden]){animation:sx-in .3s var(--ease-out) backwards;animation-delay:calc(var(--i) * 45ms)}.sm[data-live] .sm-path.is-on .sm-steps>li{animation:sx-in .28s var(--ease-out) backwards;animation-delay:calc(var(--i) * .11s)}.sv[data-live] .sv-panel:not(.is-off)>:is(.sc-q,.sv-skip,.sv-pair,.sv-fix){animation:sx-in .26s var(--ease-out) backwards}.sv[data-live] .sv-panel:not(.is-off)>.sv-pair{animation-delay:60ms}.sv[data-live] .sv-panel:not(.is-off)>.sv-fix{animation-delay:.12s}}@media (forced-colors:active){.sq-stop.is-reached{border-inline-start-color:highlight}.sq-stop.is-here:before,.sv-tab.is-yes:before{background-color:canvastext}.sp-folder[data-scored]{border-block-start-color:highlight}.cm .sx-card .sp-strip a:not(.is-none){border-block-end-color:highlight}.sp-folder[data-scored] .sp-glyph,.sp-folder[data-scored] .sp-glyph:before{background-color:canvastext}.sm-path.is-on,.ss-row.is-on{border-color:highlight}.sm-path.is-dim{opacity:1}}@media (scripting:none){.sp .sx-controls,.sm :is(.sx-controls,.sm-fork>.sc-q),.sv :is(.sx-controls,.sv-tabs,.sc-q,.sv-skip),.ss :is(.ss-fields,.sx-actions){display:none}.sv-panel.is-off{display:grid}.sv-panels{gap:1.5rem;display:grid}}}