@layer pages{.stage--board{container-type:inline-size}.stage--board .stage__canvas{aspect-ratio:5 / 1}.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.board__col{display:grid;align-content:start;gap:var(--space-2xs);padding:var(--space-xs);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.board__title{font-size:var(--step-0)}.board__host{display:block;color:var(--ink-muted);font-family:var(--font-body);font-size:var(--step--1);font-weight:var(--weight-body)}.board__slots{display:grid;gap:var(--space-3xs);list-style:none;font-size:var(--step--1)}.slot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--space-2xs)}.slot__state{font-weight:var(--weight-strong)}.slot[data-state=passed] .slot__state{color:var(--hue-devops)}.slot[data-state=failed] .slot__state{color:var(--accent-warm)}.slot[data-state=waiting] .slot__state{color:var(--accent)}.slot[data-state=pending] .slot__state,.slot[data-state=skipped] .slot__state{color:var(--ink-faint);font-weight:var(--weight-body)}.board__token{justify-self:start;padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--accent);border-radius:var(--radius);color:var(--ink-strong);font-size:var(--step--1);overflow-wrap:anywhere}.board__approve{justify-self:start}.board__checks{font-size:var(--step--1)}.board__checks summary{cursor:pointer;font-weight:var(--weight-strong)}.board__checks[open]{max-height:40vh;overflow:auto}.board__groups{display:grid;gap:var(--space-2xs);margin-top:var(--space-2xs);list-style:none}.board__group>ul{display:grid;gap:var(--space-3xs);margin-top:var(--space-3xs);padding-left:var(--space-s);list-style:none}.board__check[data-state=failed]{color:var(--accent-warm);font-weight:var(--weight-strong)}.board__detail{color:var(--ink-muted);overflow-wrap:anywhere}.board__whatif:has(>[hidden]){display:none}@container (width >= 34rem){.board{grid-template-columns:repeat(4,minmax(0,1fr))}}}