.webform-print-button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.webform-print-button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.webform-print-back-wrapper {
  margin-bottom: 1rem;
}

.webform-print-back {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

@media print {
  .webform-print-back-wrapper {
    display: none;
  }
}

/* Scoped to the print page only — widens the form column and gives the
   sitewide details border breathing room, since the tight/narrow look only
   shows up here (no sidebar/container to constrain or pad the wizard pages
   the way normal pages do). */
#page-wrapper.page-webform-print #main-content {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* author.css sets .path-webform #main-content to max-width: 90% below 1200px
   with the same specificity, but loads after this file, so it wins the tie
   on narrower viewports. Match its breakpoint with a more specific selector
   so the print page's width isn't re-capped there. */
@media screen and (max-width: 1200px) {
  #page-wrapper.page-webform-print #main-content {
    max-width: 100%;
    margin: 40px auto;
  }
}

.page-webform-print details {
  width: 100%;
}

.page-webform-print .details-wrapper {
  padding: 15px 20px;
}