/* Scoped additions; controls use site.css. */
.dbm-actions { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
.dbm-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dbm-grid > * { min-width:0; }
.dbm-reading { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; }
.dbm-reading output { font-size:3.5rem; font-weight:700; font-variant-numeric:tabular-nums; }
.dbm-meter { height:24px; background:linear-gradient(90deg,#22c55e,#eab308,#ef4444); position:relative; border-radius:8px; }
#dbm-marker { position:absolute; height:100%; width:4px; background:#111827; left:0; }
.dbm-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.dbm-stats dd { margin:0; font-weight:700; }
.dbm-chart { display:block; width:100%; height:180px; border:1px solid var(--line); border-radius:10px; }
.dbm-tool .dbm-current { background:#dbeafe; outline:2px solid #1d4ed8; outline-offset:-2px; }
.dbm-tool select { max-width:100%; }
.dbm-tool p, .sources li { overflow-wrap:anywhere; }
@media(max-width:600px) { .dbm-grid { grid-template-columns:1fr; } .dbm-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }