/*
 * Shared flowing layout for legacy right-hand action panels.
 * The companion script moves each panel directly after the section heading.
 */
body .center-content.has-side-actions:has(> .my_right_box) {
  display: flow-root;
  padding: clamp(23px, 4vw, 38px) !important;
}

body .center-content.has-side-actions > .my_right_box,
body .center-content.has-side-actions > .my_right_box:has(.calltoact) {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  float: right !important;
  width: min(250px, 42%) !important;
  height: auto !important;
  margin: 0 0 20px 28px !important;
}

.calltoact .ititle {
  padding: 0 !important;
  text-indent: 0 !important;
}

.calltoact .text,
.calltoact .learn {
  margin-left: 0 !important;
  text-indent: 0 !important;
}

/* Action-card descriptions are not navigation lists, so omit menu bullets. */
.my_right_box .actioncolumn .vlist dd a::before {
  display: none !important;
  content: none !important;
}

@media (max-width: 760px) {
  body .center-content.has-side-actions:has(> .my_right_box) {
    padding: 24px !important;
  }

  body .center-content.has-side-actions > .my_right_box,
  body .center-content.has-side-actions > .my_right_box:has(.calltoact) {
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  body .center-content.has-side-actions > .my_right_box,
  body .center-content.has-side-actions > .my_right_box:has(.calltoact) {
    grid-template-columns: 1fr;
  }
}