.diagnostic-page{background:#f9fafb;min-height:100vh;padding:4rem 2rem}.diagnostic-page-container{max-width:1000px;margin:0 auto}.diagnostic-header{text-align:center;margin-bottom:4rem}.diagnostic-header h1{color:#1b1b1b;margin-bottom:.5rem;font-size:3rem;font-weight:800}.diagnostic-subtitle{color:var(--color-text-secondary,#4b5563);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.diagnostic-description{color:#666;max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.diagnostic-benefits{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.benefit-item{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 2px 4px #0000000d}.benefit-icon{font-size:1.5rem}.diagnostic-aha-section{text-align:left;background:#fff;border-radius:12px;margin-top:2.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.diagnostic-aha-section h2{color:#1b1b1b;margin-bottom:.75rem;font-size:1.35rem}.diagnostic-aha-section p{color:#444;margin-bottom:.75rem;font-size:1rem;line-height:1.6}.diagnostic-aha-section p:last-child{margin-bottom:0}.diagnostic-next-step{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:700px;margin-top:1.75rem;margin-left:auto;margin-right:auto;padding:1rem 1.25rem;box-shadow:0 2px 4px #0000000d}.diagnostic-next-step p{color:#444;margin:0;font-size:1rem;line-height:1.55}.diagnostic-next-step a{color:#786d0a;text-underline-offset:2px;font-weight:600;text-decoration:underline}.diagnostic-next-step a:hover{color:#5c5310}@media (max-width:768px){.diagnostic-header h1{font-size:2rem}.diagnostic-description{font-size:1.1rem}}.diagnostic-quiz{max-width:900px;margin:0 auto;padding:2rem}.quiz-progress{margin-bottom:2rem}.progress-bar{background:#e5e7eb;border-radius:999px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#786d0a,#fbbf24);height:100%;transition:width .3s}.progress-text{text-align:center;color:#666;font-size:.9rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:#1b1b1b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.diagnostic-section-heading{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.diagnostic-section-icon,.diagnostic-progress-icon{color:var(--color-primary-btn,#3a6626);vertical-align:middle;flex-shrink:0}.category-icon{color:var(--color-primary-btn,#3a6626);justify-content:center;align-items:center;display:inline-flex}.section-description{color:#666;font-size:1.1rem}.questions-container{gap:1.5rem;margin-bottom:3rem;display:grid}.diagnostic-quiz-page-based .questions-container-single{max-height:60vh;margin-bottom:2rem;overflow:hidden}.diagnostic-quiz-page-based .quiz-navigation{justify-content:space-between;align-items:center;display:flex}.diagnostic-quiz-page-based .quiz-navigation span{visibility:hidden;width:1px;display:inline-block}.question-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 6px #00000012}.question-card:hover{border-color:#786d0a;box-shadow:0 8px 12px #0000001a}.question-text{color:#1b1b1b;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;line-height:1.6}.answer-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.answer-btn{cursor:pointer;color:#333;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.answer-btn:hover{background:#f9fafb;border-color:#786d0a}.answer-btn.selected{color:#fff;background:#786d0a;border-color:#786d0a}.quiz-navigation{border-top:2px solid #e5e7eb;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.quiz-navigation .btn:disabled{opacity:.5;cursor:not-allowed}.diagnostic-results{max-width:1000px;margin:0 auto;padding:2rem}.results-header{text-align:center;margin-bottom:3rem}.results-header h2{color:#1b1b1b;margin-bottom:2rem;font-size:2.5rem;font-weight:800}.overall-score{margin:2rem 0}.score-circle{background:#fff;border:8px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto;display:flex}.score-value{font-size:3rem;font-weight:800;line-height:1}.score-label{opacity:.8;margin-top:.5rem;font-size:1rem;font-weight:600}.results-description{color:#666;margin-top:1.5rem;font-size:1.2rem}.category-scores{gap:1.5rem;margin-bottom:3rem;display:grid}.category-score-card{background:#fff;border-left:4px solid;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000012}.category-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.category-icon{font-size:2rem}.category-header h3{color:#1b1b1b;flex:1;margin:0;font-size:1.5rem;font-weight:700}.category-percentage{font-size:1.5rem;font-weight:800}.score-bar{background:#e5e7eb;border-radius:999px;height:12px;margin:1rem 0;overflow:hidden}.score-bar-fill{border-radius:999px;height:100%;transition:width .5s}.category-status{color:#666;margin:0;font-size:.9rem}.results-actions{border-top:2px solid #e5e7eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.results-actions .btn-primary{text-align:center}@media (max-width:768px){.diagnostic-quiz,.diagnostic-results{padding:1rem}.section-header h2{font-size:1.75rem}.answer-options{grid-template-columns:1fr}.quiz-navigation,.results-actions{flex-direction:column}}