.organization-examples{margin-top:26px;font-size:14px;line-height:1.65}.example-tabs{flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;display:flex}.example-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 0}.example-tabs button:before{content:"[";color:var(--syntax);margin-right:4px}.example-tabs button:after{content:"]";color:var(--syntax);margin-left:4px}.example-tabs button[aria-selected=true]{color:var(--accent);text-underline-offset:5px;text-decoration:underline}.example-tabs button:hover{color:var(--accent)}.example-panel[hidden]{display:none}.example-panel:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.example-panel figure{border:1px solid var(--line);background:var(--surface);border-radius:5px;margin:0}.example-panel figcaption{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.example-caption{flex-wrap:wrap;gap:3px 14px;display:flex}.example-playback{color:var(--accent);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:5px 0}.example-content{padding:16px 18px}.example-channels{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:5px 16px;padding-bottom:14px;font-size:12px;display:flex}.example-channels [data-active=true]{color:var(--accent)}.example-tree{padding-top:10px}.example-role{padding:8px 0}.example-role-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;display:flex}.example-role-name{color:var(--bright);overflow-wrap:anywhere;font-weight:600}.example-annotation{color:var(--muted);font-size:12px;font-weight:400}.example-role-state{color:var(--muted);font-size:13px}.example-duty{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.example-role[data-active=true] .example-role-name,.example-role[data-active=true] .example-role-state{color:var(--accent)}.example-branches{border-left:1px solid var(--line);margin:3px 0 0 7px;padding:0 0 0 20px;list-style:none}.example-branches>li{margin:0;padding:0;position:relative}.example-branches>li:before{content:"";border-top:1px solid var(--line);width:13px;position:absolute;top:20px;left:-21px}.example-copies{border-left:1px dashed var(--line);min-height:125px;margin:7px 0 5px;padding-left:12px}.example-copy-label{color:var(--muted);margin-bottom:5px;font-size:12px}.example-copy{grid-template-columns:14ch minmax(0,1fr);gap:8px;padding:3px 0;font-size:13px;animation:.3s ease-out example-spawn;display:grid}.example-copy>span:first-child{color:var(--muted)}.example-copy>span:last-child{overflow-wrap:anywhere}.example-copy[data-active=true]>span:first-child{color:var(--accent)}.example-coverage{padding:6px 0}.example-independent{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}.example-event{border-top:1px solid var(--line);min-height:112px;margin-top:12px;padding-top:14px}.example-route{color:var(--accent);overflow-wrap:anywhere;margin-bottom:5px;font-size:13px}.example-event p{overflow-wrap:anywhere;margin:0}.example-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin-top:12px;font-size:12px;display:flex}.example-gate{color:var(--accent)}.example-draft{border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-size:13px}.example-draft summary{color:var(--accent);cursor:pointer;padding:4px 0}.example-draft>div{border-left:2px solid var(--line);margin-top:10px;padding-left:12px}.example-draft p{margin:10px 0}@keyframes example-spawn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.example-content{padding:12px}.example-panel figcaption{align-items:flex-start;padding:9px 12px}.example-role-heading,.example-role-state{display:block}.example-branches{padding-left:13px}.example-branches>li:before{width:8px;left:-14px}.example-copy{grid-template-columns:minmax(0,1fr);gap:0}.example-copies{min-height:202px}.example-event{min-height:172px}.example-tabs{gap:6px 10px;font-size:12px}.example-tabs button:before{margin-right:2px}.example-tabs button:after{margin-left:2px}}@media (pointer:coarse){.example-tabs button,.example-playback,.example-draft summary{min-height:44px}}@media (prefers-reduced-motion:reduce){.example-copy{animation:none}}