/* Collapsing container */
.wysiwyg-content  {
  container: sidebar / inline-size;
}
.tab-container {
  width:107%;
}

.collapse-box {
}

.main-area {
  width:70%;
  display: inline-block;
  margin-right:3%;
}

.side-area {
  width:25%;
  display: inline-block;
  float:right;
  border-left: 1px solid #ccc;
  padding-left:3cqw;
}

.sidebar-image {
  width:250px;
  height:auto;
}

/* Stacking Columns */


.two-column {
columns:  2;
column-gap:35px;

}

.three-column {
columns:  3;
column-gap:35px;
}

.two-column-side .three-column-side  {
columns:  1;
column-gap:35px;

}


.keeptogether {
display: inline-block;
width: 100%;
}



@container sidebar (max-width: 993px) {

.collapse-box   {
  flex-wrap: nowrap;
}

.main-area {
  width:100%;

}

.side-area {
  width:100%;
  float:none;
  border:none;
  padding-left: 0px;

}

.sidebar-image {
  width:300px;
  height:auto;
  float:left;
  padding-right:25px;
}

.two-column-side {
columns:  2;

}

.three-column-side {
columns:  3;
}


}

@container sidebar (max-width: 575px) {

  .sidebar-image {
    width:100cqw;;
    height:auto;
    float:none;
    padding-right:0px;
  }

  .tab-container {
    width:100%;
  }

  .two-column-side .three-column-side  {
  columns:  1;

  }


}