.howl-root{--howl-mono:ui-monospace, Menlo, Consolas, monospace;--howl-code-size:.95rem;--howl-rule:#8886;--howl-error:firebrick;--howl-ok:seagreen;color-scheme:light dark;text-align:left}.howl-root *,.howl-root :before,.howl-root :after{box-sizing:border-box}.howl-root main{flex-direction:column;gap:1rem;display:flex}.howl-root button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--howl-rule);background:0 0;border-radius:.25rem;padding:.1rem .5rem;font-size:.85em}.howl-root button:disabled{opacity:.5;cursor:default}.howl-root button.active{font-weight:700}.howl-root .toolbar,.howl-root .examples,.howl-root .layout-toggle,.howl-root .panel-head,.howl-root .tab-strip{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.howl-root .toolbar{margin-bottom:.4rem}.howl-root .toolbar .variants{margin-left:auto}.howl-root .tab[aria-selected=true]{border-color:currentColor}.howl-root .hint{opacity:.7;font-size:.85em}.howl-root .editor{margin:1.5rem 0}.howl-root .cm-editor{max-height:36rem}.howl-root .cm-editor,.howl-root .cm-editor.cm-focused{outline:none}.howl-root .transcript,.howl-root .diagnostic,.howl-root .constraint-tree,.howl-root .cm-scroller{font-family:var(--howl-mono);font-size:var(--howl-code-size)}.howl-root .transcript,.howl-root .diagnostic{border:none;border-left:2px solid var(--howl-ok);white-space:pre-wrap;margin:1.5rem 0;padding:.25rem 0 .25rem .9rem;overflow-x:auto}.howl-root .diagnostic{border-left-color:var(--howl-error)}.howl-root .diagnostic-head{margin-bottom:.5rem}.howl-root .diagnostic-phase{color:var(--howl-error);margin-right:.5rem;font-weight:700}.howl-root .diagnostic-where{opacity:.7}.howl-root .diagnostic-text{margin:0}.howl-root .diagnostic-list{flex-direction:column;gap:.75rem;display:flex}.howl-root .renderer-name{opacity:.7;margin:.75rem 0 .25rem;font-size:.85em}.howl-root .placeholder{opacity:.7;margin:1.5rem 0;font-size:.9em}.howl-root .constraint-graph{overflow-x:auto}.howl-root{--howl-flow-1:#2a78d6;--howl-flow-2:#eb6834;--howl-flow-3:#1baf7a;--howl-flow-x:#8a8a86;--howl-ink:#1b1b1f;--howl-tint:#ffec9966;--howl-tint-alt:#cdbcff66}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])) .howl-root{--howl-flow-1:#3987e5;--howl-flow-2:#d95926;--howl-flow-3:#199e70;--howl-ink:#e8e8ea;--howl-tint:#ffec9940;--howl-tint-alt:#cdbcff40}}:root[data-theme=dark] .howl-root{--howl-flow-1:#3987e5;--howl-flow-2:#d95926;--howl-flow-3:#199e70;--howl-ink:#e8e8ea;--howl-tint:#ffec9940;--howl-tint-alt:#cdbcff40}.howl-root .flow-view{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem;margin:1.5rem 0;display:grid;position:relative}.howl-root .flow-code{min-width:0}.howl-root .flow-panel{font-size:var(--howl-code-size);font-family:var(--howl-mono);flex-direction:column;gap:.4rem;min-width:0;display:flex}.howl-root .flow-sig{border-left:2px solid var(--howl-rule);flex-direction:column;gap:.1rem;padding-left:.6rem;display:flex;overflow-x:auto}.howl-root .flow-sig-name{font-weight:700}.howl-root .flow-sig-type{white-space:nowrap}.howl-root .flow-slot{padding:0 .05rem}.howl-root .flow-arrows{pointer-events:none;position:absolute;inset:0;overflow:visible}.howl-root .flow-arrow{fill:none;stroke-width:2px;pointer-events:stroke}.howl-root .flow-hue-1{stroke:var(--howl-flow-1);color:var(--howl-flow-1)}.howl-root .flow-hue-2{stroke:var(--howl-flow-2);color:var(--howl-flow-2);stroke-dasharray:6 3}.howl-root .flow-hue-3{stroke:var(--howl-flow-3);color:var(--howl-flow-3);stroke-dasharray:2 3}.howl-root .flow-hue-x{stroke:var(--howl-flow-x);color:var(--howl-flow-x)}.howl-root .flow-dot{fill:currentColor;stroke:var(--howl-surface,#fff);stroke-width:1.5px;cursor:help;pointer-events:all}.howl-root .flow-faded{opacity:.15}.howl-root .flow-tip{z-index:2;background:var(--howl-surface,#fff);pointer-events:none;border-left:2px solid;flex-direction:column;gap:.15rem;max-width:24rem;padding:.4rem .6rem;font-size:.9em;display:flex;position:absolute;box-shadow:0 1px 6px #0003}.howl-root .flow-tip-relation,.howl-root .flow-tip-shape{white-space:nowrap;color:var(--howl-ink);text-decoration:none}.howl-root .flow-tip-plain{opacity:.5}.howl-root .flow-tip-note{color:var(--howl-ink);opacity:.7;font-style:italic}.howl-root .flow-mark-sub,.howl-root .flow-mark-sup,.howl-root .flow-mark-bare{font-weight:700}.howl-root .flow-mark-sub,.howl-root .flow-mark-sup{border-radius:2px;padding:0 .1em}.howl-root .flow-mark-sub{background:var(--howl-tint)}.howl-root .flow-mark-sup{background:var(--howl-tint-alt)}.howl-root .constraint-tree{line-height:1.5}.howl-root .tree-line{align-items:baseline;gap:.25rem;padding:.05rem 0;display:flex}.howl-root .tree-toggle{cursor:pointer;text-align:center;width:1rem;font:inherit;opacity:.6;background:0 0;border:none;padding:0}.howl-root .tree-toggle.tree-leaf{display:inline-block}.howl-root .tree-label{white-space:nowrap}.howl-root .cm-linked-hover{background:var(--howl-tint)}.howl-root .cm-linked-demand{background:var(--howl-tint-alt)}.howl-root .cm-linked-pinned{background:#b3d9ff66}.howl-root .reference{grid-template-columns:max-content 1fr;gap:.2rem 1rem;margin:0;display:grid}.howl-root .reference dd{margin:0}.howl-root .reference-details{border:1px solid var(--howl-rule);padding:.5rem .75rem}.howl-root .reference-details summary{cursor:pointer}.howl-root webcola-cnd-graph{white-space:normal;background:#fff;width:100%;height:30rem}.howl-root.flow2{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:".legend""code rail";align-items:start;gap:.4rem 1rem;margin:1.5rem 0;display:grid}.howl-root .flow2-legend{grid-area:legend;min-width:0}.howl-root .flow2-code{grid-area:code;min-width:0}.howl-root .flow2-rail{min-width:0;font-family:var(--howl-mono);font-size:var(--howl-code-size);grid-area:rail}.howl-root .flow2-head{font-family:var(--howl-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--howl-ink);opacity:.55;margin:0 0 .25rem;font-size:.8em;font-weight:700}.howl-root .flow2-head code{text-transform:none;letter-spacing:0;opacity:1}.howl-root .flow2-head-flows{margin-top:.5rem}.howl-root .flow2-picker{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.howl-root .flow2-chip{cursor:pointer;font:inherit;color:var(--howl-flow-x);opacity:.55;background:0 0;border:none;border-left:2px solid;align-items:baseline;gap:.35em;padding:.1rem .45rem;display:inline-flex}.howl-root .flow2-chip-on{opacity:1}.howl-root .flow2-chip code{color:var(--howl-ink);font-weight:700}.howl-root .flow2-chip-from{color:var(--howl-ink);opacity:.6;font-size:.85em}.howl-root .flow2-track{min-height:6rem;position:relative}.howl-root .flow2-leaders{pointer-events:none;position:absolute;inset:0;overflow:visible}.howl-root .flow2-leader{fill:none;stroke:currentColor;stroke-width:1.5px;opacity:.5}.howl-root .flow2-card{background:var(--howl-surface,#fff);cursor:help;border-left:2px solid;padding:.15rem 0 .15rem .5rem;position:absolute;left:22px;right:0}.howl-root .flow2-card-on{box-shadow:0 1px 6px #0002}.howl-root .flow2-card-head{flex-wrap:wrap;align-items:baseline;gap:.5em;min-width:0;display:flex}.howl-root .flow2-line{color:var(--howl-ink);opacity:.4;white-space:nowrap;font-size:.8em}.howl-root .flow2-relation,.howl-root .flow2-shape{color:var(--howl-ink);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.howl-root .flow2-shape{font-size:.9em;display:block}.howl-root .flow2-plain{opacity:.5}.howl-root .flow2-note{color:var(--howl-ink);opacity:.7;font-size:.9em;font-style:italic}@media (width<=55rem){.howl-root.flow2{grid-template-columns:minmax(0,1fr);grid-template-areas:"legend""code""rail"}.howl-root .flow2-track{min-height:0}.howl-root .flow2-leaders{display:none}.howl-root .flow2-card{margin-bottom:.3rem;position:static;left:auto;right:auto}}