/* style.css */
body { font-family: Arial, sans-serif; background-color: #f4f7f6; color: #333; line-height: 1.6; padding: 20px; }
.ehbm-container { max-width: 800px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
h1, h2 { color: #1e3a5f; }
.slider-group { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.slider-header { display: flex; justify-content: space-between; font-weight: bold; margin-bottom: 8px; }
.score-badge { background: #1e3a5f; color: #fff; padding: 2px 10px; border-radius: 12px; font-size: 0.9em; }
input[type=range] { width: 100%; cursor: pointer; }
.form-input { width: 100%; padding: 10px; margin: 8px 0 16px 0; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.btn-submit { background-color: #2b7a78; color: white; padding: 14px 24px; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; width: 100%; font-weight: bold; }
.btn-submit:hover { background-color: #1e5654; }
.result-box { background: #eef5f4; padding: 20px; border-left: 5px solid #2b7a78; margin-top: 25px; border-radius: 4px; }
.mail-notice { font-size: 0.9em; color: #2b7a78; margin-top: 10px; }
.cta-btn { display: inline-block; margin-top: 15px; background: #1e3a5f; color: #fff; padding: 12px 20px; text-decoration: none; border-radius: 4px; font-weight: bold; }