/* kalkulator-pph21.css */
.kpph-wrapper { max-width:900px; margin:30px auto; font-family: Arial, sans-serif; background:#fff; padding:22px; border-radius:10px; border:1px solid #eee; }
.kpph-title { font-size:22px; margin-bottom:6px; color:#0b5ed7; }
.kpph-desc { color:#666; margin-bottom:12px; }
.kpph-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:12px; margin-bottom:12px; }
.kpph-grid label { font-weight:600; font-size:13px; color:#333; display:block; }
.kpph-grid input, .kpph-grid select { width:100%; padding:10px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; }
.kpph-button { grid-column:1/-1; padding:12px; background:#0b5ed7; color:#fff; border:none; border-radius:8px; cursor:pointer; font-weight:700; }
.kpph-result { margin-top:12px; padding:14px; background:#f9f9ff; border-left:4px solid #0b5ed7; border-radius:6px; font-weight:700; }
.kpph-explanation { margin-top:18px; font-size:14px; color:#333; line-height:1.5; }
.kpph-explanation pre { background:#fafafa; padding:10px; border-radius:6px; overflow:auto; }