/* BLINKBUN v3.10.5 — strict 1240px public content axis
   One rule: header inner + public main axis = 1240px outer width.
   Primary sections fill that axis at 100%; no nested 1080/1180 shrink.
*/
:root{
  --bb-public-axis:1240px;
  --bb-public-gutter:16px;
  --bb-public-top-gap:24px;
}

/* Always calculate width including border/padding. */
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}

/* Outer site shells stay full-width. The 1240 axis lives INSIDE them. */
html body .v230-shell,
html body .shell.v230-shell,
html body .seo-shell,
html body .v319-search-shell,
html body .bb-doc-shell,
html body .v286-shell,
html body .v365-shell,
html body .v285-shell,
html body .i280-shell,
html body .trade-shell{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Header background may be full-width; actual header CONTENT is exactly the shared axis. */
html body header.v230-header,
html body header.v260-header,
html body header.v370-header,
html body header.v387-header{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body .v3100-header-axis,
html body .v398-header-axis,
html body .v397-header-inner,
html body .v3101-header-inner,
html body .v3100-header-inner,
html body .v3102-header-inner,
html body .v3103-header-inner,
html body .v3104-header-inner,
html body .v3105-header-inner{
  width:min(var(--bb-public-axis),calc(100% - (var(--bb-public-gutter) * 2)))!important;
  max-width:var(--bb-public-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* MAIN AXIS: every major public page gets the same 1240 outer width. */
html body .v230-shell > main,
html body .shell.v230-shell > main,
html body .seo-shell > main,
html body .v319-search-shell > main,
html body .bb-doc-shell > main,
html body main.v282-main,
html body main.v282-home,
html body main.v230-tool-main,
html body main.v319-discovery-main,
html body main.v365-main,
html body main.v390-events-main,
html body main.v391-events-main,
html body main.v392-main,
html body main.rv240-main,
html body main.v250-main,
html body main.bb-doc-main,
html body main.v397-main-axis,
html body main.v398-main-axis,
html body main.v399-axis,
html body main.v3105-axis{
  width:min(var(--bb-public-axis),calc(100% - (var(--bb-public-gutter) * 2)))!important;
  max-width:var(--bb-public-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  float:none!important;
  left:auto!important;
  right:auto!important;
}

/* Direct top-level bars/subnav use the SAME axis, not 1080/1180. */
html body .v230-shell > .v390-event-topline,
html body .v230-shell > .v393-topline,
html body .v230-shell > .v291-session-strip,
html body .v230-shell > .bbun311-subnav,
html body .bb-doc-shell > .bbun311-subnav,
html body .v230-shell > .v3100-token-hub,
html body .v230-shell > .token-report-hub{
  width:min(var(--bb-public-axis),calc(100% - (var(--bb-public-gutter) * 2)))!important;
  max-width:var(--bb-public-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* CRITICAL: once inside the 1240 main axis, first-level content fills 100%.
   This removes the nested 1080/1180 shrink that made Home/Checker look smaller. */
html body .v230-shell > main > section,
html body .shell.v230-shell > main > section,
html body .seo-shell > main > section,
html body .v319-search-shell > main > section,
html body .bb-doc-shell > main > section,
html body .v282-main > section,
html body .v282-home > section,
html body .v230-tool-main > section,
html body .v319-discovery-main > section,
html body .v365-main > section,
html body .v390-events-main > section,
html body .v391-events-main > section,
html body .v392-main > section,
html body .rv240-main > section,
html body .v250-main > section,
html body .bb-doc-main > section,
html body .v230-hero,
html body .v230-tool-hero,
html body .v250-hero,
html body .v365-hero,
html body .v390-event-hero,
html body .v392-hero,
html body .bb393-hero,
html body .bb393-return,
html body .bb391-hub,
html body .bb391-strip,
html body .v282-hero-strip,
html body .v313-game-entry,
html body .v317-game-entry,
html body .new-token-hero,
html body .new-token-feed-shell,
html body .radar-shell,
html body .token-checker-shell,
html body .v398-benefits{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Search / checker islands must not collapse back to 1080/900. */
html body #v388PrimarySearch,
html body .v347-token-search,
html body .v388-checker-shortcuts,
html body .v230-scan,
html body .v261-quickstart{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* One consistent space below header. No double gap. */
html body .v230-shell > main,
html body .shell.v230-shell > main,
html body .seo-shell > main,
html body .v319-search-shell > main,
html body .bb-doc-shell > main{
  padding-top:var(--bb-public-top-gap)!important;
}
html body .v230-shell > main > :first-child,
html body .shell.v230-shell > main > :first-child,
html body .seo-shell > main > :first-child,
html body .v319-search-shell > main > :first-child,
html body .bb-doc-shell > main > :first-child{
  margin-top:0!important;
}

/* BBUN subnav is itself the first 1240 block. */
html body .v230-shell > .bbun311-subnav,
html body .bb-doc-shell > .bbun311-subnav{
  margin-top:var(--bb-public-top-gap)!important;
  margin-bottom:24px!important;
}
html body .bbun311-subnav + main,
html body .bbun311-subnav ~ main.bb-doc-main{
  padding-top:0!important;
}

@media(max-width:900px){
  :root{--bb-public-gutter:12px;--bb-public-top-gap:18px}
}
@media(max-width:560px){
  :root{--bb-public-gutter:10px;--bb-public-top-gap:14px}
}