.procalc-tool { max-width: 500px; margin: 20px auto; padding: 20px; border: 1px solid #ddd; border-radius: 8px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.procalc-tool h3 { text-align: center; color: #333; }
.tool-desc { font-size: 0.9em; color: #666; margin-bottom: 15px; text-align: center; }
.procalc-form input, select, button { display: block; width: 100%; margin: 5px 0; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.procalc-form button { background: #0073aa; color: white; border: none; cursor: pointer; }
.procalc-result, .procalc-steps { margin-top: 10px; padding: 10px; background: #f9f9f9; border-left: 4px solid #0073aa; border-radius: 4px; }
.procalc-category ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.procalc-category li { padding: 10px; border: 1px solid #eee; border-radius: 4px; list-style: none; }
@media (max-width: 768px) { .procalc-tool { margin: 10px; padding: 15px; } }