/* =============================================================
   BBI — Unified chrome gutters (desktop)
   assets/css/chrome-gutters.css

   Figma: 40px side inset (--site-chrome-inline), 1648px content rail.
   Home .bbi-hero uses padding-inline + full-width frame — ONE gutter only.

   Other sections used .container with max-width 1648 centered AND
   padding-inline 40px (double gutter). This file enforces the hero model
   on every template at min-width: 1200px.
   ============================================================= */

@media (min-width: 1200px) {
  :root {
    --container-max: var(--bbi-content-rail);
    --container-padding: 0;
    --hero-gutter: var(--site-chrome-inline);
    --chrome-inline-padding: var(--site-chrome-inline);
  }

  /* ----- Layout primitives ----- */
  .container,
  .container--narrow {
    width: calc(100% - (2 * var(--site-chrome-inline)));
    max-width: none;
    margin-inline: var(--site-chrome-inline);
    padding-inline: 0;
    box-sizing: border-box;
  }

  .container--full {
    max-width: none;
    padding-inline: 0;
  }

  .site-header__inner,
  .site-footer__inner {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: var(--site-chrome-inline);
    box-sizing: border-box;
  }

  /*
   * Home pinned hero (hero-home.php) — 40px gutter rail.
   * Scroll morph hero (has-home-scroll-hero) keeps full-bleed through
   * the animation; home.css controls its width/padding via --bbi-home-hero-p.
   */
  body.home:not(.has-home-scroll-hero) .bbi-hero {
    padding-inline: var(--hero-gutter);
  }

  body.home:not(.has-home-scroll-hero) .bbi-hero__frame {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  [data-bbi-home-hero] {
    padding-inline: var(--site-chrome-inline);
  }

  /* ----- Single article ----- */
  .bbi-article-header .container,
  .bbi-article-featured .container {
    max-width: var(--bbi-content-rail);
    padding-inline: 0;
  }

  .bbi-article-featured__frame {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  /* Article ADP layout (1450 block, 814+460 grid): single.css @min-width 1200px */

  /* ----- Category ----- */
  .bbi-section-category > .container {
    max-width: var(--bbi-content-rail);
    padding-inline: 0;
  }

  .bbi-category-hero.bbi-category-hero--js .bbi-category-hero__band {
    padding-inline: var(--site-chrome-inline);
  }

  /* ----- Author ----- */
  .bbi-author .container {
    max-width: var(--bbi-content-rail);
    padding-inline: 0;
  }

  /* ----- Footer inner grid ----- */
  .site-footer__grid {
    max-width: var(--bbi-content-rail);
    margin-inline: auto;
    width: 100%;
  }

  /* ----- Menu overlay ----- */
  .bbi-menu-overlay__panel {
    padding-left: var(--site-chrome-inline);
    padding-right: var(--site-chrome-inline);
  }

  .bbi-menu-overlay__body {
    max-width: var(--bbi-content-rail);
    margin-inline: auto;
    width: 100%;
  }

  /* ----- Back to top ----- */
  .bbi-back-to-top {
    right: var(--site-chrome-inline);
  }
}