.bsl-demo{margin:20px 0 25px;border:2px solid var(--ink,#17191d);border-radius:20px;overflow:hidden;background:var(--paper,#f8f8f0)}
.bsl-demo-screen{position:relative;background:var(--hh-colour,#baf4db);background-image:radial-gradient(circle at 50% 45%,#fff8 0 40%,transparent 40.3%);min-height:0;overflow:hidden;isolation:isolate}
.bsl-demo-screen:before{content:"";position:absolute;inset:15% 12%;border:1px solid #17191d22;border-radius:50%;z-index:-1}
.bsl-demo-name{position:absolute;left:16px;top:14px;font:800 clamp(1.1rem,3vw,1.9rem)/1 Barlow,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;z-index:2}
.bsl-demo-badge{position:absolute;right:14px;top:14px;border:1px solid var(--ink,#17191d);border-radius:30px;padding:5px 9px;background:#fff9;font-size:.68rem;font-weight:700;z-index:2}
.bsl-demo-avatar{display:block;width:100%;height:auto;aspect-ratio:480/410;max-height:450px}
.bsl-demo-cue{padding:15px 17px;margin:0!important;min-height:78px;font-size:1.08rem!important;font-weight:700;line-height:1.4!important;border-top:2px solid var(--ink,#17191d);background:#fff}
.bsl-demo-controls{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 7px}
.bsl-demo-controls .button{min-height:49px!important;padding:9px 13px!important;font-size:.84rem!important;flex:1;min-width:73px;justify-content:center}
.bsl-demo-controls .button:first-child{flex:3;min-width:150px}
.bsl-demo-controls [aria-pressed=true]{background:var(--mint,#baf4db);box-shadow:inset 0 0 0 2px var(--ink,#17191d)}
.bsl-demo-footnote{font-size:.76rem!important;line-height:1.5!important;margin:7px 14px 15px!important}
.bsl-demo[data-state=replying] .bsl-demo-cue,.bsl-demo[data-state=complete] .bsl-demo-cue{background:var(--mint,#baf4db)}
.hh-board:is([data-bsl-stage=meet],[data-bsl-stage=practise]){grid-template-columns:minmax(0,1fr)}
.hh-board:is([data-bsl-stage=meet],[data-bsl-stage=practise])>.hh-mentor{display:none}
.hh-board[data-bsl-stage=meet] .bsl-watch{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:min-content 1fr;gap:12px 30px;align-items:start}
.hh-board[data-bsl-stage=meet] .bsl-demo{grid-row:1/3;margin:0}
.hh-board[data-bsl-stage=meet] .bsl-lesson-steps{margin-top:12px}
.hh-board[data-bsl-stage=meet] .bsl-demo-note{align-self:start;margin-top:0}
.bsl-practice-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}
.bsl-practice-workspace .bsl-watch,.bsl-practice-workspace .bsl-demo,.bsl-practice-workspace .bsl-coach{margin:0;min-width:0}
.bsl-practice-workspace .bsl-demo-avatar{max-height:330px}
.bsl-practice-workspace .bsl-watch>.bsl-lesson-steps,.bsl-practice-workspace .bsl-watch>.bsl-demo-note{display:none}
@container(max-width:820px){.hh-board[data-bsl-stage=meet] .bsl-watch,.bsl-practice-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.hh-board[data-bsl-stage=meet] .bsl-demo{grid-row:auto}.bsl-practice-workspace .bsl-demo-avatar{max-height:235px}.bsl-practice-workspace .bsl-demo-footnote{display:none}.bsl-practice-workspace .bsl-demo-cue{min-height:0}}
@container(max-width:620px){.bsl-demo-name{font-size:1.25rem;left:12px}.bsl-demo-badge{font-size:.58rem;right:9px;padding:4px 7px}.bsl-demo-cue{font-size:.97rem!important;padding:13px;min-height:88px}.bsl-demo-controls{padding:10px;gap:8px}.bsl-demo-controls .button:first-child{flex-basis:100%}.bsl-demo-controls .button{min-height:53px!important;font-size:.86rem!important}.bsl-demo-footnote{font-size:.75rem!important}}
@media print{.bsl-demo-controls{display:none}.bsl-demo{break-inside:avoid}}