/* slope-grade-calculator.css v2-r4 */

.slope-result{margin-top:.9rem;padding:1rem;background:var(--accent-soft);border:1px solid rgba(37,99,235,.25)}
.slope-main{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem}
.slope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.65rem}
@media(max-width:460px){.slope-grid{grid-template-columns:1fr 1fr}}
.slope-item{padding:.45rem .6rem;border:1px solid var(--border);background:#fff}
.slope-lbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.15rem}
.slope-val{font-size:.9rem;font-weight:600}
.slope-diagram{margin:.9rem 0;padding:.75rem;border:1px solid var(--border);background:#f9fafb;font-family:ui-monospace,monospace;font-size:.78rem;white-space:pre;line-height:1.6;color:var(--text-muted)}
.pitch-presets{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}
.pitch-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem;margin-top:.45rem}
.pitch-btn{font-size:.73rem;padding:.32rem .6rem;border:1px solid var(--border);background:#f9fafb;cursor:pointer;text-align:left}
.pitch-btn:hover{background:var(--accent-soft)}