/* inclined_plane.css — block on a slope with resolved forces (see inclined_plane.js). */
.ip-svg { display: block; width: 100%; height: auto; }
.ip-ramp { fill: rgba(148, 163, 184, 0.16); stroke: #94a3b8; stroke-width: 1.6; stroke-linejoin: round; }
.ip-angle { fill: none; stroke: #93a4b8; stroke-width: 1.3; }
.ip-deg { fill: #cbd5e1; font-size: 11px; font-weight: 700; }
.ip-block { fill: rgba(104, 130, 176, 0.30); stroke: #8fa8cf; stroke-width: 1.5; stroke-linejoin: round; }
.ip-arrow { stroke-width: 2.4; fill: none; }
.ip-lab { font-size: 10px; font-weight: 700; paint-order: stroke; stroke: #0a0f1a; stroke-width: 2.6px; stroke-linejoin: round; }
.ip-w { stroke: #cbd5e1; color: #cbd5e1; fill: #e2e8f0; }
.ip-n { stroke: #38bdf8; color: #38bdf8; fill: #7dd3fc; }
.ip-d { stroke: #34d399; color: #34d399; fill: #6ee7b7; }
.ip-f { stroke: #fb7185; color: #fb7185; fill: #fda4af; }