.pregnancy-tool-wrapper {font-family: Arial,sans-serif;background: #fff;color: #333;padding: 20px;max-width: 700px;margin: auto;border-radius: 10px;border: 1px solid #ddd;}
.pregnancy-calculator h2 {color: #4caf50;margin-bottom: 15px;}
.pregnancy-calculator label {display: block;margin: 10px 0 5px;font-weight: bold;}
.pregnancy-calculator input, .pregnancy-calculator select {width: 100%;padding: 8px;margin-bottom: 10px;box-sizing: border-box;}
.custom-select {border-radius: 5px;padding: 6px;font-size: 14px;}
.pregnancy-buttons {display: flex;justify-content: center;gap: 10px;margin: 20px 0;}
.pregnancy-buttons button {padding: 10px 20px;border: none;border-radius: 5px;color: #fff;cursor: pointer;}
#calculatePregnancy {background-color: #4caf50;}
#clearPregnancy {background-color: #a6acaf;}
#pregnancyResult {margin: 20px 0;font-size: 1rem;}
.pregnancy-progress-container {background: #e0e0e0;border-radius: 20px;overflow: hidden;height: 20px;margin-bottom: 20px;}
#pregnancyProgressBar {background: #4caf50;height: 100%;width: 0%;transition: width .5s ease-in-out;}
#pregnancyMilestones {margin-top: 20px;}
.milestone-week {margin-bottom: 8px;padding: 6px 10px;border-left: 4px solid #ccc;background: #f9f9f9;border-radius: 4px;}
.milestone-week.today {background: #e8f5e9;border-left-color: #4caf50;font-weight: bold;}
.milestone-week .milestone-label {color: #4caf50;font-weight: bold;margin-left: 5px;}