.examples-tabs{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.examples-tab-btn{background-color:var(--grey-100);color:var(--grey-700);border:2px solid #0000;border-radius:6px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.examples-tab-btn:hover{background-color:var(--yellow-300);color:var(--grey-900)}.examples-tab-btn.active{background-color:var(--grey-900);color:var(--white);border-color:var(--grey-900)}body.dark .examples-tab-btn{background-color:var(--grey-700);color:var(--grey-100)}body.dark .examples-tab-btn:hover{background-color:var(--grey-600);color:var(--white)}body.dark .examples-tab-btn.active{background-color:var(--yellow-500);color:var(--grey-900);border-color:var(--yellow-500)}.examples-tab-panel{display:none}.examples-tab-panel.active{display:block}.examples-block{margin-bottom:40px}.examples-block h3{margin-bottom:8px}.examples-block p{margin-bottom:10px}.code-block{border-radius:8px;margin-bottom:8px;position:relative;overflow:hidden}.code-block pre{background-color:var(--grey-900);color:var(--grey-50);margin:0;padding:20px 24px;font-family:Kode Mono,monospace;font-size:.875rem;line-height:1.65;overflow-x:auto}body.dark .code-block pre{color:var(--grey-100);background-color:#0d1117}.code-block code{font-family:Kode Mono,monospace}.code-copy-btn{background-color:var(--grey-700);color:var(--grey-100);text-transform:uppercase;letter-spacing:.5px;opacity:.8;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:opacity .15s,background-color .15s;position:absolute;top:10px;right:10px}.code-copy-btn:hover{opacity:1;background-color:var(--grey-600)}.code-copy-btn.copied{background-color:var(--yellow-600);color:var(--grey-900);opacity:1}.token-comment{color:#6a9955}.token-keyword{color:#569cd6}.token-string{color:#ce9178}.token-func{color:#dcdcaa}.token-import{color:#c586c0}.token-type{color:#4ec9b0}.token-num{color:#b5cea8}