/* Styles for Abnormal Period Quiz */
.cbapq-wrapper { max-width: 600px; margin: 0 auto; font-family: inherit; color: #333; }
.cbapq-intro { margin-bottom: 25px; text-align: center; }

.cbapq-quiz { background: #fdfdfd; padding: 25px; border-radius: 8px; border: 1px solid #ddd; }
.cbapq-q { margin-bottom: 25px; }
.cbapq-q h4 { color: var(--bp-secondary, #27115F); margin-top: 0; margin-bottom: 12px; font-size: 16px; }

.cbapq-q label { display: block; padding: 10px; margin-bottom: 8px; background: #fff; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; font-size: 14px; transition: all 0.2s; }
.cbapq-q label:hover { border-color: var(--bp-primary, #C11574); background: #fdf5f8; }
.cbapq-q input[type="radio"] { margin-right: 10px; accent-color: var(--bp-primary, #C11574); }

.cbapq-btn { width: 100%; padding: 15px; background: var(--bp-primary, #C11574); color: white; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; margin-top: 10px; transition: background 0.3s; }
.cbapq-btn:hover { background: var(--bp-primary, #a0105e); }

.cbapq-result { margin-top: 30px; padding: 25px; border-radius: 8px; font-size: 15px; line-height: 1.5; }
.cbapq-res-normal { background: #e8f5e9; border: 2px solid #2e7d32; }
.cbapq-res-normal h4 { color: #2e7d32; margin-top: 0; }
.cbapq-res-abnormal { background: #ffebee; border: 2px solid #c62828; }
.cbapq-res-abnormal h4 { color: #c62828; margin-top: 0; }

.cbapq-flag { margin-bottom: 15px; padding: 15px; background: #fff; border-left: 4px solid #c62828; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.cbapq-flag strong { display: block; color: #c62828; font-size: 16px; margin-bottom: 5px; }

.cbapq-disclaimer-box { margin-top: 25px; padding: 15px; background: #fdf2f2; border-left: 4px solid #d9534f; font-size: 13px; text-align: left; }