.examples[data-astro-cid-stulg52t]{max-width:46rem;margin:var(--space-16) auto 0}h3[data-astro-cid-stulg52t]{margin-bottom:var(--space-1);text-align:center}.hint[data-astro-cid-stulg52t]{margin:0 auto var(--space-6);color:var(--muted);font-size:var(--text-sm);text-align:center}.list[data-astro-cid-stulg52t]{gap:var(--space-4);display:grid}.example[data-astro-cid-stulg52t]{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}summary[data-astro-cid-stulg52t]{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}summary[data-astro-cid-stulg52t]::-webkit-details-marker{display:none}summary[data-astro-cid-stulg52t]:hover .toggle[data-astro-cid-stulg52t]{background:var(--red-ink)}.main-logo[data-astro-cid-stulg52t]{border-radius:var(--radius-md);object-fit:cover;flex:none;width:4rem;height:4rem}.main-text[data-astro-cid-stulg52t]{flex:10rem;display:grid}.kind[data-astro-cid-stulg52t]{color:var(--red-ink);font-size:var(--text-xs);letter-spacing:var(--tracking-kicker);text-transform:uppercase;font-weight:600}.name[data-astro-cid-stulg52t]{font-weight:600;font-size:var(--text-lg)}.toggle[data-astro-cid-stulg52t]{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--red);color:var(--on-red);font-size:var(--text-sm);font-weight:600;transition:background-color .15s;display:inline-flex}.hide[data-astro-cid-stulg52t],.example[data-astro-cid-stulg52t][open] .show[data-astro-cid-stulg52t]{display:none}.example[data-astro-cid-stulg52t][open] .hide[data-astro-cid-stulg52t]{display:inline}.chev[data-astro-cid-stulg52t]{border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;transition:transform .25s;transform:translateY(-2px)rotate(45deg)}.example[data-astro-cid-stulg52t][open] .chev[data-astro-cid-stulg52t]{transform:translateY(2px)rotate(-135deg)}summary[data-astro-cid-stulg52t]{position:relative}.example[data-astro-cid-stulg52t][open] summary[data-astro-cid-stulg52t]{gap:var(--space-2);padding:var(--space-6) var(--space-4) 0;text-align:center;flex-direction:column}.example[data-astro-cid-stulg52t][open] .main-text[data-astro-cid-stulg52t]{flex:none;order:-1}.example[data-astro-cid-stulg52t][open] .kind[data-astro-cid-stulg52t]{display:none}.example[data-astro-cid-stulg52t][open] .name[data-astro-cid-stulg52t]{font-size:var(--text-sm);color:var(--muted)}.example[data-astro-cid-stulg52t][open] .main-logo[data-astro-cid-stulg52t]{border-radius:var(--radius-lg);width:7.5rem;height:7.5rem;box-shadow:var(--shadow-phone)}.example[data-astro-cid-stulg52t][open] .toggle[data-astro-cid-stulg52t]{top:var(--space-3);right:var(--space-3);padding:0 var(--space-3);color:var(--muted);background:0 0;position:absolute}.example[data-astro-cid-stulg52t][open] summary[data-astro-cid-stulg52t]:hover .toggle[data-astro-cid-stulg52t]{background:var(--paper);color:var(--ink)}.body[data-astro-cid-stulg52t]{--w:clamp(3.75rem, 17vw, 6rem);--line:3px;padding:0 var(--space-4) var(--space-6);justify-items:center;display:grid;overflow:hidden}.stem[data-astro-cid-stulg52t]{width:var(--line);height:var(--space-6);background:var(--red);transform-origin:top}.branches[data-astro-cid-stulg52t]{position:relative}.bar[data-astro-cid-stulg52t]{top:0;left:calc(var(--w) / 2 - var(--line) / 2);right:calc(var(--w) / 2 - var(--line) / 2);height:var(--line);background:var(--red);position:absolute}ul[data-astro-cid-stulg52t]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}li[data-astro-cid-stulg52t]{width:var(--w);justify-items:center;display:grid}.drop[data-astro-cid-stulg52t]{width:var(--line);height:var(--space-4);background:var(--red);transform-origin:top}.tile[data-astro-cid-stulg52t]{width:var(--w);height:var(--w);padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);place-items:center;display:grid}.tile[data-astro-cid-stulg52t] img[data-astro-cid-stulg52t]{object-fit:contain;border-radius:var(--radius-sm);width:100%;height:100%}