.demo-container[data-astro-cid-o3yjmmsk]{max-width:1000px;margin:var(--spacing-2xl) auto;padding:0 var(--spacing-md)}h1[data-astro-cid-o3yjmmsk]{margin-top:0;margin-bottom:var(--spacing-md)}.intro[data-astro-cid-o3yjmmsk]{font-size:1.05rem;color:var(--color-text-soft);margin-bottom:var(--spacing-2xl);line-height:var(--line-height-body)}.intro[data-astro-cid-o3yjmmsk] code[data-astro-cid-o3yjmmsk]{background-color:var(--color-accent-soft);color:var(--color-accent-dark);padding:.125rem .375rem;border-radius:3px}.demo-section[data-astro-cid-o3yjmmsk]{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border-subtle)}.demo-section[data-astro-cid-o3yjmmsk]:last-of-type{border-bottom:none}.demo-section[data-astro-cid-o3yjmmsk] h2[data-astro-cid-o3yjmmsk]{margin-top:0;margin-bottom:var(--spacing-md)}.demo-code-and-preview[data-astro-cid-o3yjmmsk]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.preview[data-astro-cid-o3yjmmsk]{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-lg)}.code-block[data-astro-cid-o3yjmmsk]{background-color:#f5f5f5;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md)}[data-astro-cid-o3yjmmsk][data-theme=dark] .code-block[data-astro-cid-o3yjmmsk]{background-color:#2a2a2a}.code-block[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]{cursor:pointer;font-weight:500;color:var(--color-accent);user-select:none;padding:var(--spacing-sm);margin:calc(var(--spacing-sm) * -1)}.code-block[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]:hover{text-decoration:underline}.code-block[data-astro-cid-o3yjmmsk] pre[data-astro-cid-o3yjmmsk]{margin-top:var(--spacing-md);overflow-x:auto;font-size:.9rem}.code-block[data-astro-cid-o3yjmmsk] code[data-astro-cid-o3yjmmsk]{display:block;padding:var(--spacing-md);background-color:inherit;border-radius:var(--radius-sm)}.test-notes[data-astro-cid-o3yjmmsk]{background-color:var(--color-accent-soft);border-left:4px solid var(--color-accent);padding:var(--spacing-md);border-radius:var(--radius-sm)}.test-notes[data-astro-cid-o3yjmmsk] h3[data-astro-cid-o3yjmmsk]{margin-top:0;margin-bottom:var(--spacing-sm);color:var(--color-accent-dark)}.test-notes[data-astro-cid-o3yjmmsk] ul[data-astro-cid-o3yjmmsk]{margin:0;padding-left:var(--spacing-lg)}.test-notes[data-astro-cid-o3yjmmsk] li[data-astro-cid-o3yjmmsk]{margin-bottom:var(--spacing-sm)}.accordion-item[data-astro-cid-o3yjmmsk]{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.accordion-item[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]{cursor:pointer;font-weight:500;user-select:none;padding:var(--spacing-sm);margin:calc(var(--spacing-sm) * -1)}.accordion-item[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]:hover{background-color:var(--color-accent-soft)}.accordion-item[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.accordion-item[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]::marker{color:var(--color-accent);font-weight:700}.accordion-item[data-astro-cid-o3yjmmsk]>p[data-astro-cid-o3yjmmsk],.accordion-item[data-astro-cid-o3yjmmsk]>ul[data-astro-cid-o3yjmmsk],.accordion-item[data-astro-cid-o3yjmmsk]>div[data-astro-cid-o3yjmmsk]{margin-top:var(--spacing-md);margin-bottom:0}.accordion-nested[data-astro-cid-o3yjmmsk]{margin-top:var(--spacing-md);margin-left:var(--spacing-lg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-md)}.accordion-nested[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]{cursor:pointer;font-weight:500;user-select:none;padding:var(--spacing-xs);margin:calc(var(--spacing-xs) * -1)}.accordion-nested[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]:hover{background-color:var(--color-accent-soft)}.accordion-nested[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.accordion-nested[data-astro-cid-o3yjmmsk] summary[data-astro-cid-o3yjmmsk]::marker{color:var(--color-accent)}.accordion-nested[data-astro-cid-o3yjmmsk]>p[data-astro-cid-o3yjmmsk]{margin-top:var(--spacing-md);margin-bottom:0}.long-content[data-astro-cid-o3yjmmsk]{line-height:var(--line-height-body)}.long-content[data-astro-cid-o3yjmmsk] p[data-astro-cid-o3yjmmsk]{margin-bottom:var(--spacing-md)}.long-content[data-astro-cid-o3yjmmsk] h3[data-astro-cid-o3yjmmsk]{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.long-content[data-astro-cid-o3yjmmsk] ul[data-astro-cid-o3yjmmsk]{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.long-content[data-astro-cid-o3yjmmsk] li[data-astro-cid-o3yjmmsk]{margin-bottom:var(--spacing-sm)}details[data-astro-cid-o3yjmmsk]{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.back-link[data-astro-cid-o3yjmmsk]{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle)}.back-link[data-astro-cid-o3yjmmsk] a[data-astro-cid-o3yjmmsk]{color:var(--color-accent);text-decoration:none;font-weight:500}.back-link[data-astro-cid-o3yjmmsk] a[data-astro-cid-o3yjmmsk]:hover{text-decoration:underline}.back-link[data-astro-cid-o3yjmmsk] a[data-astro-cid-o3yjmmsk]:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}@media(max-width:768px){.demo-code-and-preview[data-astro-cid-o3yjmmsk]{grid-template-columns:1fr}.accordion-nested[data-astro-cid-o3yjmmsk]{margin-left:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){details[data-astro-cid-o3yjmmsk]{animation:none}}