@layer properties,theme,base;@layer legacy{.hosted-demo{flex-direction:column;min-height:100dvh;display:flex}.hosted-demo header,.hosted-demo footer{justify-content:space-between;gap:24px;padding:24px clamp(24px,6vw,96px);display:flex}.hosted-demo main{flex:1;width:min(100% - 48px,720px);margin:64px auto}.hosted-demo h1{font-family:var(--parley-font-family-display);margin:16px 0 24px;font-size:clamp(36px,6vw,60px);line-height:1.1}.hosted-demo p,.hosted-demo li{line-height:1.7}.hosted-demo section{border:1px solid var(--parley-color-border-subtle);border-radius:12px;margin:32px 0;padding:24px}.hosted-demo section h2{font-size:20px}.hosted-demo section a,.hosted-demo footer a{text-decoration:underline}.hosted-demo-eyebrow{color:var(--parley-color-fg-muted)}@media (width<=480px){.hosted-demo main{margin:32px auto}}}@layer components,utilities;