/* BLINKBUN v3.10.9 — BBUN overview document-style unification.
   Scope: seo-landing topic bbun-token only. Tokenomics/Whitepaper are untouched. */
:root{--bb3109-axis:1240px;--bb3109-gutter:32px}

body[data-search-slug$="-bbun-token"] .v3109-bbun-doc-head{
  box-sizing:border-box!important;
  width:min(var(--bb3109-axis),calc(100% - var(--bb3109-gutter)))!important;
  max-width:var(--bb3109-axis)!important;
  margin:24px auto 0!important;
  padding:0!important;
}
body[data-search-slug$="-bbun-token"] .v3109-bbun-doc-head p{
  margin:0!important;
  color:#70efbd!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* Overview subnav must look like the document pages and include the BBUN info label. */
body[data-search-slug$="-bbun-token"] .v3108-bbun-subnav-wrap{
  width:min(var(--bb3109-axis),calc(100% - var(--bb3109-gutter)))!important;
  max-width:var(--bb3109-axis)!important;
  margin:12px auto 26px!important;
}
body[data-search-slug$="-bbun-token"] .v3109-bbun-flatnav,
body[data-search-slug$="-bbun-token"] .v3108-bbun-flatnav{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:9px 10px!important;
  border:1px solid rgba(92,176,221,.24)!important;
  border-radius:14px!important;
  background:rgba(6,20,34,.78)!important;
  overflow:hidden!important;
}
body[data-search-slug$="-bbun-token"] .v3109-bbun-nav-title{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  padding:8px 13px!important;
  border:1px solid rgba(70,210,226,.34)!important;
  border-radius:9px!important;
  background:rgba(14,83,99,.22)!important;
  color:#59e9ef!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}
body[data-search-slug$="-bbun-token"] .v3109-bbun-flatnav>a,
body[data-search-slug$="-bbun-token"] .v3108-bbun-flatnav>a{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  padding:8px 13px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:#dcecff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
body[data-search-slug$="-bbun-token"] .v3109-bbun-flatnav>a[aria-current="page"],
body[data-search-slug$="-bbun-token"] .v3109-bbun-flatnav>a.active,
body[data-search-slug$="-bbun-token"] .v3109-bbun-flatnav>a.is-active,
body[data-search-slug$="-bbun-token"] .v3108-bbun-flatnav>a[aria-current="page"],
body[data-search-slug$="-bbun-token"] .v3108-bbun-flatnav>a.active,
body[data-search-slug$="-bbun-token"] .v3108-bbun-flatnav>a.is-active{
  border-color:rgba(103,166,255,.56)!important;
  background:linear-gradient(135deg,rgba(72,197,235,.15),rgba(108,78,255,.25))!important;
  box-shadow:inset 0 -2px 0 rgba(122,99,255,.65)!important;
}

/* The overview is a document page, not a separate marketing landing hero. */
body[data-search-slug$="-bbun-token"] .seo-shell>main{
  width:min(var(--bb3109-axis),calc(100% - var(--bb3109-gutter)))!important;
  max-width:var(--bb3109-axis)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
}
body[data-search-slug$="-bbun-token"] .seo-hero{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  display:block!important;
  margin:0 0 24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body[data-search-slug$="-bbun-token"] .seo-hero::before,
body[data-search-slug$="-bbun-token"] .seo-hero::after{display:none!important;content:none!important}
body[data-search-slug$="-bbun-token"] .seo-hero-copy{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body[data-search-slug$="-bbun-token"] .seo-hero-copy .seo-kicker{
  display:block!important;
  margin:0 0 12px!important;
  color:#70efbd!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
body[data-search-slug$="-bbun-token"] .seo-hero-copy h1{
  max-width:900px!important;
  margin:0 0 18px!important;
  color:#f1f7ff!important;
  font-size:clamp(42px,4.05vw,58px)!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
body[data-search-slug$="-bbun-token"] .seo-hero-copy>p{
  max-width:920px!important;
  margin:0 0 22px!important;
  color:#a9bed2!important;
  font-size:16px!important;
  line-height:1.78!important;
}
body[data-search-slug$="-bbun-token"] .seo-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}
body[data-search-slug$="-bbun-token"] .seo-actions a{
  box-sizing:border-box!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:850!important;
}

/* Mainnet state becomes the same kind of information surface used by Tokenomics/Whitepaper. */
body[data-search-slug$="-bbun-token"] .seo-token-panel{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:26px 0 0!important;
  padding:22px 24px!important;
  border:1px solid rgba(94,153,203,.34)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(15,31,51,.95),rgba(7,20,34,.96))!important;
  box-shadow:none!important;
}
body[data-search-slug$="-bbun-token"] .seo-panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:16px!important;
}
body[data-search-slug$="-bbun-token"] .seo-panel-head span{
  color:#7894af!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body[data-search-slug$="-bbun-token"] .seo-panel-head b{font-size:13px!important;color:#f3f8ff!important}
body[data-search-slug$="-bbun-token"] .seo-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-search-slug$="-bbun-token"] .seo-stats>div{
  box-sizing:border-box!important;
  min-height:82px!important;
  padding:13px 14px!important;
  border:1px solid rgba(98,145,184,.24)!important;
  border-radius:11px!important;
  background:rgba(3,15,27,.58)!important;
}
body[data-search-slug$="-bbun-token"] .seo-stats small{
  display:block!important;
  margin-bottom:7px!important;
  color:#6787a5!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
}
body[data-search-slug$="-bbun-token"] .seo-stats b{font-size:13px!important;line-height:1.35!important}
body[data-search-slug$="-bbun-token"] .seo-stats .seo-claim-state{grid-column:auto!important}
body[data-search-slug$="-bbun-token"] .seo-stats .seo-claim-state span{font-size:10px!important;line-height:1.45!important;color:#718ba3!important}
body[data-search-slug$="-bbun-token"] .seo-mint{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:10px!important;
  padding:9px 12px!important;
  border:1px solid rgba(98,145,184,.22)!important;
  border-radius:10px!important;
  background:rgba(3,15,27,.52)!important;
}
body[data-search-slug$="-bbun-token"] .seo-mint small{font-size:9px!important;letter-spacing:.08em!important;color:#6f8da8!important}
body[data-search-slug$="-bbun-token"] .seo-mint code{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important}
body[data-search-slug$="-bbun-token"] .seo-mint a{font-size:11px!important;white-space:nowrap!important}

/* Keep the rest of the overview aligned with the document axis. */
body[data-search-slug$="-bbun-token"] .v398-benefits,
body[data-search-slug$="-bbun-token"] .v390-buy-options,
body[data-search-slug$="-bbun-token"] .seo-content-grid,
body[data-search-slug$="-bbun-token"] .seo-proof,
body[data-search-slug$="-bbun-token"] .seo-faq,
body[data-search-slug$="-bbun-token"] .seo-related{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

@media(max-width:900px){
  :root{--bb3109-gutter:20px}
  body[data-search-slug$="-bbun-token"] .v3109-bbun-doc-head{margin-top:16px!important}
  body[data-search-slug$="-bbun-token"] .v3108-bbun-subnav-wrap{margin-top:10px!important;margin-bottom:18px!important;overflow:hidden!important}
  body[data-search-slug$="-bbun-token"] .v3109-bbun-flatnav,
  body[data-search-slug$="-bbun-token"] .v3108-bbun-flatnav{flex-wrap:nowrap!important;overflow-x:auto!important}
  body[data-search-slug$="-bbun-token"] .seo-hero-copy h1{font-size:clamp(36px,8vw,48px)!important}
  body[data-search-slug$="-bbun-token"] .seo-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-search-slug$="-bbun-token"] .seo-mint{grid-template-columns:1fr!important;gap:5px!important}
}
@media(max-width:560px){
  :root{--bb3109-gutter:16px}
  body[data-search-slug$="-bbun-token"] .seo-hero-copy h1{font-size:36px!important}
  body[data-search-slug$="-bbun-token"] .seo-hero-copy>p{font-size:14px!important}
  body[data-search-slug$="-bbun-token"] .seo-stats{grid-template-columns:1fr!important}
  body[data-search-slug$="-bbun-token"] .seo-token-panel{padding:16px!important}
}
