.dbc{--d-accent:#067957;--d-accent-h:#055f45;--d-soft:#ecfbf5;--d-ink:#172033;--d-muted:#5b687e;--d-line:#dfe5ec;--d-bg:#f8fafc;--d-bad:#b42318;
box-sizing:border-box;max-width:960px;margin:0 auto 1.5em;padding:16px;background:#fff;border:1px solid var(--d-line);border-radius:14px;color:var(--d-ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 1px 3px rgba(23,32,51,.06)}
.dbc *,.dbc *::before,.dbc *::after{box-sizing:border-box}
.dbc .dbc-title{margin:0 0 4px;font-size:1.45em;line-height:1.2;color:var(--d-ink)}
.dbc .dbc-intro{margin:0 0 12px;color:var(--d-muted)}
.dbc-look{background:var(--d-bg);border:1px solid var(--d-line);border-radius:12px;padding:14px}
.dbc-look>label{display:block;font-weight:700;margin-bottom:6px}
.dbc-row{display:flex;flex-wrap:wrap;gap:8px}
.dbc input[type=number],.dbc input[type=search]{font:inherit;min-height:44px;padding:6px 12px;border:1px solid #c9d3de;border-radius:10px;background:#fff;color:var(--d-ink)}
.dbc input[type=number]{width:8em;font-size:1.1em;font-weight:700}
.dbc .dbc-btn{appearance:none;display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--d-line);border-radius:10px;background:#fff;color:var(--d-ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.dbc .dbc-btn:hover{border-color:var(--d-accent);color:var(--d-accent)}
.dbc .dbc-primary{background:var(--d-accent);border-color:var(--d-accent);color:#fff}
.dbc .dbc-primary:hover{background:var(--d-accent-h);color:#fff}
.dbc .dbc-btn:focus-visible,.dbc input:focus-visible,.dbc .dbc-chip:focus-visible,.dbc a:focus-visible{outline:3px solid var(--d-accent);outline-offset:2px}
.dbc-out{margin-top:10px}
.dbc-out p{margin:0 0 6px}
.dbc-out ul{margin:0 0 6px;padding-left:1.2em}
.dbc-out .dbc-hit{font-weight:700;font-size:1.05em}
.dbc-out .is-error{color:var(--d-bad)}
.dbc a{color:var(--d-accent)}
.dbc-filters{margin:14px 0 8px}
.dbc-filters input[type=search]{width:100%}
.dbc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dbc .dbc-chip{appearance:none;min-height:38px;padding:5px 12px;border:1px solid var(--d-line);border-radius:999px;background:#fff;color:var(--d-ink);font:inherit;font-size:.9em;font-weight:600;cursor:pointer}
.dbc .dbc-chip[aria-pressed=true]{background:var(--d-accent);border-color:var(--d-accent);color:#fff}
.dbc-wrap{overflow-x:auto;border:1px solid var(--d-line);border-radius:10px}
.dbc-table{width:100%;border-collapse:collapse;font-size:.93em;min-width:640px}
.dbc-table caption{text-align:left;padding:8px 10px;font-size:.85em;color:var(--d-muted)}
.dbc-table th,.dbc-table td{text-align:left;padding:8px 10px;border-top:1px solid var(--d-line);vertical-align:top}
.dbc-table th{background:var(--d-bg);font-size:.8em;color:var(--d-muted);font-weight:600}
.dbc-db{font-weight:800;font-size:1.1em;font-variant-numeric:tabular-nums;white-space:nowrap;border-left:6px solid #cfeee1}
.dbc-table tr[data-band=m] .dbc-db{border-left-color:#9fdcc3}
.dbc-table tr[data-band=l] .dbc-db{border-left-color:#f3d28b}
.dbc-table tr[data-band=r] .dbc-db{border-left-color:#f0a35a}
.dbc-table tr[data-band=d] .dbc-db{border-left-color:#e5484d}
.dbc-table tr[data-band=x] .dbc-db{border-left-color:#8f1d20}
.dbc-band{font-weight:600}
.dbc-cat{display:block;font-size:.8em;color:var(--d-muted)}
.dbc-table tr.is-hit td{background:var(--d-soft)}
.dbc-table tr[hidden]{display:none}
.dbc-small{font-size:.85em;color:var(--d-muted);margin:8px 0 0}
.dbc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:640px){.dbc{padding:22px}}