/* Marco compartido por las rutas públicas: igual al header de Inicio. */
.page-shell:has(.public-roadmap-library),
.page-shell:has(.roadmap-page),
.page-shell:has(.article-page),
.page-shell:has(.articles-page),
.page-shell:has(.public-geek-library) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-bottom: 3rem;
}

body:has(.public-roadmap-library) .landing-v2-header,
body:has(.roadmap-page) .landing-v2-header,
body:has(.article-page) .landing-v2-header,
body:has(.articles-page) .landing-v2-header,
body:has(.public-geek-library) .landing-v2-header {
  width: calc(100% - 2 * var(--v2-page-gutter));
  margin: var(--v2-page-gutter) auto 0;
  border: 1px solid rgba(64, 129, 224, .46);
  border-radius: 17px;
}

.public-roadmap-library {
  width: calc(100% - 2 * var(--v2-page-gutter));
  max-width: 1420px;
  margin: var(--v2-section-gap) auto 4rem;
}

@media (max-width: 767px) {
  body:has(.public-roadmap-library) .landing-v2-header,
  body:has(.roadmap-page) .landing-v2-header,
  body:has(.article-page) .landing-v2-header,
  body:has(.articles-page) .landing-v2-header,
  body:has(.public-geek-library) .landing-v2-header {
    width: calc(100% - 24px);
    margin-top: 12px;
  }
}