/* Historich · Ancho Editorial v1.1.3 (ampliación panorámica segura: sin ocultación de .sticky-meta). Scoped to selected WordPress views only. */
body.hc-wide-layout {
  --hc-wide-max: 1500px;
  --hc-wide-gutters: 48px;
}
body.hc-wide-battle { --hc-wide-max: 1960px; }
body.hc-wide-learning { --hc-wide-max: 1380px; }

/* Respect the site's main header/footer; expand only the content region. */
@media (min-width: 901px) {
  body.hc-wide-layout .site-content > .container,
  body.hc-wide-layout .site-content > .content-wrap,
  body.hc-wide-layout .site-content > .main-content {
    box-sizing: border-box !important;
    width: calc(100% - var(--hc-wide-gutters)) !important;
    max-width: var(--hc-wide-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.hc-wide-layout .site-content .container .main-content,
  body.hc-wide-layout .site-content .container .content-wrap {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Remove the sidebar space before expanding the article layout. */
body.hc-wide-layout .site-content .content-area,
body.hc-wide-layout .site-content #primary,
body.hc-wide-layout .site-content .site-main {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  clear: both !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
body.hc-wide-layout .site-content #secondary,
body.hc-wide-layout .site-content aside.sidebar,
body.hc-wide-layout .site-content .sidebar-area,
body.hc-wide-layout .site-content .widget-area.sidebar {
  display: none !important;
}

/* The standard single-post layout may reserve space for a side column of metadata. */
body.hc-wide-layout .site-content #primary > article,
body.hc-wide-layout .site-content .site-main > article,
body.hc-wide-layout .site-content .entry-content,
body.hc-wide-layout .site-content .post-content,
body.hc-wide-layout .site-content .article-content {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.hc-wide-layout .site-content .entry-content,
body.hc-wide-layout .site-content .post-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.hc-wide-layout .site-content .entry-meta,
body.hc-wide-layout .site-content .post-meta,
body.hc-wide-layout .site-content .comments-link,
body.hc-wide-layout .site-content .comment-link {
  display: none !important;
}

/* Battle: let the canvas use the space it needs. */
body.hc-wide-battle #hc-condes-1287 {
  box-sizing: border-box !important;
  display: block;
  width: 100% !important;
  max-width: 1900px !important;
  margin: 24px auto 36px !important;
}

/* Learning: full-width exercise modules; comfortable line lengths for plain paragraphs. */
body.hc-wide-learning .site-content .entry-content > p,
body.hc-wide-learning .site-content .entry-content > ul,
body.hc-wide-learning .site-content .entry-content > ol {
  max-width: 86ch;
}

@media (max-width: 900px) {
  body.hc-wide-layout {
    --hc-wide-gutters: 24px;
  }
  body.hc-wide-layout .site-content > .container,
  body.hc-wide-layout .site-content > .content-wrap,
  body.hc-wide-layout .site-content > .main-content {
    box-sizing: border-box !important;
    width: calc(100% - var(--hc-wide-gutters)) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }
  body.hc-wide-layout .site-content .content-area,
  body.hc-wide-layout .site-content #primary,
  body.hc-wide-layout .site-content .site-main,
  body.hc-wide-layout .site-content .entry-content,
  body.hc-wide-layout .site-content .post-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
  }
  body.hc-wide-battle #hc-condes-1287 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto 24px !important;
  }
}


/* Optional category archive mode: widen the listing without flattening article cards
   or hiding their metadata. Archive mode is OFF by default. */
body.hc-wide-archive .site-content .entry-meta,
body.hc-wide-archive .site-content .post-meta,
body.hc-wide-archive .site-content .comments-link,
body.hc-wide-archive .site-content .comment-link {
  display: revert !important;
}
body.hc-wide-archive .site-content .entry-content,
body.hc-wide-archive .site-content .post-content,
body.hc-wide-archive .site-content .article-content {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
