.bp-block{overflow-wrap:anywhere}.bp-motivation{background:#edf4ee;border-left:4px solid #285e49;padding:1.4rem;border-radius:12px}.bp-key{border:1px solid #ccd8ce;border-radius:12px;padding:1rem!important;margin:0 0 .7rem!important}.bp-key summary{display:flex;align-items:center;gap:.8rem;cursor:pointer;font-weight:700;min-height:44px;list-style:none}.bp-key summary::after{content:'+';margin-left:auto;font-size:1.5rem}.bp-key details[open]>summary::after{content:'−'}.bp-key details>p{margin-top:1rem}.bp-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#285e49;color:white}.bp-flow{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0}.bp-flow li{padding:.5rem .7rem;background:white;border:1px solid #b9cbbb;border-radius:8px;font-size:.85rem;font-weight:700}.bp-flow li:not(:last-child)::after{content:' →';color:#285e49}.bp-links{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin-top:1rem}.bp-links a{display:inline-block;padding:.35rem 0}.bp-map li{padding:.5rem 0}.bp-checklist{list-style:none;padding:0}.bp-checklist label{display:flex;gap:.6rem;align-items:center;min-height:44px}.bp-checklist input{width:20px;height:20px}.bp-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.bp-buttons .button{min-height:44px;white-space:normal}.bp-buttons [aria-pressed=true]{background:#285e49;color:white}.bp-result{font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.65;padding:1rem;background:#f3f5ef;border-radius:10px}.bp-result mark{color:#1e4436;background:#dceccc;padding:.1rem .2rem;border-radius:3px}.bp-demo details{margin:.6rem 0}.bp-demo summary{cursor:pointer;padding:.5rem 0;min-height:44px}.bp-demo select{max-width:100%;min-height:44px}.bp-block p.bp-note{font-weight:600}.bp-block :focus-visible{outline:3px solid #276eb2;outline-offset:3px}.bp-block button:disabled{opacity:.55}.bp-block h2{font-size:1.5rem}@media(max-width:600px){.bp-motivation{padding:1rem}.bp-key summary{align-items:flex-start}.bp-flow{display:block}.bp-flow li{margin:.4rem 0}.bp-flow li:not(:last-child)::after{content:' ↓'}.bp-buttons .button{flex:1 1 44%}.bp-links{display:block}.bp-links a{display:block;min-height:44px}}