.page-header[data-v-f3c272b8]{align-items:flex-start!important;background:transparent!important;border-bottom:2px solid var(--color-border);display:block!important;flex-direction:column!important;margin-bottom:2rem;padding-bottom:1.5rem;padding-left:0!important;padding-right:0!important;padding-top:0!important}.breadcrumb[data-v-f3c272b8]{margin-bottom:.5rem}.breadcrumb ol[data-v-f3c272b8]{font-size:.875rem;list-style:none;margin:0;padding:0}.breadcrumb li[data-v-f3c272b8],.breadcrumb ol[data-v-f3c272b8]{align-items:center;display:flex;gap:.5rem}.breadcrumb a[data-v-f3c272b8]{color:var(--color-text);text-decoration:none;transition:color .2s}.breadcrumb a[data-v-f3c272b8]:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb a[data-v-f3c272b8]:focus-visible{border-radius:.25rem;outline:3px solid var(--color-focus);outline-offset:2px}.breadcrumb [aria-current=page][data-v-f3c272b8]{color:var(--color-text-secondary);font-weight:500}.page-title-wrapper[data-v-f3c272b8]{margin:.5rem 0 1.5rem;text-align:left}.page-title[data-v-f3c272b8]{color:var(--color-text);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem;text-align:left}.page-title[data-v-f3c272b8]:focus{outline:none}.page-title[data-v-f3c272b8]:focus-visible{border-radius:.625rem;outline:3px solid var(--color-focus);outline-offset:4px}.page-description[data-v-f3c272b8]{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin:0}.page-actions[data-v-f3c272b8]{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}@media(max-width:768px){.page-title[data-v-f3c272b8]{font-size:2rem}.breadcrumb[data-v-f3c272b8]{font-size:.8rem}}@media(prefers-contrast:high){.page-header[data-v-f3c272b8]{border-bottom-width:3px}.breadcrumb a[data-v-f3c272b8]{text-decoration:underline}}@media(prefers-reduced-motion:reduce){.breadcrumb a[data-v-f3c272b8]{transition:none}}.example-toggle[data-v-5a60119c]{border:2px solid var(--color-border);border-radius:.625rem;margin-bottom:2rem;overflow:hidden}.examples-container .card.example[data-v-5a60119c]{border-radius:0}.card[data-v-5a60119c],.toggle-header[data-v-5a60119c]{background:var(--color-bg-secondary);padding:1rem}.toggle-header[data-v-5a60119c]{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;gap:1rem;justify-content:space-between}.toggle-header h3[data-v-5a60119c]{flex:1;font-size:1.25rem;margin:0}.dropdown-menu[data-v-5a60119c]{position:relative}.menu-trigger[data-v-5a60119c]{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:.625rem;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.menu-trigger[data-v-5a60119c]:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary);color:var(--color-text)}.menu-trigger[data-v-5a60119c]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.menu-trigger[aria-expanded=true][data-v-5a60119c]{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.dots[data-v-5a60119c]{font-weight:700;letter-spacing:1px}.dropdown-content[data-v-5a60119c]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:.625rem;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:180px;padding:.25rem;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item[data-v-5a60119c]{align-items:center;background:transparent;border:none;border-radius:.625rem;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-item[data-v-5a60119c]:hover:not(:disabled){background:var(--color-bg-secondary)}.dropdown-item[data-v-5a60119c]:focus-visible{background:var(--color-primary-light);outline:2px solid var(--color-focus);outline-offset:-2px}.dropdown-item[data-v-5a60119c]:disabled{cursor:not-allowed;opacity:.6}.dropdown-item c-icon[data-v-5a60119c]{flex-shrink:0}.examples-container[data-v-5a60119c]{display:grid;gap:2px;grid-template-columns:1fr 1fr}.example[data-v-5a60119c]{background:var(--color-bg-secondary);border-radius:0;min-width:0;overflow:hidden;position:relative}.bad-example[data-v-5a60119c]{border-right:1px solid var(--color-border)}.example-content[data-v-5a60119c]{min-height:200px;overflow-x:auto;padding:1.5rem;width:100%}.example-label[data-v-5a60119c]{border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:600;margin:0;padding:.5rem 1rem}.bad-label[data-v-5a60119c]{background:var(--color-error-light);border:2px solid var(--color-error);color:var(--color-error)}.good-label[data-v-5a60119c]{background:var(--color-success-light);border:2px solid var(--color-success);color:var(--color-success)}.example-explanation[data-v-5a60119c]{background:var(--color-info-light);border-top:2px solid var(--color-info);color:var(--color-text);font-size:.95rem;padding:1rem}@media(max-width:768px){.toggle-header[data-v-5a60119c]{align-items:center;flex-direction:row;justify-content:space-between;padding:0}.dropdown-content[data-v-5a60119c]{left:auto;min-width:160px;right:0}.examples-container[data-v-5a60119c]{grid-template-columns:1fr}.bad-example[data-v-5a60119c]{border-bottom:2px solid var(--color-border);border-right:none}.card.example[data-v-5a60119c],.example-content[data-v-5a60119c]{padding:0}.example-label[data-v-5a60119c]{margin-bottom:1rem;margin-top:1rem}}@media(prefers-reduced-motion:reduce){.dropdown-item[data-v-5a60119c],.menu-trigger[data-v-5a60119c]{transition:none}}