:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--demo-accent:var(--site-link-accent,#075bcc);--demo-border:#dee2e6;--demo-muted:#6c757d;--demo-surface:#fff;--demo-surface-muted:#f8f9fa;--demo-text:#212529;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--demo-surface);color:var(--demo-text);margin:0}.demo-page a[href]{color:var(--demo-accent);text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:.08em}.demo-page a[href]:hover{text-decoration-thickness:.14em}button,input,select,textarea{font:inherit}button{border:1px solid var(--demo-border);background:var(--demo-surface);min-height:2.5rem;color:var(--demo-text);cursor:pointer;border-radius:.375rem;padding:.45rem .8rem}button:hover{border-color:var(--demo-accent);background:var(--demo-surface-muted)}:focus-visible{outline:3px solid var(--site-focus-indicator,#075bcc);outline-offset:2px}.demo-page{width:min(68rem,100% - 3rem);margin-inline:auto;padding-block:2rem 5rem}.demo-page__intro{border-bottom:1px solid var(--demo-border);max-width:48rem;margin-bottom:2rem;padding-bottom:1rem}.demo-page__intro h1{margin-block:0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.demo-page__intro p{color:var(--demo-muted);font-size:1rem}.demo-panel{border:1px solid var(--demo-border);background:var(--demo-surface);border-radius:.5rem;padding:1rem}.demo-status{min-height:1.5em;color:var(--demo-muted)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.shadow-demo{width:min(52rem,100% - 3rem)}.boundary-model h2{margin-top:0}.boundary-model pre{background:#f8f9fa;border:1px solid #2125292e;border-radius:.35rem;margin-block:1rem;padding:1rem;overflow-x:auto}.context-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;margin:0;display:grid}.context-list div{min-width:0}.context-list dt{font-weight:700}.context-list dd{margin:.2rem 0 0}.shadow-demo__controls{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.shadow-demo__controls .demo-status{flex-basis:100%;margin:0}.shadow-demo__host{display:block}@media (width<=36rem){.shadow-demo{width:min(100% - 2rem,52rem)}.context-list{grid-template-columns:1fr}}