.dbm-tool-hero{max-width:920px;padding-bottom:28px}
.dbm-tool-hero h1{max-width:850px}
.dbm-tool-hero .dbm-lede{max-width:780px}
.dbm-tool-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:start}
.dbm-tool-card{background:linear-gradient(145deg,#142b22,#0c1813);border:1px solid var(--dbm-line);border-radius:16px;padding:24px;box-shadow:0 18px 50px #0003}
.dbm-tool-card h2,.dbm-tool-card h3{margin-top:0}
.dbm-tool-form{display:grid;gap:16px}
.dbm-tool-form fieldset{min-width:0;margin:0;padding:0;border:0}
.dbm-tool-form legend{margin-bottom:9px;font-weight:850;font-size:17px;line-height:1.25}
.dbm-tool-form legend small{display:block;margin-top:5px;color:var(--dbm-muted);font-size:13px;font-weight:500}
.dbm-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dbm-choice{position:relative;display:block;margin:0;cursor:pointer}
.dbm-choice input{position:absolute;width:1px;height:1px;opacity:0}
.dbm-choice span{display:flex;align-items:center;min-height:48px;padding:10px 12px;border:1px solid var(--dbm-line);border-radius:9px;color:var(--dbm-muted);background:#07110f88;font-size:14px;line-height:1.25;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}
.dbm-choice:hover span{border-color:var(--dbm-blue);transform:translateY(-1px)}
.dbm-choice input:checked+span{border-color:var(--dbm-lime);background:#c8ff3d16;color:var(--dbm-text);box-shadow:inset 3px 0 var(--dbm-lime)}
.dbm-choice input:focus-visible+span{outline:3px solid var(--dbm-blue);outline-offset:2px}
.dbm-field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dbm-field label{display:block;margin-bottom:7px;color:var(--dbm-muted);font:800 11px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}
.dbm-field input,.dbm-field select{width:100%;padding:12px 13px;border:1px solid var(--dbm-line);border-radius:9px;background:#07110f;color:var(--dbm-text);font:inherit}
.dbm-field input:focus,.dbm-field select:focus{border-color:var(--dbm-lime);outline:3px solid #c8ff3d26}
.dbm-tool-button{width:fit-content;border:1px solid var(--dbm-orange);cursor:pointer}
.dbm-tool-result{margin-top:18px;padding:22px;border:1px solid var(--dbm-lime);border-radius:14px;background:linear-gradient(145deg,#173827,#10201b)}
.dbm-tool-result[hidden]{display:none}
.dbm-result-kicker{color:var(--dbm-lime);font:800 11px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}
.dbm-result-score{margin:6px 0 8px;color:var(--dbm-lime);font-size:clamp(38px,7vw,64px);font-weight:900;line-height:.95;letter-spacing:-.05em}
.dbm-result-score.orange{color:var(--dbm-orange)}
.dbm-result-score.lime{color:var(--dbm-lime)}
.dbm-result-score small{display:block;color:var(--dbm-muted);font-size:14px;font-weight:600;letter-spacing:0}
.dbm-result-meter{height:10px;margin:16px 0;background:#07110f;border-radius:99px;overflow:hidden}
.dbm-result-meter span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--dbm-orange),var(--dbm-lime));transition:width .35s ease}
.dbm-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}
.dbm-metric{padding:13px;border:1px solid #ffffff15;border-radius:10px;background:#07110f99}
.dbm-metric small{display:block;color:var(--dbm-muted);font:800 10px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.dbm-metric strong{display:block;margin-top:4px;font-size:clamp(20px,3vw,30px);line-height:1.05}
.dbm-metric strong.lime{color:var(--dbm-lime)}
.dbm-metric strong.orange{color:var(--dbm-orange)}
.dbm-result-list{display:grid;gap:8px;margin:15px 0 0;padding:0;list-style:none}
.dbm-result-list li{padding:10px 12px;border-left:2px solid var(--dbm-lime);background:#07110f99;color:var(--dbm-muted)}
.dbm-result-list b{color:var(--dbm-text)}
.dbm-tool-side{display:grid;gap:14px}
.dbm-tool-side .dbm-card{height:100%}
.dbm-tool-side h3{font-size:21px}
.dbm-tool-side ul{display:grid;gap:10px;margin:0;padding-left:19px;color:var(--dbm-muted)}
.dbm-tool-side li::marker{color:var(--dbm-lime)}
.dbm-callout{border-left:3px solid var(--dbm-orange);padding:13px 16px;color:var(--dbm-muted);background:#07110f55}
.dbm-callout strong{color:var(--dbm-text)}
.dbm-tool-note{color:var(--dbm-muted);font-size:13px}
.dbm-tool-note a,.dbm-result-link,.dbm-faq a{color:var(--dbm-lime);font-weight:800}
.dbm-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.dbm-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.dbm-faq{border:1px solid var(--dbm-line);border-radius:11px;background:var(--dbm-panel);overflow:hidden}
.dbm-faq summary{padding:16px 18px;cursor:pointer;font-weight:850;list-style-position:inside}
.dbm-faq summary::marker{color:var(--dbm-lime)}
.dbm-faq p{margin:0;padding:0 18px 17px;color:var(--dbm-muted)}
.dbm-data-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}
.dbm-data-table th,.dbm-data-table td{padding:11px 10px;border-bottom:1px solid #ffffff16;text-align:left;vertical-align:top}
.dbm-data-table th{color:var(--dbm-lime);font:800 10px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.dbm-data-table td{color:var(--dbm-muted)}
.dbm-data-table td:first-child{color:var(--dbm-text);font-weight:750}
.dbm-score-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--dbm-line);border-radius:999px;color:var(--dbm-muted);font:800 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.dbm-score-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dbm-lime);box-shadow:0 0 0 4px #c8ff3d18}
.dbm-scenario{display:grid;grid-template-columns:1fr auto;gap:5px 14px;margin:16px 0;padding:15px;border:1px solid #ffffff16;border-radius:11px;background:#07110f99}
.dbm-scenario span{color:var(--dbm-muted)}
.dbm-scenario strong{text-align:right;color:var(--dbm-text)}
@media(max-width:820px){.dbm-tool-layout{grid-template-columns:1fr}.dbm-faq-grid{grid-template-columns:1fr}}
@media(max-width:620px){.dbm-choice-grid,.dbm-field-grid,.dbm-metric-grid{grid-template-columns:1fr}.dbm-tool-card{padding:19px}.dbm-scenario{grid-template-columns:1fr}.dbm-scenario strong{text-align:left}}