.wi-native-site .wi-demo-page{box-sizing:border-box;width:100%;min-width:0;max-width:1440px;align-self:center;margin:0 auto;padding:48px 24px 80px;font-size:16px;line-height:1.9;color:var(--wi-color-text)}
/* Definite widths keep flex parents and lazy-loaded images from shrinking the grid. */
.wi-native-site .wi-demos{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;margin-inline:auto}
.wi-native-site .wi-demos *{box-sizing:border-box}
.wi-native-site #wi-demos-panel:not([hidden]){display:block;width:100%;min-width:0;max-width:100%;align-self:stretch}
.wi-native-site #wi-demos-panel .wi-demos{container-type:inline-size;container-name:wi-demo-preview}
.wi-demo-heading{text-align:center;margin-bottom:32px}.wi-demo-heading h1{font-size:clamp(26px,4vw,40px);color:var(--wi-color-heading)}.wi-demo-heading p{font-size:16px;color:var(--wi-color-muted)}
.wi-native-site .wi-demo-grid{display:grid;width:100%;min-width:0;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-content:center;justify-items:stretch;align-items:stretch}
.wi-native-site .wi-demo-card{display:block;width:100%;min-width:0;max-width:none;margin:0;justify-self:stretch;overflow:hidden;border:1px solid var(--wi-color-border);border-radius:20px;background:var(--wi-color-surface);box-shadow:0 8px 30px rgb(var(--wi-color-shadow-rgb) / .04)}
.wi-demo-card[hidden]{display:none!important}.wi-native-site .wi-demo-card>a{display:block;width:100%;min-width:0;height:100%;padding:14px;text-decoration:none;color:var(--wi-color-text)}.wi-demo-card img{display:block;width:100%;max-width:100%;height:230px;object-fit:cover;object-position:top;border-radius:12px;background:var(--wi-color-surface-alt)}
.wi-demo-card h3{font-size:17px;line-height:1.8;margin:18px 0 8px;color:var(--wi-color-heading)}.wi-demo-link{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--wi-color-primary)}
.wi-demo-filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}.wi-demo-filters button{border:1px solid var(--wi-color-border);background:var(--wi-color-surface);color:var(--wi-color-text);font:inherit;font-size:14px;border-radius:12px;padding:10px 18px;cursor:pointer}.wi-demo-filters button.is-active{background:var(--wi-color-primary);color:var(--wi-color-inverse);border-color:var(--wi-color-primary)}
.wi-demo-more{text-align:center;margin:24px 0}.wi-home-rich .wi-rich-image{max-width:100%;height:auto}.wi-home-rich .wi-rich-section{margin-bottom:20px}.wi-native-site #wi-demos-panel .wi-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.e-n-tabs-content .wi-demo-card img{height:180px}
@container wi-demo-preview (max-width:560px){.wi-native-site #wi-demos-panel .wi-demo-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1024px){.wi-native-site .wi-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wi-native-site .wi-demo-page{padding-inline:20px}}
@media(max-width:640px){.wi-native-site .wi-demo-grid,.wi-native-site #wi-demos-panel .wi-demo-grid{grid-template-columns:minmax(0,1fr)}.wi-native-site .wi-demo-page{padding:32px 20px 60px}.wi-demo-card img{height:220px}}