@layer components{.sg{--sg-ink:var(--primary);--sg-tie:color-mix(in srgb, var(--heading) 45%, transparent);--sg-gap:1.75rem}.article-body .sg :is(h3,h4){border-block-start:0;margin-block-start:0;padding-block-start:0}.cm .sg-card :is(ul,ol,dl,dd){margin:0;padding:0;list-style:none}.cm .sg-card :is(p,li){margin:0}.sg-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem;display:flex}.sg-says{color:var(--heading);font-size:var(--text-sm);line-height:var(--text-sm--line-height);flex:18rem}.sg[data-playing] .sg-says{min-block-size:calc(4 * var(--text-sm--line-height) * 1em)}.sg-stage{grid-template-columns:minmax(0,1fr);gap:1rem;padding:0 1rem 1rem;display:grid}.sg-figure{grid-template-columns:minmax(0,1fr);display:grid}.sg-tie{border-inline-start:2px solid var(--sg-tie);block-size:1rem;inline-size:0;margin-inline-start:1.5rem}.sg-council{border:2px solid var(--sg-tie);background-color:var(--background);grid-template-columns:minmax(0,1fr);gap:.5rem;padding:.75rem;display:grid}.sg-frame{color:var(--muted-foreground);font-size:var(--text-xs);letter-spacing:.04em;line-height:var(--text-xs--line-height);text-transform:uppercase}.sg-chairs,.sg-second,.sg-third,.sg-under,.sg-kinds{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.sg-kinds{border-inline-start:2px solid var(--sg-tie);margin-inline-start:.75rem;padding-inline-start:.75rem}.sg-bracket{display:none}.sg-important{border-inline-start:2px solid var(--line);color:var(--foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height);order:1;padding:.5rem .625rem;&>strong{color:var(--heading);font-weight:500}}.sg-box{border:1px solid var(--border);background-color:var(--surface);min-block-size:2.75rem;color:var(--foreground);font:inherit;text-align:start;cursor:pointer;grid-template-columns:minmax(0,1fr);align-content:start;gap:.125rem;padding:.625rem .75rem;display:grid;position:relative;&:before{content:"";border-inline-start:3px solid #0000;position:absolute;inset:0 auto 0 0}&[aria-selected=true]{border-color:var(--sg-ink);background-image:linear-gradient(var(--wash), var(--wash))}&[aria-selected=true]:before{border-inline-start-color:var(--sg-ink)}&.is-lit{border-color:var(--sg-ink);outline:1px solid var(--sg-ink)}&:focus-visible{outline:2px solid var(--sg-ink);outline-offset:2px}&.is-nonvoting{border-style:dashed}&.is-unformed{background-image:none;border-style:dashed}&.is-unformed>*{opacity:.4}}.sg-name{color:var(--heading);font-weight:500;line-height:1.35;[aria-selected=true]>&{color:var(--sg-ink)}}.sg-line{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.35}.sg-seats{flex-wrap:wrap;gap:.25rem;margin-block-start:.375rem;display:flex;&>span{border:1.5px solid var(--muted-foreground);block-size:.625rem;inline-size:.625rem}&>span.is-ex{border-color:var(--sg-ink);rotate:45deg;scale:.86}&>span.is-filled{background-color:var(--muted-foreground)}&>span.is-ex.is-filled{background-color:var(--sg-ink)}}@container (width>=44rem){.sg-figure{grid-template-columns:minmax(9rem,.3fr) 1.5rem minmax(0,1fr);align-items:center}.sg-tie{border-inline-start:0;border-block-start:2px solid var(--sg-tie);block-size:0;inline-size:auto;margin-inline-start:0}.sg-council{gap:0;padding:1rem}.sg-frame{margin-block-end:.625rem}.sg-chairs,.sg-second,.sg-third{gap:var(--sg-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sg-chairs{position:relative;&:before{inline-size:var(--sg-gap);border-block-start:2px solid var(--sg-tie);content:"";position:absolute;inset-block-start:50%;inset-inline-start:calc(50% - var(--sg-gap) / 2)}&:after{border-inline-start:2px solid var(--sg-tie);content:"";position:absolute;inset-block:50% -.75rem;inset-inline-start:calc(50% - 1px)}}.sg-bracket{block-size:.75rem;margin-block-start:.75rem;margin-inline:calc(25% - var(--sg-gap) / 4);border:2px solid var(--sg-tie);border-block-end:0;display:block}.sg-third{align-items:end}.sg-important{order:0}.sg-under{gap:0;position:relative;&:before{border-inline-start:2px solid var(--sg-tie);content:"";block-size:.75rem;position:absolute;inset-block-start:0;inset-inline-start:calc(50% - 1px)}}.sg-kinds{border-inline-start:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-inline-start:0;padding-inline-start:0}.sg-kinds .sg-line{font-size:var(--text-xs)}}@container (width>=68rem){.sg-stage{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}}.sg-panel{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid;&.is-off{display:none}}.cm .sg-panel-name{color:var(--heading);font-size:var(--text-lg);letter-spacing:-.012em;font-weight:400;line-height:1.35}.cm .sg-facts{border-block-start:1px solid var(--line);font-size:var(--text-sm);line-height:var(--text-sm--line-height);&>div{border-block-end:1px solid var(--line);gap:.125rem;padding-block:.5rem;display:grid}& dt{color:var(--muted-foreground)}& dd{color:var(--heading)}}.sg-ref{color:var(--muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--text-xs--line-height);margin-block-start:.125rem;display:block}.sg-forms{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:.5rem;padding:1rem;display:grid}.cm .sg-forms-title{color:var(--heading);font-size:var(--text-base);font-weight:500;line-height:1.4}.cm .sg-steps{border:1px solid var(--line);background-color:var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1px;display:grid}.sg-step{background-color:var(--surface);font-size:var(--text-sm);line-height:var(--text-sm--line-height);border-block-start:2px solid #0000;grid-template-columns:minmax(0,1fr);align-content:start;gap:.375rem;padding:.625rem .75rem .75rem;display:grid;&.is-on{border-block-start-color:var(--sg-ink);background-image:linear-gradient(var(--wash), var(--wash))}}.sg-step-go{min-block-size:2.75rem;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr);justify-items:start;gap:0;padding:0;display:grid;&:focus-visible{outline:2px solid var(--sg-ink);outline-offset:2px}}.sg-step-n{color:var(--muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--text-xs--line-height)}.sg-step-title{color:var(--heading);font-size:var(--text-base);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--heading) 35%, transparent);text-underline-offset:.2em;line-height:1.4;text-decoration-thickness:1px;.is-on &{color:var(--sg-ink)}}.sg-step-text{color:var(--foreground)}.sg :is(.sg-name,.sg-line,.sg-important,.sg-facts dd,.sg-step-title,.sg-step-text,.sg-says){overflow-wrap:anywhere;min-inline-size:0}@container (width<=30rem){.sg-actions,.sg-forms,.sg-stage{padding-inline:.75rem}.sg-council{padding:.5rem}}@media (hover:hover) and (pointer:fine){.sg-box:not([aria-selected=true]):hover{background-color:var(--muted)}.sg-step-go:hover .sg-step-title{color:var(--sg-ink)}}@media (prefers-reduced-motion:no-preference){.sg-box,.sg-box>*,.sg-step{transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}.sg-seats>span{transition:background-color .2s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--i) * 70ms)}.sg[data-playing] .sg-box.is-lit{animation:sg-in .42s var(--ease-out)}.sg-panel:not(.is-off){animation:sg-fade .22s var(--ease-out)}}@keyframes sg-in{0%{opacity:.4;translate:0 .375rem}}@keyframes sg-fade{0%{opacity:0}}@media (forced-colors:active){.sg-box[aria-selected=true],.sg-box.is-lit{border-color:highlight}.sg-box[aria-selected=true]:before{border-inline-start-color:highlight}.sg-seats>span.is-filled{background-color:canvastext}.sg-step.is-on{border-block-start-color:highlight}}@media (scripting:none){.sg-actions{display:none}.sg-panel.is-off{display:grid}.sg-panels{gap:1rem;display:grid}.sg-box{cursor:default}.sg-box[aria-selected=true]{border-color:var(--border);background-image:none}.sg-box[aria-selected=true]:before{border-inline-start-color:#0000}.sg-step-title{text-decoration:none}}}
