/* CampaignGateway Core 2.0 public rendering shell */
:root{
  color-scheme:light;
  --cg-shell-max:1320px;
  --cg-shell-gutter:clamp(10px,2vw,24px);
  --cg-shell-gap:clamp(12px,1.5vw,20px);
  --cg-shell-grid:38px;
  --cg-shell-bg-top:#d2e4f3;
  --cg-shell-bg-bottom:#bfd6e9;
  --cg-shell-grid-line:rgba(38,112,190,.16);
}
html,
body{
  min-width:320px;
  min-height:100%;
  color-scheme:light!important;
  background-color:var(--cg-shell-bg-bottom)!important;
  background-image:
    linear-gradient(var(--cg-shell-grid-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--cg-shell-grid-line) 1px,transparent 1px),
    radial-gradient(circle at 8% 0%,rgba(74,151,229,.22),transparent 35%),
    radial-gradient(circle at 92% 5%,rgba(20,57,94,.10),transparent 33%),
    linear-gradient(180deg,var(--cg-shell-bg-top),var(--cg-shell-bg-bottom))!important;
  background-size:var(--cg-shell-grid) var(--cg-shell-grid),var(--cg-shell-grid) var(--cg-shell-grid),auto,auto,auto!important;
  background-position:0 0,0 0,center,center,center!important;
  background-attachment:fixed,fixed,fixed,fixed,fixed!important;
}
body{margin:0;min-height:100vh;overflow-x:hidden;}
body :where(#page,.site,.site-content,.content-area,main.site-main,.wp-site-blocks,#content,.site-container,.content,.entry-content,.page-content,article.page,article.type-page,.wp-block-post-content,.wp-block-group,.wp-block-template-part,.wp-block-group__inner-container){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
body :where(#page,.site,.site-content,.content-area,main.site-main,.wp-site-blocks,#content,.site-container,.content,.entry-content,.page-content,.wp-block-post-content){
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;
}
body :where(.cg-public-ribbon,.cwlah-ribbon-nav){
  width:min(var(--cg-shell-max),calc(100% - (2 * var(--cg-shell-gutter))))!important;
  max-width:var(--cg-shell-max)!important;
  margin-left:auto!important;margin-right:auto!important;
}
body :where(.cg-shell-content,.cgap-wrap,.cgap-page,.cgap-site,.cgblog-viewport,.cgblog-body-root,.cgoa-learning-app,.cgoa-academy-shell,.cgoa-page,.cwlah-app-shell--auth,.cwlah-app-shell--register-clean,.cg-login-redo){
  box-sizing:border-box;
  width:min(var(--cg-shell-max),calc(100% - (2 * var(--cg-shell-gutter))))!important;
  max-width:var(--cg-shell-max)!important;
  margin-left:auto!important;margin-right:auto!important;
  left:auto!important;right:auto!important;transform:none!important;
}
body :where(.cwlah-app-shell--auth,.cwlah-app-shell--register-clean,.cg-login-redo){
  margin-top:var(--cg-shell-gap)!important;
  margin-bottom:clamp(28px,4vw,56px)!important;
}
body :where(.cwlah-app-shell--auth,.cwlah-app-shell--register-clean,.cg-login-redo,.cgblog-viewport,.cgblog-body-root,.cgoa-learning-app,.cgoa-academy-shell,.cgap-wrap,.cgap-page){
  background-color:transparent!important;
}
body :where(input,select,textarea,button){color-scheme:light}
body.admin-bar{--cg-admin-bar-offset:32px}
@media(max-width:782px){body.admin-bar{--cg-admin-bar-offset:46px}}
@media(max-width:780px){
  :root{--cg-shell-gutter:8px;--cg-shell-gap:10px;--cg-shell-grid:34px}
  body :where(.cg-public-ribbon,.cwlah-ribbon-nav,.cg-shell-content,.cgap-wrap,.cgap-page,.cgblog-viewport,.cgblog-body-root,.cgoa-learning-app,.cgoa-academy-shell,.cgoa-page,.cwlah-app-shell--auth,.cwlah-app-shell--register-clean,.cg-login-redo){width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important}
}
/* Core 2.0.3: browser/status-bar canvas ownership */
html{background-color:#c9deef!important;color-scheme:light!important;}
@supports(padding:max(0px)){
  body::before{
    content:"";
    position:fixed;
    z-index:-1;
    top:calc(-1 * env(safe-area-inset-top,0px));
    right:0;
    bottom:0;
    left:0;
    background-color:var(--cg-shell-bg-bottom)!important;
    background-image:
      linear-gradient(var(--cg-shell-grid-line) 1px,transparent 1px),
      linear-gradient(90deg,var(--cg-shell-grid-line) 1px,transparent 1px),
      radial-gradient(circle at 8% 0%,rgba(74,151,229,.22),transparent 35%),
      radial-gradient(circle at 92% 5%,rgba(20,57,94,.10),transparent 33%),
      linear-gradient(180deg,var(--cg-shell-bg-top),var(--cg-shell-bg-bottom))!important;
    background-size:var(--cg-shell-grid) var(--cg-shell-grid),var(--cg-shell-grid) var(--cg-shell-grid),auto,auto,auto!important;
    pointer-events:none;
  }
}