body { font-family: sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 20px; color: #333; }
.card { border: 1px solid #ddd; padding: 20px; border-radius: 8px; margin-bottom: 20px; background: #f9f9f9; }
table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }
input[type="number"], input[type="text"] { width: 80px; padding: 5px; }
button { cursor: pointer; padding: 10px 20px; background: #007bff; color: #fff; border: none; border-radius: 4px; font-weight: bold; }
button:hover { background: #0056b3; }
.result-box { background: #e9f7fe; padding: 15px; border-left: 5px solid #007bff; margin-top: 10px; }
.math-logic { font-size: 0.9em; background: #eee; padding: 15px; display: none; }

/* 追加・削除ボタン用スタイル */
.add-btn { background: #28a745; margin-bottom: 10px; }
.add-btn:hover { background: #218838; }
.delete-btn { background: #dc3545; padding: 5px 10px; font-size: 0.8em; }
.delete-btn:hover { background: #c82333; }