/* Wider public layout with narrow, consistent page gutters. */
.public-ui > header.site-header {
  width: 100%;
  max-width: none;
  margin: 0;
}

.public-ui > main,
.public-ui > footer,
.public-ui .how-guide,
.public-ui .support-banner {
  width: calc(100% - 32px);
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}

.public-ui .workspace {
  grid-template-columns: minmax(0, 1fr) clamp(280px, 22vw, 350px);
  gap: 24px;
}

/* The tender reader needs room for its long description and documents. */
.public-ui #detail.listing-reader {
  width: min(1180px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  height: min(900px, 92dvh);
  max-height: 92dvh;
}

@media (max-width: 950px) {
  .public-ui .workspace {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  .public-ui > main,
  .public-ui > footer,
  .public-ui .how-guide,
  .public-ui .support-banner {
    width: calc(100% - 24px);
  }

  .public-ui #detail.listing-reader {
    width: calc(100vw - 12px);
    max-width: calc(100vw - 12px);
    height: 94dvh;
    max-height: 94dvh;
  }
}