/* PRS User Academy: consistent content widths, independent of site chrome. */
@media (min-width: 1101px) {
  body > main.container, main.container.main, main.container.layout,
  .academy-tutorial-notice, .container.breadcrumb {
    width: min(100%, 1360px);
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
  }
  main.container.layout {
    display: grid;
    grid-template-columns: 188px minmax(0, 1fr) 178px;
    gap: 18px;
    align-items: start;
    padding-left: 24px;
    padding-right: 24px;
  }
  main.container.layout > .content {
    min-width: 0;
    width: 100%;
    padding: 38px 36px;
  }
  main.container.layout .sidebar { padding: 19px 11px; }
  main.container.layout .toc-card { padding: 18px 12px; }
  main.container.layout .step-shot img { max-width: 100%; height: auto; }
}
@media (min-width: 721px) and (max-width: 1100px) {
  main.container.layout { grid-template-columns: 190px minmax(0, 1fr); gap: 16px; }
  main.container.layout > .content { padding: 32px 28px; }
}
@media (max-width: 720px) {
  main.container.layout { display: block; }
  main.container.layout > .content { width: 100%; padding: 25px 20px; }
}
/* Keep global chrome identical on every public page. */
.top > .container.nav, .footer > .container { max-width: 1160px; width: 100%; }
.top .navlinks { align-items: center; }