/* DermPrep Idea 9.45 — canonical Sources & page information centering */

/* Center the entire component in the editorial canvas on every page that uses it. */
.sources-panel-wrap{
  width:min(920px, calc(100% - 48px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Center the collapsed/open summary label while preserving the control on the right. */
.sources-panel summary{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding-left:58px !important;
  padding-right:58px !important;
}
.sources-panel-title{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
}

/* Keep + / − control visually anchored at the far right without shifting the title. */
.sources-panel summary::after{
  right:18px !important;
  left:auto !important;
}

/* Expanded reference content remains easy to read: centered container, left-aligned citations. */
.sources-panel-body{
  text-align:left !important;
}

/* Match the canonical panel width/centering even when legacy .shell/.narrow rules compete. */
section.sources-panel-wrap.shell,
section.sources-panel-wrap.narrow,
section.sources-panel-wrap.references{
  width:min(920px, calc(100% - 48px)) !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:640px){
  .sources-panel-wrap,
  section.sources-panel-wrap.shell,
  section.sources-panel-wrap.narrow,
  section.sources-panel-wrap.references{
    width:calc(100% - 32px) !important;
    max-width:none !important;
  }
  .sources-panel summary{
    padding-left:48px !important;
    padding-right:48px !important;
  }
  .sources-panel summary::after{
    right:14px !important;
  }
}