/* /arsenal/the-big-board/ page layout (public). The board itself is styled by bigboard.css. */
.bbp-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;text-align:left!important;max-width:1160px!important}
.bbp-hero-in h1{margin-left:0!important;max-width:13ch!important}
.bbp-hero-in .lede{margin-left:0!important}
.bbp-hero-in .cta-row{justify-content:flex-start}
.bbp-line{margin:16px 0 0;color:var(--dim);font-size:.9rem;line-height:1.6}
.bbp-line b{color:var(--muted);font-weight:700}
.bbp-mini{text-align:left;max-width:430px;margin:0 auto;padding:22px;border:1px solid rgba(228,200,126,.38);border-radius:24px;background:radial-gradient(120% 100% at 50% 0%,rgba(228,200,126,.14),rgba(14,14,15,.92) 62%)}
.bbp-mini .k{display:flex;justify-content:space-between;font:800 .62rem Manrope;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.bbp-mini .k b{color:#39E19B;display:inline-flex;align-items:center;gap:6px}.bbp-mini .k b:before{content:"";width:7px;height:7px;border-radius:50%;background:#39E19B}
.bbp-mini ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bbp-mini li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:#0e0e0f;font:800 1rem Manrope;color:var(--ivory);animation:bbp-rise .6s cubic-bezier(.2,.9,.3,1.2) both}
.bbp-mini li:nth-child(2){animation-delay:.12s}.bbp-mini li:nth-child(3){animation-delay:.24s}.bbp-mini li:nth-child(4){animation-delay:.36s}
.bbp-mini li:first-child{border-color:rgba(228,200,126,.7);background:linear-gradient(90deg,rgba(228,200,126,.2),#0e0e0f 70%)}
.bbp-mini li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 .82rem Manrope;color:#0b0b0c;background:linear-gradient(180deg,#F6D97B,#D8B255)}
.bbp-mini li:nth-child(n+2) span{background:#23262c;color:var(--muted)}
.bbp-mini li i{font-style:normal;color:var(--champ);font-size:1.15rem}
.bbp-mini li small{display:block;font:600 .76rem Manrope;color:var(--dim)}
.bbp-mini .new{margin-top:12px;padding:10px 14px;border-radius:14px;font:800 .92rem Manrope;color:#1a1205;background:linear-gradient(90deg,#FFF3C4,#F5C451 50%,#B9821C);text-align:center;animation:bbp-rise .6s .7s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes bbp-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.bbp-h2{text-align:center;font-family:'Cormorant Garamond';color:var(--ivory);font-weight:700;font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1.1;margin:0 0 .6rem}
.bbp-h2 em{color:var(--champ)}
.bbp-kicker{display:block;text-align:center;font:800 .68rem Manrope;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.bbp-real{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 22px;font:700 .86rem Manrope;color:var(--champ);text-align:center;max-width:70ch}
.bbp-real:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--champ);box-shadow:0 0 10px rgba(246,217,123,.8);flex:none}
.bbp-frame{max-width:1200px;margin:0 auto;border:1px solid rgba(228,200,126,.4);border-radius:26px;padding:22px 20px 24px;background:radial-gradient(90% 40% at 50% 0%,rgba(245,196,81,.16),transparent 70%),#05070C}
.bbp-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1040px;margin:0 auto}
.bbp-g3>div{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(180deg,#0e0e0f,#0b0b0c);color:var(--muted);line-height:1.6;font-size:.98rem}
.bbp-g3 h3{color:var(--ivory);font:800 1.06rem Manrope;margin:12px 0 6px}
.bbp-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(228,200,126,.16),rgba(228,200,126,.05));border:1px solid rgba(228,200,126,.38)}
.bbp-ic svg{width:24px;height:24px}
.bbp-vs{max-width:1040px;margin:0 auto;border:1px solid rgba(228,200,126,.4);border-radius:22px;overflow:hidden;background:#0e0e0f}
.bbp-vs .r{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.15fr);border-top:1px solid var(--line)}
.bbp-vs .r:first-child{border-top:0;font:800 .7rem Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.bbp-vs .r>div{padding:16px 18px;color:var(--muted);line-height:1.55;font-size:.97rem}
.bbp-vs .r>div:first-child{color:var(--ivory);font-weight:800}
.bbp-vs .r>div:last-child{background:linear-gradient(90deg,rgba(228,200,126,.10),transparent);color:var(--ivory)}
.bbp-vs .r:first-child>div:last-child{color:var(--champ)}
.bbp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1040px;margin:26px auto 0;padding:0;list-style:none;counter-reset:bs}
.bbp-steps li{counter-increment:bs;border:1px solid var(--line);border-radius:18px;padding:22px;background:#0e0e0f;color:var(--muted);line-height:1.6}
.bbp-steps li:before{content:counter(bs);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:800 1rem Manrope;color:#0b0b0c;background:linear-gradient(180deg,var(--champ),var(--gold));margin-bottom:12px}
.bbp-steps b{display:block;color:var(--ivory);font:800 1.05rem Manrope;margin-bottom:4px}
.bbp-also{max-width:760px;margin:20px auto 0;text-align:center;color:var(--muted);line-height:1.7}
.bbp-faq{max-width:820px;margin:0 auto}
.bbp-faq details{border-bottom:1px solid var(--line);padding:18px 4px}
.bbp-faq summary{cursor:pointer;font-family:'Cormorant Garamond';font-weight:700;font-size:1.3rem;color:var(--ivory);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.bbp-faq summary::-webkit-details-marker{display:none}
.bbp-faq summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 1.1rem Manrope;color:var(--champ);border:1px solid rgba(228,200,126,.45);transition:transform .2s}
.bbp-faq details[open] summary:after{transform:rotate(45deg)}
.bbp-faq summary:focus-visible{outline:2px solid var(--champ);outline-offset:3px;border-radius:6px}
.bbp-faq p{color:var(--muted);line-height:1.7;margin:10px 0 0}
/* TV mode on the public page: the board takes the whole screen, site chrome steps aside */
body.bb-tv header.nav,body.bb-tv footer,body.bb-tv .skip-link,body.bb-tv main>section:not(#demo),body.bb-tv .crumb,body.bb-tv #demo>:not(.bbp-frame){display:none!important}
body.bb-tv #demo{padding:0!important;margin:0!important;max-width:none!important}
body.bb-tv .bbp-frame{position:fixed;inset:0;z-index:9999;max-width:none;border:0;border-radius:0;padding:0;background:#05070C}
@media (max-width:900px){
  .bbp-hero-in{grid-template-columns:1fr;text-align:center!important;gap:30px}
  .bbp-hero-in h1,.bbp-hero-in .lede{margin-left:auto!important;margin-right:auto!important}
  .bbp-hero-in .cta-row{justify-content:center}
  .bbp-g3,.bbp-steps{grid-template-columns:1fr}
  .bbp-vs .r{grid-template-columns:1fr}.bbp-vs .r:first-child{display:none}
  .bbp-vs .r>div{padding:10px 16px}.bbp-vs .r>div:first-child{padding-top:16px}.bbp-vs .r>div:nth-child(2):before{content:"A typed-in board: ";color:var(--dim);font-weight:700}.bbp-vs .r>div:last-child:before{content:"The Big Board: ";color:var(--champ);font-weight:800}
}
@media (max-width:640px){.ar-hero .in.bbp-hero-in{padding-top:44px;padding-bottom:48px}.bbp-hero-in .cta-row .btn,.bbp-hero-in .cta-row .btn-ghost{width:100%;justify-content:center;box-sizing:border-box}.bbp-frame{padding:14px 10px 16px;border-radius:18px}}
@media (prefers-reduced-motion:reduce){.bbp-mini li,.bbp-mini .new{animation:none}}