.bwc { --bwc-ink:#203b32; --bwc-muted:#52675e; --bwc-line:#b7c9be; --bwc-green:#25624e; box-sizing:border-box; margin:24px 0; padding:24px; border:1px solid var(--bwc-line); border-radius:16px; background:#f5faf6; color:var(--bwc-ink); font-size:16px; line-height:1.8; overflow-wrap:anywhere; }
.bwc *, .bwc *::before, .bwc *::after {box-sizing:border-box;}
.bwc p {margin:0 0 14px;color:inherit;font-size:inherit;line-height:inherit;}
.bwc .bwc-kicker {color:var(--bwc-muted);font-size:14px;font-weight:600;}
.bwc summary {min-height:44px;padding:8px 0;cursor:pointer;}
.bwc .bwc-example {margin-bottom:14px;}
.bwc .bwc-example p {margin-top:10px;}
.bwc .bwc-small,.bwc .bwc-storage {font-size:14px;color:var(--bwc-muted);}
.bwc .bwc-question {font-size:21px;font-weight:700;line-height:1.6;margin-bottom:12px;}
.bwc .bwc-options {display:grid;gap:10px;margin:18px 0;}
.bwc .bwc-btn {display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:11px 16px;border:1px solid var(--bwc-line);border-radius:9px;background:#fff;color:var(--bwc-ink);font:inherit;text-decoration:none;white-space:normal;cursor:pointer;text-align:center;line-height:1.6;box-shadow:none;}
.bwc .bwc-btn:hover {background:#e6f1e9;border-color:var(--bwc-green);}
.bwc .bwc-primary {background:var(--bwc-green);color:#fff;border-color:var(--bwc-green);}
.bwc .bwc-primary:hover {background:#1a4d3c;color:#fff;}
.bwc .bwc-block {width:100%;}
.bwc button:focus-visible,.bwc a:focus-visible,.bwc summary:focus-visible,.bwc textarea:focus-visible {outline:3px solid #1769a0;outline-offset:3px;}
.bwc .bwc-row {display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.bwc .bwc-result {margin:20px 0;}
.bwc .bwc-section-title {font-weight:700;border-bottom:1px solid var(--bwc-line);padding-bottom:6px;}
.bwc .bwc-answer-list {display:grid;gap:8px;padding-left:22px;margin:10px 0;}
.bwc .bwc-label {display:block;margin:16px 0 8px;}
.bwc .bwc-textarea {display:block;width:100%;max-width:100%;padding:12px;border:1px solid var(--bwc-line);border-radius:6px;background:#fff;color:var(--bwc-ink);font:inherit;font-size:16px;line-height:1.7;white-space:pre-wrap;resize:vertical;}
.bwc .bwc-optional {flex-basis:100%;width:100%;border-top:1px solid var(--bwc-line);padding-top:6px;}
.bwc .bwc-optional .bwc-btn {margin:0 8px 10px 0;}
.bwc .bwc-storage {margin-top:18px;margin-bottom:0;}
@media (max-width:480px) {.bwc {padding:18px 14px;} .bwc .bwc-question {font-size:19px;} .bwc .bwc-row .bwc-btn {flex:1 1 140px;}}
