/*
 * SIA Elements — base widget guards.
 *
 * Universal rule applied to every SIA widget's root element:
 *   - `max-width: 100%` — never overflows the parent column horizontally.
 *   - `box-sizing: border-box` — padding + border counted INSIDE the
 *     width budget instead of being added on top.
 *
 * Targets root containers ONLY (no universal descendant `*` rule — that
 * would compete with widget-specific sizing on icons, fixed-width logos,
 * etc.). New widgets should add their root selector here as the plugin grows.
 *
 * Loaded at plugin level (registered as `sia-base` and added as a style
 * dependency by every widget that loads its own CSS).
 */

/* Widget root containers + outer wrappers for SIA widgets */
.sia-cta,
.sia-cta-wrap,
.sia-cta__list,
.sia-pcg,
.sia-pcg__list,
.sia-rg,
.sia-rg-wrap,
.sia-rc,
.sia-rm,
.sia-rb,
.sia-rb-wrap,
.sia-bm,
.sia-sg,
.sia-mq,
.sia-tm-card,
.sia-tm-grid,
.sia-tm-carousel,
.sia-ib-card,
.sia-ib-grid,
.sia-ib-carousel,
.sia-ci,
.sia-dh,
.sia-heading,
.sia-card-wrap,
.sia-ab,
.sia-ab-wrap,
.sia-fb,
.sia-fb-wrap,
.sia-atc,
.sia-atc-wrap {
	max-width: 100%;
	box-sizing: border-box;
}

/* Images inside SIA widgets — guard against intrinsic dimensions blowing
   out a flex/grid cell. Height stays auto so aspect ratio is preserved. */
[class*=" sia-"] img,
[class^="sia-"] img {
	max-width: 100%;
}