@charset "UTF-8";
/**
 * Canonical live Responsive DNA primitives.
 * data-stm-device describes hardware; data-stm-layout describes the current
 * browser-window composition and updates while the window is dragged.
 */
html[data-stm-layout="desktop"] {
  --stm-device-content-gutter:var(--stm-content-gutter);
}
html[data-stm-layout="tablet"],
html[data-stm-layout="mobile"] {
  --stm-device-content-gutter:var(--stm-content-gutter-mobile);
}

html[data-stm-layout="desktop"] :where(.stm-container,.site-container,.container,.stm-reading-width) {
  width:min(100% - (2 * var(--stm-content-gutter)),var(--stm-container));
}

html[data-stm-layout="tablet"] :where(.stm-container,.site-container,.container,.stm-reading-width),
html[data-stm-layout="mobile"] :where(.stm-container,.site-container,.container,.stm-reading-width) {
  width:min(100% - (2 * var(--stm-content-gutter-mobile)),var(--stm-container));
}

html[data-stm-layout="desktop"] :is(.stm-layout-only--tablet,.stm-layout-only--mobile,.stm-device-only--tablet,.stm-device-only--mobile),
html[data-stm-layout="tablet"] :is(.stm-layout-only--desktop,.stm-layout-only--mobile,.stm-device-only--desktop,.stm-device-only--mobile),
html[data-stm-layout="mobile"] :is(.stm-layout-only--desktop,.stm-layout-only--tablet,.stm-device-only--desktop,.stm-device-only--tablet) {
  display:none;
}

html,
body {
  max-width:100%;
}

body {
  overflow-x:clip;
}

@supports not (overflow:clip) {
  body { overflow-x:hidden; }
}

:where(img,video,iframe,embed,object,svg,canvas) {
  max-width:100%;
}

:where(.stm-container,.site-container,.container,.stm-reading-width,.site-main,.site-content,.content-area,.widget-area) {
  min-width:0;
}