.gate-demo-wrap{width:100%;max-width:none;margin:0}.gate-demo__kicker{font-size:var(--font-size-sm);color:var(--muted);text-align:start;margin:0 0 var(--space-1);max-width:none;font-weight:600}.gate-demo{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:start;max-width:none;margin:0}.gate-demo__scene{padding:var(--space-3) var(--space-4) var(--space-4)}.gate-demo__scene+.gate-demo__scene{padding-top:var(--space-6);border-top:1px solid var(--border)}.gate-demo[data-storyboard-enhanced=true] .gate-demo__scene+.gate-demo__scene{border-top:0;padding-top:0}.gate-demo__scene-title{margin:0 0 var(--space-3);font-size:var(--font-size-base);font-weight:700}.gate-demo__lane{margin-bottom:var(--space-2)}.gate-demo__role{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:var(--space-1);font-weight:700;display:inline-block}.gate-demo__intro{font-size:var(--font-size-xs);color:var(--faint);margin:0 0 var(--space-1);max-width:none}.gate-demo__claim{max-width:none;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);font-size:var(--font-size-sm);color:var(--ink);border-start-start-radius:2px;margin:0;font-style:italic}.gate-demo__gatebar{border-radius:var(--radius-pill);background:var(--brand-yellow);height:10px;margin:var(--space-3) 0;position:relative;overflow:hidden}.gate-demo__gatebar-bars{background-image:repeating-linear-gradient(90deg, transparent 0, transparent 14px, var(--brand-red) 14px, var(--brand-red) 18px);opacity:.9;position:absolute;inset:0}.gate-demo__checks{margin:var(--space-3) 0 var(--space-2);gap:var(--space-1);flex-direction:column;max-width:none;padding:0;list-style:none;display:flex}.gate-demo__check{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;align-items:stretch;gap:0;margin:0;display:grid;overflow:hidden}.gate-demo__cell{padding:var(--space-1) var(--space-2);flex-direction:column;gap:2px;min-width:0;display:flex}.gate-demo__cell--observed{border-inline-start:1px solid var(--border);background:var(--subtle)}.gate-demo__cell-label{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);cursor:help;text-underline-offset:2px;align-self:flex-start;font-size:10px;font-weight:700;text-decoration:underline dotted}.gate-demo__expr{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink);overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;background:0 0;border:none;padding:0}.gate-demo__observed{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink);overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;background:0 0;border:none;padding:0;font-weight:600}.gate-demo__chip{margin-inline:var(--space-2);letter-spacing:.06em;border-radius:var(--radius-pill);border:1px solid var(--danger);color:var(--danger);background:var(--danger-surface);opacity:1;align-self:center;padding:2px 8px;font-size:10px;font-weight:700;transition:opacity .2s ease-out,transform .2s ease-out;transform:scale(1)}.gate-demo__check[data-pass=true] .gate-demo__chip{border-color:var(--success);color:var(--success);background:var(--success-surface)}.gate-demo.is-animated .gate-demo__chip{opacity:0;transform:scale(.8)}.gate-demo.is-animated .gate-demo__check.is-shown .gate-demo__chip{opacity:1;transform:scale(1)}.gate-demo__verdict{align-items:baseline;gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.gate-demo__verdict+.storyboard__annotation{margin-block-start:var(--space-3)}.gate-demo__stamp{font-weight:800;font-size:var(--font-size-lg);letter-spacing:.08em;color:var(--danger);border:2px solid var(--danger);border-radius:var(--radius-sm);padding:2px 10px;display:inline-block;transform:rotate(-2deg)}.gate-demo__verdict[data-blocked=false] .gate-demo__stamp{color:var(--success);border-color:var(--success)}.gate-demo__tally{color:var(--ink);margin-inline-end:var(--space-1);font-weight:700}.gate-demo__verdict-detail [data-term-definition],.gate-demo__verdict-audit[data-term-definition]{cursor:help;text-underline-offset:2px;text-decoration:underline dotted}.gate-demo__verdict-detail{font-size:var(--font-size-xs);color:var(--muted);font-family:var(--font-mono)}.gate-demo__verdict-audit{font-size:var(--font-size-xs);color:var(--faint);flex-basis:100%}.gate-demo__theorem{max-width:none;padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);background:var(--subtle);font-size:var(--font-size-xs);color:var(--muted);text-align:center;margin:0;font-style:italic}.gate-demo-wrap [data-storyboard-step]{opacity:1;transform:translateY(0)}.gate-demo.is-animated [data-storyboard-step]{opacity:0;transition:opacity .26s ease-out,transform .26s ease-out;transform:translateY(6px)}.gate-demo.is-animated [data-storyboard-step].is-shown{opacity:1;transform:translateY(0)}.gate-demo.is-animated .gate-demo__gatebar[data-storyboard-step]{transform-origin:0;transform:scaleX(.2)}[dir=rtl] .gate-demo__gatebar[data-storyboard-step]{transform-origin:100%}.gate-demo.is-animated .gate-demo__gatebar[data-storyboard-step].is-shown{transform:scaleX(1)}.gate-demo.is-animated .gate-demo__verdict[data-storyboard-step]{transform:scale(1.06)}.gate-demo.is-animated .gate-demo__verdict[data-storyboard-step].is-shown{transform:scale(1)}@media (prefers-reduced-motion:reduce){.gate-demo-wrap [data-storyboard-step],.gate-demo__chip{opacity:1!important;transition:none!important;transform:none!important}}@media (width<=640px){.gate-demo__scene{padding:var(--space-2) var(--space-2) var(--space-2)}.gate-demo__check{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}.gate-demo__cell{padding:6px var(--space-1)}.gate-demo__cell-label{font-size:9px}.gate-demo__expr,.gate-demo__observed{font-size:11px}.gate-demo__chip{margin-inline:var(--space-1)}.gate-demo__claim{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.gate-demo__gatebar{margin:var(--space-2) 0}.gate-demo__stamp{font-size:var(--font-size-base)}.gate-demo__theorem{padding:var(--space-1) var(--space-2)}}
