/* WP Calculator styles - responsive and scrollable */
.wp-calc-wrapper { max-width: 520px; margin: 0 auto; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: #111; }
.wp-calc-title { font-size: 1.2rem; margin-bottom: 8px; }
.wp-calc { border: 1px solid #e1e1e1; border-radius: 10px; padding: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.04); background: #fff; }
.wp-display { margin-bottom: 8px; }
.wp-input { width: 100%; font-size: 1.2rem; padding: 10px; border-radius: 6px; border: 1px solid #ddd; box-sizing: border-box; }
.wp-buttons { display: flex; flex-direction: column; gap: 8px; overflow: auto; max-height: 360px; padding-right: 6px; }
.wp-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.btn { padding: 10px; border-radius: 8px; border: none; background: #f5f5f5; font-size: 1rem; cursor: pointer; box-shadow: 0 1px 0 rgba(0,0,0,0.03); }
.btn:active { transform: translateY(1px); }
.btn.op { background: #fff3cd; }
.btn.small { font-size: 0.9rem; padding: 8px; }
.wp-scientific { margin-top: 8px; grid-template-columns: repeat(4, 1fr); display: grid; gap: 6px; }
@media (max-width: 480px) {
    .wp-calc-wrapper { padding: 0 12px; max-width: 100%; }
    .wp-row { grid-template-columns: repeat(4, 1fr); }
    .btn { padding: 12px; font-size: 1rem; }
}