.mapping-card { border-top: 1px solid #cadbd6; margin-top: 12px; padding-top: 12px; }
.rule-point { cursor: pointer; fill: white; stroke: #246773; stroke-width: 2; vector-effect: non-scaling-stroke; }
.rule-point.chosen { fill: #147aaa; }
.point-number { fill: #173749; text-anchor: middle; pointer-events: none; }
.point-buttons { display: flex; flex-wrap: wrap; gap: 5px; margin: 12px 0; }
.point-buttons button[aria-pressed="true"] { background: #246773; color: white; }
#point-preview svg { height: 370px; width: 100%; background: #fafbf7; border: 1px solid #cadbd6; }
.profile-values { padding: 10px 14px; border: 1px solid #cadbd6; background: #f3f7f5; }