.demo-header:where(.astro-hdhy6lan){width:100%;padding:var(--site-padding);background:var(--color-foreground)}.demo-header-container:where(.astro-hdhy6lan){max-width:var(--site-width);margin:0 auto;display:flex;flex-direction:column;gap:1rem}.demo-feature-badge:where(.astro-hdhy6lan){font-size:.75rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.demo-header-title:where(.astro-hdhy6lan){font-family:var(--font-serif);font-size:3rem;font-weight:400;margin:0;color:var(--color-background);line-height:1.2}.demo-header-subtitle:where(.astro-hdhy6lan){font-size:1.25rem;line-height:1.6;color:var(--color-secondary-foreground);margin:0}.demo-header-meta:where(.astro-hdhy6lan){display:flex;gap:.5rem;font-size:.9375rem;color:var(--color-secondary-foreground);padding-top:.5rem}.demo-content-section:where(.astro-hdhy6lan){width:100%;padding:var(--site-padding) var(--site-padding) 6rem;background:var(--color-background)}.demo-content-container:where(.astro-hdhy6lan){max-width:var(--site-width);margin:0 auto}.demo-layout-grid:where(.astro-hdhy6lan){display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start}.demo-content:where(.astro-hdhy6lan){padding-left:2rem;border-left:1px solid rgba(21,20,19,.12)}.demo-content:where(.astro-hdhy6lan) *:first-child{margin-top:0}.demo-content:where(.astro-hdhy6lan) *:last-child{margin-bottom:0}.demo-content:where(.astro-hdhy6lan) h2{font-family:var(--font-serif);font-size:2rem;font-weight:400;margin:3rem 0 1rem;color:var(--color-foreground)}.demo-content:where(.astro-hdhy6lan) h2:first-child{margin-top:0}.demo-content:where(.astro-hdhy6lan) h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;margin:2rem 0 .75rem;color:var(--color-foreground)}.demo-content:where(.astro-hdhy6lan) h4{font-family:var(--font-serif);font-size:1.25rem;font-weight:400;margin:1.5rem 0 .5rem;color:var(--color-foreground)}.demo-content:where(.astro-hdhy6lan) p{font-size:1.125rem;line-height:1.7;color:#333;margin:0 0 1.5rem}.demo-content:where(.astro-hdhy6lan) ul,.demo-content:where(.astro-hdhy6lan) ol{margin:1.5rem 0;padding-left:1.5rem}.demo-content:where(.astro-hdhy6lan) li{font-size:1.125rem;line-height:1.7;color:#333;margin:.75rem 0}.demo-content:where(.astro-hdhy6lan) strong{color:var(--color-foreground);font-weight:600}.demo-content:where(.astro-hdhy6lan) a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-primary);transition:border-color .2s ease}.demo-content:where(.astro-hdhy6lan) a:hover{border-bottom-color:transparent}.demo-content:where(.astro-hdhy6lan) iframe{width:100%;aspect-ratio:16 / 9;border:1px solid rgba(21,20,19,.12);margin:2rem 0}.demo-content:where(.astro-hdhy6lan) img{width:100%;height:auto;border:1px solid rgba(21,20,19,.12);margin:2rem 0}.demo-content:where(.astro-hdhy6lan) blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:3px solid var(--color-primary);background:#f289540d;font-style:italic}.demo-content:where(.astro-hdhy6lan) code{background:#1514130d;padding:.125rem .375rem;border-radius:3px;font-size:.9em;font-family:Courier New,monospace}.demo-content:where(.astro-hdhy6lan) pre{background:var(--color-foreground);color:#fff;padding:1.5rem;overflow-x:auto;margin:2rem 0;border-radius:4px}.demo-content:where(.astro-hdhy6lan) pre code{background:transparent;padding:0;color:#fff}.demo-sidebar:where(.astro-hdhy6lan){position:sticky;top:calc(var(--header-height, 80px) + 2rem);display:flex;flex-direction:column;gap:2rem}.demo-sidebar-card:where(.astro-hdhy6lan){padding:2rem 1.5rem;background:var(--color-foreground);display:flex;flex-direction:column;gap:1rem}.demo-sidebar-title:where(.astro-hdhy6lan){font-family:var(--font-serif);font-size:1.125rem;font-weight:400;margin:0;color:#fff}.demo-sidebar-text:where(.astro-hdhy6lan){font-size:.9375rem;line-height:1.5;color:#ffffffb3;margin:0}.demo-sidebar-button:where(.astro-hdhy6lan){display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-primary-foreground);text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .2s ease}.demo-sidebar-button:where(.astro-hdhy6lan):hover{background:var(--color-primary);opacity:.9}@media(max-width:1024px){.demo-layout-grid:where(.astro-hdhy6lan){grid-template-columns:1fr;gap:var(--site-padding)}.demo-sidebar:where(.astro-hdhy6lan){position:static;max-width:400px}}@media(max-width:768px){.demo-header:where(.astro-hdhy6lan){padding:var(--site-padding) var(--site-padding) 2rem}.demo-header-title:where(.astro-hdhy6lan){font-size:2.5rem}.demo-header-subtitle:where(.astro-hdhy6lan){font-size:1.125rem}.demo-content-section:where(.astro-hdhy6lan){padding:var(--site-padding)}.demo-content:where(.astro-hdhy6lan){padding-left:1rem}.demo-content:where(.astro-hdhy6lan) h2{font-size:1.75rem}.demo-content:where(.astro-hdhy6lan) h3{font-size:1.375rem}.demo-content:where(.astro-hdhy6lan) p,.demo-content:where(.astro-hdhy6lan) li{font-size:1rem}.demo-sidebar:where(.astro-hdhy6lan){max-width:100%}}