{% comment %}
A surface container.
- variant="raised" (default): filled surface + shadow, lifts off the page.
- variant="outline": border only, no fill or shadow, sits flat on the page background.
`padding` controls body padding; use `padding="none"` for a flush body so nested full-width
content (an accordion, table or list) can sit edge to edge. Pass `title`/`subheading`
(or a `header` slot) to render a padded header band with a divider above the body.
Without a header the body keeps the old single-element layout, so `class` still applies
to the padded box.
{% endcomment %}
{% if title or subheading or header %}