/* box_model.css — concentric margin/border/padding/content bands + total-width caliper. */
.bm-margin { fill: rgba(104, 130, 176, 0.1); stroke: rgba(104, 130, 176, 0.5); stroke-width: 1; stroke-dasharray: 4 3; }
.bm-border { fill: rgba(251, 191, 36, 0.16); stroke: #fbbf24; stroke-width: 1.4; }
.bm-padding { fill: rgba(52, 211, 153, 0.16); stroke: rgba(52, 211, 153, 0.6); stroke-width: 1; }
.bm-content { fill: rgba(56, 189, 248, 0.3); stroke: #38bdf8; stroke-width: 1.4; }
.bm-clbl { fill: #eaf6ff; font-size: 12px; font-weight: 700; }
.bm-lbl { font-size: 10px; font-weight: 700; }
.bm-l-m { fill: #a9c0e2; } .bm-l-b { fill: #fcd34d; } .bm-l-p { fill: #6ee7b7; }
.bm-cal { stroke: #94a3b8; stroke-width: 1.2; }
.bm-callbl { fill: #cbd5e1; font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }