#bra-tool{--bra-ink:#202b3c;--bra-muted:#697589;--bra-border:#dce3ec;--bra-accent:#244c89;box-sizing:border-box;color:var(--bra-ink);font-size:14px;width:100%;max-width:100%;}
#bra-tool *,#bra-tool *::before,#bra-tool *::after{box-sizing:border-box}
#bra-tool .bra-panel{border:1px solid var(--bra-border);border-radius:12px;padding:20px;background:#fff;margin-bottom:16px;min-width:0}
#bra-tool .bra-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:700;margin-bottom:18px}
#bra-tool .bra-subtle{font-size:12px;color:var(--bra-muted);font-weight:400}
#bra-tool .form-label{font-size:13px;font-weight:650;margin-bottom:6px}
#bra-tool .form-control,#bra-tool .form-select,#bra-tool .input-group-text{border-color:#d3dce7;min-height:43px;font-size:14px}
#bra-tool .input-group-text{background:#f6f8fb;color:#627084}
#bra-tool .form-text{font-size:11.5px;line-height:1.4;margin-top:5px}
#bra-tool .form-check-input{cursor:pointer}
#bra-tool .form-check-label{cursor:pointer}
#bra-tool .bra-required{color:#bd3447}
#bra-tool .bra-actions{display:flex;flex-direction:column;gap:10px}
#bra-tool .bra-primary-actions{width:100%}
#bra-tool .btn-calc{background:#244c89;border:1px solid #244c89;color:#fff;font-weight:650;min-height:45px}
#bra-tool .btn-calc:hover,#bra-tool .btn-calc:focus{background:#173c74;border-color:#173c74;color:#fff}
#bra-tool .bra-reset{flex:0 0 53px;min-height:45px}
#bra-tool .bra-export-btn{width:100%;min-height:42px;font-size:13px}
#bra-tool .bra-export-wrap{width:100%}
#bra-tool .dropdown-menu{width:100%;font-size:13px}
#bra-tool .bra-feature{background:#F0F5FE;border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#bra-tool .bra-eyebrow{font-weight:650;font-size:13px;color:#3c5376}
#bra-tool .bra-feature-size{font-size:clamp(32px,6vw,48px);font-weight:800;letter-spacing:-1.6px;line-height:1.3;color:#1b467f}
#bra-tool .bra-feature-desc{font-size:12px;color:#5a6880}
#bra-tool .bra-size-icon{color:#5178b4;font-size:35px;opacity:.85}
#bra-tool .bra-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
#bra-tool .bra-stat{border:1px solid var(--bra-border);border-radius:10px;padding:13px 12px;min-width:0}
#bra-tool .bra-stat-label{font-size:11px;line-height:1.35;color:var(--bra-muted);min-height:28px}
#bra-tool .bra-stat-value{font-size:19px;font-weight:750;overflow-wrap:anywhere;margin-top:5px}
#bra-tool .bra-chart-row{display:grid;grid-template-columns:minmax(92px,140px) minmax(0,1fr) auto;align-items:center;gap:10px;margin:15px 0}
#bra-tool .bra-chart-label{font-size:12px;font-weight:600}
#bra-tool .bra-chart-track{height:18px;background:#edf1f6;border-radius:5px;overflow:hidden}
#bra-tool .bra-chart-fill{height:100%;width:0;border-radius:5px;background:#6187bc;transition:width .35s ease}
#bra-tool .bra-chart-row:nth-child(2) .bra-chart-fill{background:#244c89}
#bra-tool .bra-chart-row:nth-child(3) .bra-chart-fill{background:#8ca4cb}
#bra-tool .bra-chart-row:nth-child(4) .bra-chart-fill{background:#a4b5cf}
#bra-tool .bra-chart-value{font-size:12px;min-width:58px;text-align:right;font-variant-numeric:tabular-nums}
#bra-tool .bra-chart-note{font-size:11px;color:var(--bra-muted);margin-top:12px}
#bra-tool .bra-table{font-size:12.5px;--bs-table-bg:transparent}
#bra-tool .bra-table th{color:#556377;font-weight:650;white-space:nowrap}
#bra-tool .bra-table td{vertical-align:middle}
#bra-tool .bra-size-pill{display:inline-block;background:#eef2f8;border-radius:6px;padding:4px 9px;font-weight:700;white-space:nowrap}
#bra-tool .bra-disclaimer{color:#5c697c;font-size:12px;line-height:1.6;margin:5px 0 15px}
@media(max-width:575.98px){#bra-tool .bra-panel{padding:15px;border-radius:9px}#bra-tool .bra-panel-head{align-items:flex-start}#bra-tool .bra-feature{padding:17px}#bra-tool .bra-mini-grid{gap:7px}#bra-tool .bra-stat{padding:11px 8px}#bra-tool .bra-stat-value{font-size:16px}#bra-tool .bra-chart-row{grid-template-columns:81px minmax(0,1fr) 58px;gap:7px}#bra-tool .bra-chart-label,#bra-tool .bra-chart-value{font-size:11px}#bra-tool .bra-primary-actions,#bra-tool .bra-export-wrap{width:100%}}
@media(prefers-reduced-motion:reduce){#bra-tool .bra-chart-fill{transition:none}}