@layer components{.sa-section{border-top:1px solid var(--color-rule);padding:2.5rem 0}.sa-section:first-child{border-top:0}.sa-wf{font-family:var(--font-mono);font-size:var(--text-caption);gap:.3rem;display:grid}.sa-wf .row{grid-template-columns:minmax(10rem,20rem) minmax(0,1fr) 7rem;align-items:center;gap:.75rem;display:grid}.sa-wf .row>span:last-child{text-align:right}.sa-wf .bar{background:var(--color-tint);height:12px;position:relative}.sa-wf .bar>i{position:absolute;top:0;bottom:0}.sa-wf .bar>i.plus{background:var(--color-navy)}.sa-wf .bar>i.minus{background:var(--color-rule-strong)}.sa-wf .bar>i.flag{background:var(--color-purple-deep)}.sa-wf .bar>i.timing{background:var(--color-purple-light)}.sa-wf .bar>i.subtotal{background:var(--color-navy);opacity:.6}.sa-wf .bar>i.result{background:var(--color-purple)}.sa-wf .row[data-kind=flag]>span:first-child{color:var(--color-purple-deep);font-weight:700}.surface-dark .sa-wf .bar{background:#ffffff14}.surface-dark .sa-wf .bar>i.plus{background:var(--color-paper-2)}.surface-dark .sa-wf .bar>i.subtotal{background:var(--color-paper-3)}.surface-dark .sa-wf .bar>i.minus{background:var(--color-rule-dark-strong)}.surface-dark .sa-wf .bar>i.flag{background:var(--color-purple)}.surface-dark .sa-wf .row[data-kind=flag]>span:first-child{color:var(--color-purple-light)}.sa-classes{font-family:var(--font-mono);font-size:var(--text-label-sm);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:4px;display:grid}.sa-classes>button{text-align:left;background:var(--color-tint);font:inherit;color:inherit;cursor:pointer;border:0;padding:.6rem .65rem;position:relative}.sa-classes>button:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.sa-classes>button[data-tone=bad]{background:var(--color-purple-deep);color:#fff}.sa-classes>button[data-tone=timing]{background:var(--color-purple-light)}.sa-classes>button[data-tone=ok]{background:var(--color-tint)}.sa-classes>button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-navy)}.sa-classes .k{letter-spacing:.08em;text-transform:uppercase;opacity:.8;display:block}.sa-classes .v{font-size:var(--text-small);font-family:var(--font-sans);margin-top:.3rem;display:block}.sa-classes .n{margin-top:.15rem;display:block}.surface-dark .sa-classes>button[data-tone=ok]{background:#ffffff14}.surface-dark .sa-classes>button[data-tone=timing]{background:#ad45ff59}.surface-dark .sa-classes>button[data-tone=bad]{background:var(--color-purple)}.surface-dark .sa-classes>button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff}.sa-mech{border:1px solid var(--color-rule-strong);padding:1.25rem}.sa-mech[data-status=open]{border-left:3px solid var(--color-purple-deep)}.sa-mech[data-status=evidence-prepared],.sa-mech[data-status=flagged]{border-left:3px solid var(--color-navy)}.surface-dark .sa-mech{border-color:var(--color-rule-dark-strong)}.surface-dark .sa-mech[data-status=open]{border-left-color:var(--color-purple)}.surface-dark .sa-mech[data-status=evidence-prepared],.surface-dark .sa-mech[data-status=flagged]{border-left-color:#fff}.sa-plan{border:1px solid var(--color-rule-strong);padding:1.25rem}.surface-dark .sa-plan{border-color:var(--color-rule-dark-strong)}.sa-two{gap:2rem;display:grid}@media (min-width:64rem){.sa-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.sa-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.5rem + 2vw,3.5rem);font-weight:300;line-height:1}@media (max-width:40rem){.sa-wf .row{grid-template-columns:minmax(6rem,9rem) minmax(0,1fr) 5rem}}}