/* Shared public layout: 1200px content with 40px / 20px gutters.
   Reading columns, account forms, admin layouts and project canvases retain
   their own widths. Hero copy keeps the approved independent framing. */
main.curriculum-page .cr-wrap,
main.curriculum-page #curriculum-subnav ul {
  box-sizing:border-box;
  width:100%;
  max-width:var(--public-frame-width);
  margin-inline:auto;
  padding-inline:var(--public-gutter);
}

main.guides-page,
main.jobs-page,
main.faq-page,
main.privacy-notice-page {
  padding-inline:var(--public-gutter);
}

main.guides-page .guide-shell {
  width:100%;
  max-width:var(--public-content-width);
}

main.guides-page .guide-article {
  max-width:820px;
  min-width:0;
}

main.contact-page {
  width:min(var(--public-content-width),calc(100% - 2 * var(--public-gutter)));
}

main>.portfolio-index {
  padding-inline:var(--public-gutter);
}

main.portfolio-reader :is(.reader-work-info, .reader-neighbors, .reader-notice) {
  padding-inline:var(--public-gutter);
}

main.portfolio-reader :is(.reader-work-info-inner, .reader-neighbors-inner, .reader-notice-inner) {
  width:100%;
  max-width:var(--public-content-width);
  margin-inline:auto;
}

@media(max-width:767px) {
  :root {
    --public-gutter:20px;
  }
}