/* Anchura común en PC, tomando la guía 029 como referencia.
   Los límites de párrafos e ilustraciones se conservan para facilitar la lectura. */
@media (min-width: 1024px) {
  html { --desktop-page-width: 1480px; --desktop-page-gutter: 40px; }

  html body .wrap:where(:not(.stats-page):not(#simulador)),
  html body .wrap.salary-page,
  html body .dispersion-lesson main,
  html body .lesson-header,
  html body .lesson-footer,
  html body .site-header,
  html body .site-footer,
  html body .fs-languages,
  html body .fs-education-context {
    box-sizing: border-box;
    max-width: var(--desktop-page-width);
    margin-inline: auto;
    padding-inline: var(--desktop-page-gutter);
  }

  /* Estas fichas ya tienen márgenes en el cuerpo o en su contenedor principal. */
  html body.fs-ficha .wrap,
  html body.fs-ficha .fs-header,
  html body.fs-ficha .fs-trail,
  html body.fs-ficha .topbar-in,
  html body.fs-ficha .topbar .inner,
  html body .tesla-content .wrap,
  html body .gpu-content .wrap {
    max-width: var(--desktop-page-width);
    margin-inline: auto;
    padding-inline: 24px;
  }

  html[data-course-lesson] body :is(.screen, .topbar-in, .nav-in, .course-return) {
    max-width: calc(var(--desktop-page-width) - 2 * var(--desktop-page-gutter));
    margin-inline: auto;
  }
  html[data-course-lesson] body .screen > :is(p, .lead) { max-width: 75ch; }

  /* La tarjeta de curso crece con su directorio. */
  html body .course-card { max-width: none; }
}