/* BGP Project Attribution — shared header component. */
:root{--bgp-project-green:#76c043;--bgp-project-green-dark:#5f9f32;--bgp-project-ink:#fff}
.bgp-project,.bgp-project-button,.bgp-return{position:static!important;inset:auto!important;z-index:auto;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex:0 0 auto;min-height:40px;max-width:100%;box-sizing:border-box;padding:.58rem .9rem;border:1px solid rgba(70,116,35,.25);border-radius:999px;background:var(--bgp-project-green)!important;color:#fff!important;text-decoration:none!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(.68rem,1.6vw,.78rem);line-height:1;font-weight:850;letter-spacing:.01em;white-space:nowrap;box-shadow:0 2px 8px rgba(45,82,24,.14);-webkit-tap-highlight-color:transparent;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}
.bgp-project:hover,.bgp-project-button:hover,.bgp-return:hover{background:var(--bgp-project-green-dark)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(45,82,24,.2)}
.bgp-project:focus-visible,.bgp-project-button:focus-visible,.bgp-return:focus-visible{outline:3px solid rgba(118,192,67,.42);outline-offset:3px}
.bgp-project .bgp-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#fff;display:inline-block}
header .bgp-project,header .bgp-project-button,header .bgp-return{margin-left:auto;position:static!important;transform:none}
header .header-right,header .header-tools,header .auth-nav,header .auth-links{align-items:center}
@media(max-width:700px){.bgp-project,.bgp-project-button,.bgp-return{min-height:36px;padding:.5rem .72rem;font-size:.68rem;gap:.35rem}.bgp-project .bgp-dot{width:6px;height:6px;flex-basis:6px}header{gap:10px}header .bgp-project,header .bgp-project-button,header .bgp-return{margin-left:auto;position:static!important;transform:none}}
@media(max-width:460px){header{overflow:visible}.bgp-project,.bgp-project-button,.bgp-return{min-height:34px;padding:.45rem .62rem;font-size:.64rem}header{flex-wrap:wrap}header .bgp-project,header .bgp-project-button,header .bgp-return{margin-left:auto;position:static!important;transform:none}}
@media(prefers-reduced-motion:reduce){.bgp-project,.bgp-project-button,.bgp-return{transition:none}}

/* Structural rule: the attribution must be a child of the header's flex/nav row.
   It is never positioned against the viewport and never allowed to cover content. */
.site-header > .header-inner > .bgp-project,.site-header > .nav > .bgp-project,.top > .nav > .bgp-project,.navin > .bgp-project{position:static!important;align-self:center;flex:0 1 auto;margin-left:auto;}
@media(max-width:700px){.site-header > .header-inner > .bgp-project,.site-header > .nav > .bgp-project,.top > .nav > .bgp-project,.navin > .bgp-project{max-width:45vw;overflow:hidden;text-overflow:ellipsis;}}


/* Banana App header: compact two-row mobile layout. */
@media (max-width:760px){
  .initiative-header-standard.banana-nav{
    flex-wrap:wrap!important;
    min-height:0!important;
    row-gap:8px!important;
    padding:10px 14px 9px!important;
  }
  .initiative-header-standard.banana-nav .initiative-brand{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .initiative-header-standard.banana-nav .initiative-header-right{
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  .initiative-header-standard.banana-nav .initiative-nav{
    order:3!important;
    display:flex!important;
    flex:1 0 100%!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    gap:18px!important;
    padding:3px 1px 2px!important;
    scrollbar-width:none;
    white-space:nowrap;
  }
  .initiative-header-standard.banana-nav .initiative-nav::-webkit-scrollbar{display:none;}
  .initiative-header-standard.banana-nav .initiative-nav a{flex:0 0 auto!important;}
}
@media (max-width:460px){
  .initiative-header-standard.banana-nav .initiative-name{font-size:.9rem!important;}
  .initiative-header-standard.banana-nav .bgp-project{min-height:36px!important;padding:.52rem .68rem!important;font-size:.63rem!important;}
}

/* Demo CTA: lightweight, local section; replace poster with the approved video asset when available. */
.banana-demo{padding:clamp(3rem,7vw,6rem) 1.5rem;background:#f4f0e6;}
.banana-demo-inner{max-width:1100px;margin:0 auto;}
.banana-demo-frame{margin-top:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;background:#fff;border:1px solid rgba(20,50,30,.12);border-radius:24px;padding:1rem;}
.banana-demo-poster{min-height:320px;border-radius:18px;background:linear-gradient(135deg,#e8d9a7,#c7d7b8);display:grid;place-items:center;}
.banana-demo-play{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#2f7d32;color:#fff;font-size:1.4rem;padding-left:.2rem;box-shadow:0 8px 24px rgba(0,0,0,.15);}
.banana-demo-note{margin:0;padding:1rem;font-weight:700;color:#234b2a;}
@media (max-width:700px){.banana-demo-frame{grid-template-columns:1fr}.banana-demo-poster{min-height:210px}.banana-demo-note{text-align:center}}


/* Banana App v2 visual/spacing hardening — 2026-09-04 */
.initiative-header-standard.banana-nav{
  width:100%;
  box-sizing:border-box;
  flex-wrap:nowrap!important;
  background:#032f63f7!important;
  color:#fff!important;
}
.initiative-header-standard.banana-nav .initiative-brand{flex:0 1 auto!important;min-width:0!important;}
.initiative-header-standard.banana-nav .initiative-nav{flex:1 1 auto!important;min-width:0!important;justify-content:center;overflow:hidden;}
.initiative-header-standard.banana-nav .initiative-nav a{font-size:.78rem;white-space:nowrap;padding:.55rem .5rem;}
.initiative-header-standard.banana-nav .initiative-header-right{flex:0 0 auto!important;margin-left:0!important;}
.initiative-header-standard.banana-nav .bgp-project{min-width:max-content;}
.banana-demo{background:#f4f0e6!important;color:#17351f!important;}
.banana-demo h2{color:#17351f!important;}
.banana-demo .section-label{color:#2f7d32!important;}
.banana-demo-frame{background:#fff!important;}
.banana-demo-poster{background:linear-gradient(135deg,#e8d9a7,#c7d7b8)!important;}
.banana-demo-play{display:grid!important;place-items:center!important;width:76px!important;height:76px!important;border-radius:50%!important;background:#2f7d32!important;color:#fff!important;}
@media (max-width:1050px){
  .initiative-header-standard.banana-nav{flex-wrap:wrap!important;row-gap:7px!important;}
  .initiative-header-standard.banana-nav .initiative-nav{order:3!important;flex:1 0 100%!important;width:100%!important;justify-content:flex-start;overflow-x:auto;}
  .initiative-header-standard.banana-nav .initiative-header-right{order:2!important;}
  .initiative-header-standard.banana-nav .initiative-brand{order:1!important;flex:1 1 auto!important;}
}
@media (max-width:520px){
  .initiative-header-standard.banana-nav{padding:9px 12px 8px!important;}
  .initiative-header-standard.banana-nav .initiative-name{font-size:.88rem!important;}
  .initiative-header-standard.banana-nav .initiative-brand img{width:38px!important;height:38px!important;}
  .initiative-header-standard.banana-nav .bgp-project{min-height:35px!important;padding:.5rem .62rem!important;font-size:.6rem!important;}
  .initiative-header-standard.banana-nav .initiative-nav{gap:10px!important;}
  .initiative-header-standard.banana-nav .initiative-nav a{font-size:.72rem!important;padding:.42rem .25rem!important;}
  .banana-demo{padding:3rem 1rem!important;}
  .banana-demo-frame{padding:.75rem!important;border-radius:18px!important;}
  .banana-demo-poster{min-height:200px!important;}
  .banana-demo-note{font-size:.95rem!important;}
}