/* Yalnız pH aracının adım listesi ve asit–baz göstergesi. */
.ph-steps { padding-left: 22px; margin: 16px 0 0; color: var(--text-muted); font-size: 0.875rem; line-height: 1.6; overflow-wrap: anywhere; }
.ph-steps li { margin-bottom: 8px; }
#phScaleTitle { font-size: 1.1rem; margin: 0; color: var(--text-title); }
.ph-scale-area { padding: 16px 4px 4px; }
.ph-scale { position: relative; height: 28px; border-radius: 8px; background: linear-gradient(to right, #dc2626 0%, #eab308 28%, #22c55e 50%, #06b6d4 72%, #2563eb 100%); }
.ph-scale-marker { position: absolute; top: -8px; bottom: -8px; left: var(--ph-position, 50%); width: 4px; transform: translateX(-50%); background: var(--text-title); border: 1px solid var(--bg-card); border-radius: 2px; }
.ph-scale-labels { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; font-size: 0.8rem; color: var(--text-muted); }