.dbl{--w-accent:#067957;--w-accent-h:#055f45;--w-soft:#ecfbf5;--w-ink:#172033;--w-muted:#5b687e;--w-line:#dfe5ec;--w-bg:#f8fafc;
box-sizing:border-box;max-width:880px;margin:0 auto 1.5em;padding:16px;background:#fff;border:1px solid var(--w-line);border-radius:14px;color:var(--w-ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 1px 3px rgba(23,32,51,.06)}
.dbl *,.dbl *::before,.dbl *::after{box-sizing:border-box}
.dbl .dbl-title{margin:0 0 8px;font-size:1.35em;line-height:1.2;color:var(--w-ink)}
.dbl-answer{margin:0 0 14px;padding:12px 14px;border-radius:10px;font-weight:600;background:var(--w-soft);border:1px solid #cdeee0}
.dbl-answer[data-band=l]{background:#fff8ea;border-color:#f3d9a4}
.dbl-answer[data-band=r],.dbl-answer[data-band=d],.dbl-answer[data-band=x]{background:#fff3f2;border-color:#f5c2bd}
.dbl-band{display:inline-block;margin-right:6px;padding:1px 10px;border-radius:999px;background:#fff;border:1px solid var(--w-line);font-size:.85em}
.dbl-bar{margin:6px 0 14px}
.dbl-track{position:relative;height:14px;border-radius:999px;background:linear-gradient(90deg,#cfeee1 0%,#cfeee1 40%,#9fdcc3 40%,#9fdcc3 46.7%,#f3d28b 46.7%,#f3d28b 56.7%,#f0a35a 56.7%,#f0a35a 66.7%,#e5484d 66.7%,#e5484d 80%,#8f1d20 80%)}
.dbl-track i{position:absolute;top:-6px;width:4px;height:26px;margin-left:-2px;background:var(--w-ink);border-radius:2px}
.dbl-track b{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:.85em;background:var(--w-ink);color:#fff;padding:0 6px;border-radius:6px;white-space:nowrap}
.dbl-ticks{display:flex;justify-content:space-between;font-size:.75em;color:var(--w-muted);margin-top:6px}
.dbl-bar{padding-top:16px}
.dbl-facts{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 14px;padding:0}
.dbl-facts div{border:1px solid var(--w-line);border-radius:10px;padding:8px 12px}
.dbl-facts dt{font-size:.8em;color:var(--w-muted);margin:0}
.dbl-facts dd{margin:0;font-weight:600}
.dbl-dose{background:var(--w-bg);border:1px solid var(--w-line);border-radius:10px;padding:12px;margin-bottom:12px}
.dbl-dose label{font-weight:700;margin-right:6px}
.dbl-dose select{font:inherit;min-height:42px;padding:4px 10px;border:1px solid #c9d3de;border-radius:8px;background:#fff;color:var(--w-ink)}
.dbl-dose-out{display:block;margin-top:8px}
.dbl-hear{border:1px solid var(--w-line);border-radius:10px;padding:12px;margin-bottom:12px}
.dbl-hear-t{margin:0 0 8px;font-size:.95em}
.dbl-row{display:flex;flex-wrap:wrap;gap:8px}
.dbl .dbl-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--w-line);border-radius:10px;background:#fff;color:var(--w-ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.dbl .dbl-btn:hover{border-color:var(--w-accent);color:var(--w-accent)}
.dbl .dbl-btn.is-on{background:var(--w-soft);border-color:var(--w-accent)}
.dbl .dbl-btn:disabled{opacity:.5}
.dbl .dbl-primary{background:var(--w-accent);border-color:var(--w-accent);color:#fff}
.dbl .dbl-primary:hover{background:var(--w-accent-h);color:#fff}
.dbl .dbl-btn:focus-visible,.dbl select:focus-visible,.dbl a:focus-visible{outline:3px solid var(--w-accent);outline-offset:2px}
.dbl-go{margin-bottom:12px}
.dbl-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--w-line);padding-top:10px}
.dbl-nav a{color:var(--w-accent);font-weight:600;text-decoration:none}
.dbl-nav a:hover{text-decoration:underline}
@media (min-width:640px){.dbl{padding:22px}.dbl-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}