.bd-play{max-width:900px;margin:2rem auto;padding:0 1rem;color:#19312f}.bd-play h1{font-size:clamp(2.4rem,6vw,4rem);letter-spacing:-.045em;color:#0f766e}.bd-play p,.bd-play li{line-height:1.6}.bd-play nav,.bd-bank,.bd-tabs{display:flex;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.bd-play button{min-height:44px;padding:.65rem .9rem;border:1px solid #bad0cc;background:#fff;color:inherit;border-radius:6px;cursor:pointer}.bd-play button:disabled{opacity:.5;cursor:default}.bd-play button:focus-visible,.bd-play input:focus-visible,.bd-play summary:focus-visible{outline:3px solid #0f766e;outline-offset:3px}.bd-tabs button{flex:1}.bd-tabs button[aria-pressed="true"]{border-color:#0f766e;background:#e7f5f1}.bd-play label{display:block;margin:.6rem 0}.bd-play form>div{display:flex;gap:.6rem;margin-bottom:1rem}.bd-play input{flex:1;min-width:0;border:1px solid #bad0cc;border-radius:6px;padding:.6rem}.bd-play form button{background:#0f766e;color:#fff}.bd-play details{padding:.8rem 0;border-bottom:1px solid #d3e1de}.bd-play summary{cursor:pointer}.bd-play li{margin:.7rem 0}.bd-play pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.bd-play textarea{width:100%}.bd-play [hidden]{display:none!important}#bd-pair,#bd-result{border-top:2px solid #0f766e;padding-top:1rem;margin-top:1rem}#bd-note{min-height:1.6em}#bd-audit section{border-top:1px solid #d3e1de;padding:.8rem 0}#bd-audit h5{font:inherit;font-weight:bold;margin:0}#bd-audit p{margin:.5rem 0}#bd-next{display:inline-block;margin:1rem}#bd-progress{font-weight:bold}#bd-prompt{padding:.7rem;border-left:3px solid #0f766e;background:#eff7f5}@media(max-width:700px){.bd-play{margin:1rem auto;padding:0 .9rem}.bd-tabs button{flex:1 1 45px;padding:.5rem .35rem}.bd-play form>div{flex-wrap:wrap}.bd-play input{flex-basis:100%}.bd-play h3{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.bd-play *{scroll-behavior:auto}}

.bd-desk{background:#fff;border-block:1px solid #bad0cc;padding:.6rem 0;z-index:5}.bd-desk strong{display:block;line-height:1.4}.bd-desk .bd-tabs{margin:.55rem 0 0}.bd-play #bd-file-title{font-size:1.1rem}@media(max-width:700px){.bd-desk{position:sticky;top:0}.bd-play #bd-endpoints,.bd-play #bd-file-title,.bd-play #bd-result-title{scroll-margin-top:140px}}

.bd-play{overflow-anchor:none}.bd-phone-context{display:none}@media(max-width:700px){.bd-phone-context{display:block;line-height:1.35;margin-top:.3rem}#bd-context{font-weight:600}#bd-role{font-size:.85rem}}

.bd-diagnostic p,.bd-diagnostic li,.bd-diagnostic summary{max-width:65ch;overflow-wrap:anywhere}.bd-tested-history{padding-left:1.4rem}.bd-tested-history>li{padding-left:.2rem}.bd-diagnostic{border-top:1px solid #d3e1de}.bd-diagnostic summary{min-height:44px;align-content:center;line-height:1.5;scroll-margin-top:150px}.bd-diagnostic p{margin:.65rem 0}.bd-diagnostic button{max-width:100%;white-space:normal}.bd-play #bd-history-title{font-size:1.1rem;margin:1.3rem 0 .5rem}
.bd-play #bd-note,.bd-play #pg-share-feedback{max-width:65ch;overflow-wrap:anywhere}