.bw-example{margin:1.5rem 0;padding:clamp(1rem,3vw,1.6rem);background:#f6f7ef;border:1px solid #c6d0c1;border-radius:.7rem;color:#232e27;min-width:0}
.bw-example .bw-kicker{display:block;font:600 .7rem/1.35 var(--sans,system-ui,sans-serif);letter-spacing:.12em;color:#345b43}
.bw-example figcaption h3{margin:.3rem 0 .7rem}
.bw-example p{margin:.5rem 0;overflow-wrap:break-word}
.bw-example .bw-choices{margin:1rem 0 .8rem;padding:0;border:0;min-width:0}
.bw-example .bw-choices legend{padding:0;font-weight:650}
.bw-example .bw-options{display:flex;flex-wrap:wrap;gap:.45rem;margin:.4rem 0}
.bw-example .bw-options label{display:inline-flex;gap:.45rem;align-items:center;min-height:2.75rem;max-width:100%;padding:.3rem .8rem;background:#fff;border:1px solid #849789;border-radius:.35rem;font:500 .92rem/1.35 var(--sans,system-ui,sans-serif);cursor:pointer;box-sizing:border-box}
.bw-example .bw-options label:has(input:checked){background:#e2ecde;border-color:#42644e}
.bw-example .bw-options label:focus-within{outline:2px solid #245a46;outline-offset:2px}
.bw-example .bw-options input{accent-color:#305d45;margin:0}
.bw-example .bw-results>div{margin:.7rem 0;padding:.7rem .9rem;border-inline-start:3px solid #647e61;background:#fff}
.bw-example .bw-results p:last-child,.bw-example .bw-common p:last-child{margin-bottom:0}
.bw-example .bw-results strong,.bw-example .bw-common strong{font-weight:650}
.bw-example .bw-eq{font-family:var(--serif,Georgia,serif);font-size:1.1rem}
.bw-example .bw-common{margin-top:1rem}
.bw-example .bw-segment{position:relative;height:2.25rem;width:min(14rem,calc(100% - 1.5rem));margin:.9rem .55rem .25rem;color:#305941}
.bw-example .bw-line{position:absolute;top:.25rem;left:0;right:0;height:3px;background:currentColor}
.bw-example .bw-line::before,.bw-example .bw-line::after{content:"";position:absolute;top:50%;width:.65rem;height:.65rem;border-radius:100%;background:currentColor;transform:translate(-50%,-50%)}
.bw-example .bw-line::before{left:0}.bw-example .bw-line::after{left:100%}
.bw-example .bw-tick{position:absolute;top:.85rem;transform:translateX(-50%);font:500 .83rem/1.2 var(--sans,system-ui,sans-serif)}
.bw-example .bw-tick.left{left:0}.bw-example .bw-tick.mid{left:50%}.bw-example .bw-tick.right{left:100%}
.bw-example .bw-tick.mid::before{content:"";position:absolute;left:50%;bottom:calc(100% + .2rem);height:.35rem;border-left:1px solid}
.bw-example .bw-limit{margin-top:1rem;padding-top:.7rem;border-top:1px solid #c6d0c1;font-size:.92em}
.bw-example [hidden]{display:none!important}
@media print{.bw-example [data-bw-state][hidden]{display:block!important}.bw-example [data-bw-controls]{display:none!important}.bw-example .bw-segment{print-color-adjust:exact}}