.bgr-hero{width:340px;max-width:100%;color:#1F2933}
.bgr-hero svg,.bgr-read svg,.bgr-pair svg,.bgr-miss svg,.bgr-zero svg,.bgr-exg{display:block;height:auto;margin:0 auto;max-width:100%;font-family:var(--u-font);fill:#1F2933;font-weight:600;overflow:visible}
.bgr-hero svg{width:340px}
.bgr-read svg,.bgr-pair svg,.bgr-miss svg,.bgr-zero svg{width:440px}
.bgr-exg{width:400px;margin:0 auto 14px}
.bgr-title{font-size:14px;font-weight:800;color:#1F2933;margin:0 0 10px;line-height:1.5}
.bgr-miss .bgr-title,.bgr-given,.bgr-caption{font-size:15px;color:#1F2933;line-height:1.5}
.bgr-given{margin:0 0 12px}
.bgr-caption p{margin:8px 0 0}
.bgr-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.bgr-controls>span{font-size:14px;color:#1F2933}
.bgr-controls button{box-sizing:border-box;min-width:44px;min-height:44px;text-align:center}
.bgr-controls .sg-btn[aria-pressed="true"]{background:var(--u-navy);color:#FFFFFF;box-shadow:none}
.bgr-controls .sg-btn:disabled{cursor:default;opacity:.5}
.bgr-reset{all:unset;cursor:pointer;padding:9px 12px;font-size:14.5px;color:#1F2933;text-decoration:underline;text-underline-offset:3px}
.bgr-reset:focus-visible{outline:2px solid #0E2A47;outline-offset:2px}
.bgr-reset[hidden],.bgr-caption [hidden]{display:none}
.bgr-read .sg-hint::before{display:none}
.bgr-read [data-bgr-bar]{cursor:pointer}
.bgr-read .sg-read p{margin:0 0 6px}
.bgr-read .sg-read p:last-child{margin-bottom:0}
.bgr-mini{width:100px;height:70px;display:block}
@media(max-width:900px){.bgr-hero{width:100%;max-width:320px;margin:0 auto}.bgr-hero svg{width:100%}}
@media(max-width:480px){.bgr-read svg,.bgr-pair svg,.bgr-miss svg,.bgr-zero svg,.bgr-exg{width:100%}}
@media(prefers-reduced-motion:reduce){.bgr-section,.bgr-section *,.bgr-example,.bgr-example *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bgr-section.sg-step{opacity:1;transform:none}}