.preg-section,.preg-tool{border:1px solid var(--gray-200)}.preg-tool{background:#fff;border-radius:16px;padding:2rem;margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.preg-section{border-radius:12px;padding:1.25rem 1.5rem;background:var(--gray-50)}.preg-label{font-size:.85rem;font-weight:600;color:var(--gray-800);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.preg-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.preg-input,.preg-text{font-size:1rem;color:var(--gray-800)}.preg-input{width:120px;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:8px;background:#fff;box-sizing:border-box}.preg-input-wide{width:200px}.preg-input:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(235,57,68,.1)}.preg-results{border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;background:var(--gray-50)}.preg-result-main{text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--gray-200)}.preg-result-main .preg-result-value{font-size:2rem;font-weight:700;color:var(--primary-600)}.preg-results-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.preg-result-card{flex:1;min-width:120px;text-align:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--gray-200)}.preg-result-label{font-size:.78rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.preg-result-value{font-size:1.2rem;font-weight:700;color:var(--gray-800)}.preg-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.preg-progress-bar{flex:1;height:10px;background:var(--gray-200);border-radius:5px;overflow:hidden}.preg-progress-fill{height:100%;background:var(--primary-500);border-radius:5px;transition:width .3s}.preg-progress-text{font-size:.85rem;font-weight:600;color:var(--gray-700);min-width:40px}.preg-milestones{display:flex;flex-direction:column;gap:.5rem}.preg-milestone{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.85rem;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.preg-milestone:last-child{border-bottom:none}.preg-milestone-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.preg-milestone-past{background:var(--primary-500)}.preg-milestone-future{background:var(--gray-300)}.preg-milestone b{color:var(--gray-800)}@media (max-width:600px){.preg-tool{padding:1rem}.preg-result-card{min-width:100%}.preg-result-main .preg-result-value{font-size:1.5rem}}