@import url('/assets/css/blog-guided-hf153.css');

/* HF154 · revisión integral de artículos del Blog.
 * La edición Revista Guiada se presenta en una sola lectura vertical: el
 * índice acompaña al lector y el contenido no se reparte en columnas CSS,
 * evitando huecos, cortes de secciones y scroll horizontal.
 */
.page-blog-article .blog-guided-article,
.page-blog-article .blog-guided-content-grid,
.page-blog-article .blog-guided-body,
.page-blog-article .blog-guided-body .blog-magazine-layout,
.page-blog-article .blog-guided-body .blog-magazine-main,
.page-blog-article .blog-guided-body .blog-magazine-sidebar{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.page-blog-article .blog-guided-body .blog-magazine-layout{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  grid-template-columns:none!important;
  columns:auto!important;
  column-count:1!important;
  column-width:auto!important;
  column-gap:normal!important;
  column-span:none!important;
}

.page-blog-article .blog-guided-body .blog-magazine-main{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  columns:auto!important;
  column-count:1!important;
  column-width:auto!important;
  column-gap:normal!important;
  column-span:none!important;
  overflow-wrap:anywhere!important;
}

.page-blog-article .blog-guided-body .blog-guided-section{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  break-inside:auto!important;
  page-break-inside:auto!important;
  column-span:none!important;
}

.page-blog-article .blog-guided-body .blog-magazine-sidebar{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.85rem!important;
  width:100%!important;
  margin:2rem 0 0!important;
  padding:0!important;
  column-span:none!important;
}

.page-blog-article .blog-guided-body .blog-data-block,
.page-blog-article .blog-guided-body .blog-research-note,
.page-blog-article .blog-guided-body .blog-code-example,
.page-blog-article .blog-guided-body .blog-stat-strip,
.page-blog-article .blog-guided-body .blog-steps,
.page-blog-article .blog-guided-body .blog-inline-image{
  max-width:100%!important;
  box-sizing:border-box!important;
  column-span:none!important;
  break-inside:avoid!important;
}

.page-blog-article .blog-guided-body .blog-data-block{overflow-x:auto!important}
.page-blog-article .blog-guided-body img,
.page-blog-article .blog-guided-body video,
.page-blog-article .blog-guided-body iframe,
.page-blog-article .blog-guided-body pre{max-width:100%!important;box-sizing:border-box!important}
.page-blog-article .blog-guided-body table{max-width:100%!important;width:100%!important;box-sizing:border-box!important}
.page-blog-article .blog-guided-body h2{scroll-margin-top:1.5rem}

.page-blog-article .blog-guided-index{
  max-height:calc(100vh - 2rem)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
}

@media(max-width:900px){
  .page-blog-article .blog-guided-body .blog-magazine-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:620px){
  .page-blog-article .blog-guided-index{max-height:none!important;overflow:visible!important}
  .page-blog-article .blog-guided-body .blog-magazine-sidebar{grid-template-columns:1fr!important;margin-top:1.25rem!important}
}