/* We suppose that the user can set their font size to any arbitrary value within sensible ranges, i.e. small enough for a few words to fit on a single line.
To do so, we can use pixels for horizontal dimensions and rem for vertical ones.
When the vertical dimensions need to match the horizontal dimensions, we can use px for vertical dimensions too.
*/
._wrapper {
  width: 80%;
}
.site-section-beginners > ._wrapper > .left {
  background: no-repeat url("barney-transparent.svg") top 20px right / 163px 365px;
  padding-right: 296px;
  background-repeat: no-repeat;
}
.site-section-beginners > ._wrapper > .right {
  background: url("munition-transparent.svg") no-repeat top 130px right 87px / 98px 110px, url("grenade-transparent.svg") no-repeat top 78px right / 61px 90px;
}
.site-section-beginners > ._wrapper > .right > .item.-sc {
  padding-right: 183px;
}
.site-section-news-articles > ._wrapper {
  background: url("crowbar-transparent.svg") no-repeat top 20px left / 207px 123px, url("gauss-transparent.svg") no-repeat top 103px left 121px / 313px 87px, url("bullsquid-transparent.svg") no-repeat top 44px right 89px / 285px 162px;
}
.site-section-news-articles > ._wrapper > .list {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.site-section-news-articles > ._wrapper > .list > .item {
  flex: 0 0 48%;
  max-width: 48%;
}
.std-interactive.-search > .icon {
  height: 1rem;
}
.std-mosaic-list:not(.-twoperrow):not(.-oneperrow) > .item {
  width: 30%;
}
.std-review.-summary > .box > .prosandcons {
  flex-direction: row;
  gap: 16px;
}
.std-review.-summary > .box > .prosandcons > .part {
  flex: 1 1 50%;
}
.std-review > .relatedlinks > .list > .std-button, .std-review > .relatedlinks > .std-button {
  font-size: 1.2em;
}
.std-review > .relatedlinks > .-moretests {
  display: block;
}
.std-review > .relatedlinks > .list > .link {
  font-size: 1.2em;
}