/* The same layout CSS is loaded by WordPress inside the editing canvas and on the website.
   !important is limited to geometry that themes commonly override via highly
   specific generic block selectors. All values remain under Scott Blocks control. */
.wp-block-scott-blocks-section.sb-section {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: var(--sb-d-align-items, flex-start);
  width: var(--sb-d-outer-width, 100%) !important;
  max-width: var(--sb-d-outer-max-width, min(100%, calc(var(--container-width, var(--wp--style--global--content-size, var(--sb-site-max, 1200px))) + var(--main-inner-padding, 24px) + var(--main-inner-padding, 24px)))) !important;
  min-width: 0;
  min-height: var(--sb-d-min-height, 0px);
  margin-top: var(--sb-d-margin-top, 0px);
  margin-bottom: var(--sb-d-margin-bottom, 0px);
  margin-left: var(--sb-d-outer-offset, auto) !important;
  margin-right: var(--sb-d-outer-right, auto) !important;
  padding-top: var(--sb-d-padding-top, 40px);
  padding-right: var(--sb-d-padding-right, 24px) !important;
  padding-bottom: var(--sb-d-padding-bottom, 40px);
  padding-left: var(--sb-d-padding-left, 24px) !important;
  border-top: var(--sb-d-border-top, 0px) var(--sb-d-border-style, solid) var(--sb-d-border-color, transparent);
  border-right: var(--sb-d-border-right, 0px) var(--sb-d-border-style, solid) var(--sb-d-border-color, transparent);
  border-bottom: var(--sb-d-border-bottom, 0px) var(--sb-d-border-style, solid) var(--sb-d-border-color, transparent);
  border-left: var(--sb-d-border-left, 0px) var(--sb-d-border-style, solid) var(--sb-d-border-color, transparent);
  border-radius: var(--sb-d-radius-tl, 0px) var(--sb-d-radius-tr, 0px) var(--sb-d-radius-br, 0px) var(--sb-d-radius-bl, 0px);
  background-color: var(--sb-d-bg-color, transparent);
  background-image: var(--sb-d-bg-image, none);
  background-size: var(--sb-d-background-size, cover);
  background-position: var(--sb-d-bg-position, center center);
  background-repeat: var(--sb-d-bg-repeat, no-repeat);
  background-attachment: var(--sb-d-bg-attachment, scroll);
  color: var(--sb-d-text-color, inherit);
  box-shadow: var(--sb-d-shadow-css, none);
  overflow: var(--sb-d-overflow, visible);
  isolation: isolate;
  /* Classic themes sometimes translate alignfull elements and restrict all
     normal blocks in a high-specificity :not(...) rule. Don't inherit that
     positioning on a section whose width is explicitly managed here. */
  transform: none !important;
}
.wp-block-scott-blocks-section.sb-section > .sb-section__inner {
  width: 100%;
  max-width: var(--sb-d-content-width, var(--wp--style--global--content-size, var(--sb-site-max, 1200px)));
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
}
/* Use the exact same breakpoints for edit canvas and published pages. */
@media (max-width: 782px) {
 .wp-block-scott-blocks-section.sb-section {
  justify-content: var(--sb-t-align-items, var(--sb-d-align-items, flex-start));
  width: var(--sb-t-outer-width, var(--sb-d-outer-width, 100%)) !important;
  max-width: var(--sb-t-outer-max-width, var(--sb-d-outer-max-width, min(100%, calc(var(--container-width, var(--wp--style--global--content-size, var(--sb-site-max, 1200px))) + var(--main-inner-padding, 24px) + var(--main-inner-padding, 24px))))) !important;
  min-height: var(--sb-t-min-height, var(--sb-d-min-height, 0px));
  margin-top: var(--sb-t-margin-top, var(--sb-d-margin-top, 0px));
  margin-bottom: var(--sb-t-margin-bottom, var(--sb-d-margin-bottom, 0px));
  margin-left: var(--sb-t-outer-offset, var(--sb-d-outer-offset, auto)) !important;
  margin-right: var(--sb-t-outer-right, var(--sb-d-outer-right, auto)) !important;
  padding-top: var(--sb-t-padding-top, var(--sb-d-padding-top, 40px));
  padding-right: var(--sb-t-padding-right, var(--sb-d-padding-right, 24px)) !important;
  padding-bottom: var(--sb-t-padding-bottom, var(--sb-d-padding-bottom, 40px));
  padding-left: var(--sb-t-padding-left, var(--sb-d-padding-left, 24px)) !important;
  border-top: var(--sb-t-border-top, var(--sb-d-border-top, 0px)) var(--sb-t-border-style, var(--sb-d-border-style, solid)) var(--sb-t-border-color, var(--sb-d-border-color, transparent));
  border-right: var(--sb-t-border-right, var(--sb-d-border-right, 0px)) var(--sb-t-border-style, var(--sb-d-border-style, solid)) var(--sb-t-border-color, var(--sb-d-border-color, transparent));
  border-bottom: var(--sb-t-border-bottom, var(--sb-d-border-bottom, 0px)) var(--sb-t-border-style, var(--sb-d-border-style, solid)) var(--sb-t-border-color, var(--sb-d-border-color, transparent));
  border-left: var(--sb-t-border-left, var(--sb-d-border-left, 0px)) var(--sb-t-border-style, var(--sb-d-border-style, solid)) var(--sb-t-border-color, var(--sb-d-border-color, transparent));
  border-radius: var(--sb-t-radius-tl, var(--sb-d-radius-tl, 0px)) var(--sb-t-radius-tr, var(--sb-d-radius-tr, 0px)) var(--sb-t-radius-br, var(--sb-d-radius-br, 0px)) var(--sb-t-radius-bl, var(--sb-d-radius-bl, 0px));
  background-color: var(--sb-t-bg-color, var(--sb-d-bg-color, transparent));
  background-image: var(--sb-t-bg-image, var(--sb-d-bg-image, none));
  background-size: var(--sb-t-background-size, var(--sb-d-background-size, cover));
  background-position: var(--sb-t-bg-position, var(--sb-d-bg-position, center center));
  background-repeat: var(--sb-t-bg-repeat, var(--sb-d-bg-repeat, no-repeat));
  background-attachment: var(--sb-t-bg-attachment, var(--sb-d-bg-attachment, scroll));
  color: var(--sb-t-text-color, var(--sb-d-text-color, inherit));
  box-shadow: var(--sb-t-shadow-css, var(--sb-d-shadow-css, none));
  overflow: var(--sb-t-overflow, var(--sb-d-overflow, visible));
 }
 .wp-block-scott-blocks-section.sb-section > .sb-section__inner {max-width: var(--sb-t-content-width, var(--sb-d-content-width, var(--wp--style--global--content-size, var(--sb-site-max, 1200px))))}
}
@media (max-width: 480px) {
 .wp-block-scott-blocks-section.sb-section {
  justify-content: var(--sb-m-align-items, var(--sb-t-align-items, var(--sb-d-align-items, flex-start)));
  width: var(--sb-m-outer-width, var(--sb-t-outer-width, var(--sb-d-outer-width, 100%))) !important;
  max-width: var(--sb-m-outer-max-width, var(--sb-t-outer-max-width, var(--sb-d-outer-max-width, min(100%, calc(var(--container-width, var(--wp--style--global--content-size, var(--sb-site-max, 1200px))) + var(--main-inner-padding, 24px) + var(--main-inner-padding, 24px)))))) !important;
  min-height: var(--sb-m-min-height, var(--sb-t-min-height, var(--sb-d-min-height, 0px)));
  margin-top: var(--sb-m-margin-top, var(--sb-t-margin-top, var(--sb-d-margin-top, 0px)));
  margin-bottom: var(--sb-m-margin-bottom, var(--sb-t-margin-bottom, var(--sb-d-margin-bottom, 0px)));
  margin-left: var(--sb-m-outer-offset, var(--sb-t-outer-offset, var(--sb-d-outer-offset, auto))) !important;
  margin-right: var(--sb-m-outer-right, var(--sb-t-outer-right, var(--sb-d-outer-right, auto))) !important;
  padding-top: var(--sb-m-padding-top, var(--sb-t-padding-top, var(--sb-d-padding-top, 40px)));
  padding-right: var(--sb-m-padding-right, var(--sb-t-padding-right, var(--sb-d-padding-right, 24px))) !important;
  padding-bottom: var(--sb-m-padding-bottom, var(--sb-t-padding-bottom, var(--sb-d-padding-bottom, 40px)));
  padding-left: var(--sb-m-padding-left, var(--sb-t-padding-left, var(--sb-d-padding-left, 24px))) !important;
  border-top: var(--sb-m-border-top, var(--sb-t-border-top, var(--sb-d-border-top, 0px))) var(--sb-m-border-style, var(--sb-t-border-style, var(--sb-d-border-style, solid))) var(--sb-m-border-color, var(--sb-t-border-color, var(--sb-d-border-color, transparent)));
  border-right: var(--sb-m-border-right, var(--sb-t-border-right, var(--sb-d-border-right, 0px))) var(--sb-m-border-style, var(--sb-t-border-style, var(--sb-d-border-style, solid))) var(--sb-m-border-color, var(--sb-t-border-color, var(--sb-d-border-color, transparent)));
  border-bottom: var(--sb-m-border-bottom, var(--sb-t-border-bottom, var(--sb-d-border-bottom, 0px))) var(--sb-m-border-style, var(--sb-t-border-style, var(--sb-d-border-style, solid))) var(--sb-m-border-color, var(--sb-t-border-color, var(--sb-d-border-color, transparent)));
  border-left: var(--sb-m-border-left, var(--sb-t-border-left, var(--sb-d-border-left, 0px))) var(--sb-m-border-style, var(--sb-t-border-style, var(--sb-d-border-style, solid))) var(--sb-m-border-color, var(--sb-t-border-color, var(--sb-d-border-color, transparent)));
  border-radius: var(--sb-m-radius-tl, var(--sb-t-radius-tl, var(--sb-d-radius-tl, 0px))) var(--sb-m-radius-tr, var(--sb-t-radius-tr, var(--sb-d-radius-tr, 0px))) var(--sb-m-radius-br, var(--sb-t-radius-br, var(--sb-d-radius-br, 0px))) var(--sb-m-radius-bl, var(--sb-t-radius-bl, var(--sb-d-radius-bl, 0px)));
  background-color: var(--sb-m-bg-color, var(--sb-t-bg-color, var(--sb-d-bg-color, transparent)));
  background-image: var(--sb-m-bg-image, var(--sb-t-bg-image, var(--sb-d-bg-image, none)));
  background-size: var(--sb-m-background-size, var(--sb-t-background-size, var(--sb-d-background-size, cover)));
  background-position: var(--sb-m-bg-position, var(--sb-t-bg-position, var(--sb-d-bg-position, center center)));
  background-repeat: var(--sb-m-bg-repeat, var(--sb-t-bg-repeat, var(--sb-d-bg-repeat, no-repeat)));
  background-attachment: var(--sb-m-bg-attachment, var(--sb-t-bg-attachment, var(--sb-d-bg-attachment, scroll)));
  color: var(--sb-m-text-color, var(--sb-t-text-color, var(--sb-d-text-color, inherit)));
  box-shadow: var(--sb-m-shadow-css, var(--sb-t-shadow-css, var(--sb-d-shadow-css, none)));
  overflow: var(--sb-m-overflow, var(--sb-t-overflow, var(--sb-d-overflow, visible)));
 }
 .wp-block-scott-blocks-section.sb-section > .sb-section__inner {max-width: var(--sb-m-content-width, var(--sb-t-content-width, var(--sb-d-content-width, var(--wp--style--global--content-size, var(--sb-site-max, 1200px)))))}
}
/* Editor-only helpers, outside of the site's content. */
.editor-styles-wrapper .wp-block-scott-blocks-section.sb-section.is-selected,
.editor-styles-wrapper .wp-block-scott-blocks-section.sb-section.has-child-selected {outline-offset: -1px}
.editor-styles-wrapper .wp-block-scott-blocks-section.sb-section > .sb-section__inner:empty { min-height: 40px }