.example-layout[data-astro-cid-2bf27mi3]{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl);max-width:var(--container-lg);margin:0 auto;align-items:start}.example-main[data-astro-cid-2bf27mi3]{min-width:0}.example-content[data-astro-cid-2bf27mi3]{background:var(--bg);border-radius:var(--radius-lg);overflow:hidden}.example-header[data-astro-cid-2bf27mi3]{margin:0 0 var(--spacing-xl)}.example-header-image[data-astro-cid-2bf27mi3]{width:100%;height:auto;display:block}.example-text[data-astro-cid-2bf27mi3]{padding:0}.example-text[data-astro-cid-2bf27mi3] pre[data-astro-cid-2bf27mi3]{background:var(--bg-muted);padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-xl) 0;border:1px solid var(--border);white-space:pre;word-wrap:normal;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;position:relative}.example-text[data-astro-cid-2bf27mi3] pre[data-astro-cid-2bf27mi3][data-language]:before{content:attr(data-language);position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--accent-primary);color:var(--text-on-accent);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.example-text[data-astro-cid-2bf27mi3] code[data-astro-cid-2bf27mi3]{background:var(--bg-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9em;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.example-text[data-astro-cid-2bf27mi3] pre[data-astro-cid-2bf27mi3] code[data-astro-cid-2bf27mi3]{background:none;padding:0;border-radius:0}.example-text[data-astro-cid-2bf27mi3] img[data-astro-cid-2bf27mi3]{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-xl) 0}.example-sidebar[data-astro-cid-2bf27mi3]{background:var(--bg-muted);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border);height:fit-content;top:var(--spacing-xl)}.sidebar-section[data-astro-cid-2bf27mi3]{margin-bottom:var(--spacing-xl)}.sidebar-section[data-astro-cid-2bf27mi3]:last-child{margin-bottom:0}.sidebar-section[data-astro-cid-2bf27mi3] h2[data-astro-cid-2bf27mi3]{font-size:var(--text-lg);margin:0 0 var(--spacing-md);color:var(--fg);border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.sidebar-section[data-astro-cid-2bf27mi3] ul[data-astro-cid-2bf27mi3]{list-style:none;padding:0;margin:0}.sidebar-section[data-astro-cid-2bf27mi3] li[data-astro-cid-2bf27mi3]{margin-bottom:var(--spacing-sm);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.sidebar-section[data-astro-cid-2bf27mi3] a[data-astro-cid-2bf27mi3]{color:var(--fg-muted);text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:.2em;text-decoration-thickness:1px;font-size:.9rem;transition:all .2s ease}.sidebar-section[data-astro-cid-2bf27mi3] a[data-astro-cid-2bf27mi3]:hover,.sidebar-section[data-astro-cid-2bf27mi3] a[data-astro-cid-2bf27mi3]:focus,.sidebar-section[data-astro-cid-2bf27mi3] a[data-astro-cid-2bf27mi3]:active{color:var(--text-on-accent);text-decoration-color:var(--text-on-accent);text-decoration-thickness:2px}.wcag-list[data-astro-cid-2bf27mi3] li[data-astro-cid-2bf27mi3]{font-weight:500}.practices-list[data-astro-cid-2bf27mi3] li[data-astro-cid-2bf27mi3],.benefits-list[data-astro-cid-2bf27mi3] li[data-astro-cid-2bf27mi3]{padding-left:var(--spacing-md);position:relative}.practices-list[data-astro-cid-2bf27mi3] li[data-astro-cid-2bf27mi3]:before,.benefits-list[data-astro-cid-2bf27mi3] li[data-astro-cid-2bf27mi3]:before{content:"•";color:var(--accent-primary);font-weight:700;position:absolute;left:0}.resources-list[data-astro-cid-2bf27mi3] li[data-astro-cid-2bf27mi3],.tools-list[data-astro-cid-2bf27mi3] li[data-astro-cid-2bf27mi3]{font-weight:500}@media (max-width: 1024px){.example-layout[data-astro-cid-2bf27mi3]{grid-template-columns:1fr;gap:var(--spacing-2xl)}.example-sidebar[data-astro-cid-2bf27mi3]{position:static;order:1}.sidebar-section[data-astro-cid-2bf27mi3]{margin-bottom:var(--spacing-lg)}}@media (max-width: 768px){.example-sidebar[data-astro-cid-2bf27mi3]{padding:var(--spacing-md)}.sidebar-section[data-astro-cid-2bf27mi3] h2[data-astro-cid-2bf27mi3]{font-size:var(--text-base)}.example-text[data-astro-cid-2bf27mi3] pre[data-astro-cid-2bf27mi3]{padding:var(--spacing-md);font-size:.8rem}.example-text[data-astro-cid-2bf27mi3] pre[data-astro-cid-2bf27mi3][data-language]:before{font-size:.7rem;padding:2px var(--spacing-xs)}}@media (prefers-contrast: high){.example-sidebar[data-astro-cid-2bf27mi3],.example-text[data-astro-cid-2bf27mi3] pre[data-astro-cid-2bf27mi3]{border:2px solid var(--border)}}@media (prefers-reduced-motion: reduce){.sidebar-section[data-astro-cid-2bf27mi3] a[data-astro-cid-2bf27mi3]{transition:none}}