.list-diagram{overflow-x:auto;border:1px solid #c8d9ef;border-radius:12px;background:#fff}.list-diagram svg{display:block;width:100%;height:auto;max-height:240px}.list-pointers,.list-stack{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:#111}.list-diagram path{transition:stroke .2s}.demo textarea{width:100%;box-sizing:border-box}@media(prefers-reduced-motion:reduce){.list-diagram path{transition:none}}pre[data-code] code{counter-reset:node-line}pre[data-code] code>span::before{counter-increment:node-line;content:counter(node-line);display:inline-block;width:2em;margin-right:.8em;text-align:right;color:#536480;font-size:.8em;user-select:none}.task-example,.expression{white-space:pre-wrap;overflow-wrap:anywhere}.demo textarea{border:1px solid #b8ceec;border-radius:9px;padding:10px;font:16px/1.5 monospace;background:white;color:#111}.inputs label{min-width:0}.expression{font-weight:700;color:#174ea6}

.pattern-definition{margin:0 0 28px}.pattern-definition h1{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:0 0 16px}.pattern-definition h2{font-size:22px;line-height:1.35;margin:24px 0 12px}.pattern-definition p{max-width:850px}