/* Phase 9: readable original publisher content alongside, not over, gameplay */
.bb9-play-depth,.bb9-practice{margin:32px 0;padding:clamp(20px,3vw,36px);background:#17243c;border:1px solid #364969;border-radius:18px;color:#eff4fe;line-height:1.75}
.bb9-play-depth h2,.bb9-practice h2{font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.28;margin:8px 0 14px;color:#fff}
.bb9-play-depth h3{font-size:1.08rem;color:#fff;margin:0 0 9px;line-height:1.4}
.bb9-play-depth p,.bb9-practice p{margin:0 0 14px;color:#d9e2f3;max-width:78ch}
.bb9-eyebrow{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:#8ccbf8;font-weight:700}
.bb9-play-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:24px 0 12px}
.bb9-play-sections section{padding:16px 17px;background:#1c304d;border:1px solid #344c6a;border-radius:12px}
.bb9-play-sections section p{margin-bottom:0}
.bb9-play-depth .bb9-disclosure{font-size:.82rem;color:#bac9da}
.bb9-read-more{display:flex;flex-wrap:wrap;gap:14px 24px;margin:18px 0 0!important}
.bb9-read-more a,.bb9-practice a{color:#88d2ff;text-decoration:underline;text-underline-offset:3px}
.bb9-practice{background:#1d3050;margin:30px 0}
.bb9-practice p:last-child{margin-bottom:0}
@media(max-width:600px){.bb9-play-depth,.bb9-practice{padding:20px 16px}.bb9-play-sections{grid-template-columns:minmax(0,1fr)}.bb9-play-sections section{padding:15px}}