.vnext-shell { min-block-size: 100vh; padding: 2rem 1rem; color: var(--ds-color-text); background: var(--ds-color-background); font-family: var(--ds-font-body); color-scheme: light dark; }
.vnext-shell__content { max-inline-size: 76rem; margin-inline: auto; }
.vnext-shell:has(.sf-lab) { padding: 0; }
.vnext-shell__content:has(> .sf-lab) { max-inline-size: none; margin-inline: 0; }
.vnext-foundation { padding: clamp(1.5rem, 6vw, 4rem); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-md); background: var(--ds-color-surface); }
.vnext-foundation button { min-block-size: 44px; padding: var(--ds-space-3) var(--ds-space-4); border: 0; border-radius: var(--ds-radius-sm); color: var(--ds-color-on-primary); background: var(--ds-color-primary); font: inherit; font-weight: 700; }
.vnext-foundation button:focus-visible { outline: 3px solid var(--ds-color-primary); outline-offset: 3px; }