/* BrainBaazi Phase 3: scoped content sections. No changes to existing game, login or ad controls. */
.bb-depth-section,.bb-depth-directory{margin-top:2.5rem;margin-bottom:2.8rem}
.bb-depth-head{max-width:850px;margin-bottom:1.2rem}
.bb-depth-head h2{font-size:clamp(1.45rem,2.25vw,2.05rem);line-height:1.23;letter-spacing:-.025em;margin:.4rem 0 .65rem;color:inherit}
.bb-depth-head p{line-height:1.75;max-width:760px;opacity:.9}
.bb-depth-kicker{display:block;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#58b9fe}
.bb-depth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.bb-depth-card,.bb-depth-note,.bb-depth-side{border:1px solid rgba(143,179,214,.23);background:rgba(57,91,143,.10);border-radius:16px;padding:1.25rem 1.3rem}
.bb-depth-card h3,.bb-depth-note h3,.bb-depth-side h3{color:inherit;font-size:1.09rem;margin:.05rem 0 .6rem;line-height:1.35}
.bb-depth-card p,.bb-depth-note p,.bb-depth-side p,.bb-depth-catalog-note{line-height:1.74;overflow-wrap:anywhere;font-size:.95rem}
.bb-depth-card p:last-child,.bb-depth-side p:last-child{margin-bottom:0}
.bb-depth-card a,.bb-depth-note a,.bb-depth-side a,.bb-depth-catalog-note a{color:#71c8ff;text-decoration:underline;text-underline-offset:3px}
.bb-depth-card a:hover,.bb-depth-note a:hover,.bb-depth-side a:hover{color:#b8e5ff}
.bb-depth-note{margin-top:1.1rem}
.bb-depth-side{position:sticky;top:5rem;background:linear-gradient(160deg,rgba(36,93,155,.20),rgba(36,93,155,.05))}
.bb-depth-side .bb-depth-kicker{margin-bottom:.55rem}
.bb-depth-catalog-note{margin-top:1rem;padding:.8rem 0}
@media(max-width:900px){.bb-depth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-depth-side{position:static}}
@media(max-width:640px){.bb-depth-grid{grid-template-columns:1fr;gap:.7rem}.bb-depth-card,.bb-depth-side,.bb-depth-note{padding:1rem}.bb-depth-section,.bb-depth-directory{margin-top:1.6rem;margin-bottom:1.8rem}}