@layer components{:is(.sa,.sw){--sx-ink:var(--primary)}.article-body .sa :is(h3,h4,h5){border-block-start:0;margin-block-start:0;padding-block-start:0}.sw-fields{align-items:end}.sw-fields>.sw-number{flex:0 9.5rem}.sw-board{grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1rem 1rem 0;display:grid}.sw-row{grid-template-columns:minmax(0,1fr);gap:.25rem;display:grid}.sw-row-label{color:var(--heading);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500;line-height:var(--text-sm--line-height);flex-wrap:wrap;align-items:baseline;gap:0 .75rem;display:flex}.sw-need{color:var(--muted-foreground);font-weight:400}.cm .sx-card .sw-seats{border-block-end:2px dashed var(--muted-foreground);grid-template-columns:repeat(15,minmax(0,1fr));gap:2px;padding-block-end:.25rem;display:grid;&>li{border:1.5px solid var(--muted-foreground);block-size:1.25rem}&>li.is-on{border-color:var(--sx-ink);background-color:var(--sx-ink)}&>li.is-mark{margin-inline-end:.5rem}&>li.is-out{border-style:dotted;border-color:var(--line);background-color:#0000}}.cm .sx-card .sw-row.is-met .sw-seats{border-block-end:2px solid var(--sx-ink)}.cm .sx-card .sw-verdict{color:var(--heading);line-height:1.5;&:empty{display:none}}.cm .sw[data-late] .sx-card .sw-verdict{border-inline-start:2px solid var(--destructive);background-color:color-mix(in srgb, var(--destructive) 7%, transparent);padding:.5rem .75rem}.sw-lines{border:1px solid var(--line);border-inline-start:2px solid var(--sx-ink);background-color:var(--background);grid-template-columns:minmax(0,1fr);gap:.375rem;padding:.625rem .75rem .75rem;display:grid}.sw-lines-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}.sw-line{color:var(--heading);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:var(--text-sm--line-height);user-select:all}.sw :is(.sw-line,.sw-verdict,.sw-row-label){overflow-wrap:anywhere;min-inline-size:0}@container (width<=30rem){.sw-board{padding-inline:.75rem}.sw-fields>.sw-number{flex:8rem}}.sa-panels{padding:.75rem 1rem 1rem}.sa-panel{grid-template-columns:minmax(0,1fr);gap:.625rem;display:grid;&.is-off{display:none}}.cm .sa-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);letter-spacing:0}}.sa-purpose{color:var(--foreground)}.cm .sx-card .sa-facts{border:1px solid var(--line);background-color:var(--line);grid-template-columns:minmax(0,1fr);gap:1px;display:grid;&>div{background-color:var(--surface);align-content:start;gap:.125rem;padding:.5rem .625rem;display:grid}}@container (width>=46rem){.cm .sx-card .sa-facts{grid-template-columns:1.2fr 1.2fr .8fr}.cm .sx-card .sa-facts[style]{grid-template-columns:repeat(var(--sa-cols), minmax(0, 1fr))}}.sa-fact-name{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.sa-fact-text{color:var(--heading);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.cm .sx-card .sa-sheet{border:1px solid var(--border);border-block-start:2px solid var(--sx-ink);background-color:var(--background);counter-reset:sa-part;grid-template-columns:minmax(0,1fr);display:grid}.sa-part{font-size:var(--text-sm);line-height:var(--text-sm--line-height);counter-increment:sa-part;border-inline-start:2px solid #0000;grid-template-columns:minmax(0,1fr);gap:.25rem;padding:.625rem .75rem .75rem 3rem;display:grid;position:relative;&+&{border-block-start:1px solid var(--line)}&:before{border-inline-end:1px solid var(--line);inline-size:2.25rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:center;content:counter(sa-part);padding-block-start:.625rem;position:absolute;inset-block:0;inset-inline-start:0}&.is-here{border-inline-start-color:var(--sx-ink);background-color:var(--wash)}&.is-wait>*{visibility:hidden}}.sa-sheet.is-plain>.sa-part{padding-inline-start:.75rem}.sa-sheet.is-plain>.sa-part:before{content:none}.sa-label{color:var(--heading);font-size:var(--text-xs);letter-spacing:.03em;font-weight:500;line-height:var(--text-xs--line-height);flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.sa-added{border:1px dashed var(--sx-ink);color:var(--sx-ink);letter-spacing:0;border-radius:2px;padding:0 .3125rem}.sa-tag{border:1px solid var(--sx-ink);color:var(--sx-ink);letter-spacing:0;border-radius:2px;padding:0 .3125rem}.sa-sample{color:var(--muted-foreground)}.sa-write{color:var(--heading);font-size:var(--text-base);line-height:1.5}.cm .sx-card .sa-rule{border:0;border-inline-start:2px solid var(--line);color:var(--foreground);background:0 0;gap:.125rem;margin:.125rem 0 0;padding:.25rem 0 .25rem .625rem;font-style:normal;display:grid}.sa :is(.sa-label,.sa-sample,.sa-write,.sa-rule,.sa-fact-text,.sa-purpose){overflow-wrap:anywhere;min-inline-size:0}@container (width<=30rem){.sa-panels{padding-inline:.75rem}.sa-part{padding-inline:2.5rem .5rem}.sa-part:before{inline-size:1.875rem}}@media (prefers-reduced-motion:no-preference){.cm .sx-card .sw-seats,.cm .sx-card .sw-seats>li,.sa-part{transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.sw[data-live] .sw-seats>li{transition-delay:calc(var(--i) * 18ms)}.sa[data-live] .sa-panel:not(.is-off) .sa-part:not(.is-wait)>*{animation:sx-in .3s var(--ease-out) backwards}}@media (forced-colors:active){.cm .sx-card .sw-seats>li.is-on{forced-color-adjust:none;background-color:highlight;border-color:highlight}.cm .sx-card .sw-row.is-met .sw-seats,.sa-part.is-here{border-color:highlight}}@media (scripting:none){.sa :is(.sx-controls,.sa-tabs),.sw .sp-copy{display:none}.sa-panel.is-off{display:grid}.sa-panels{gap:1.75rem;display:grid}}}