.diag-hero[data-astro-cid-b5zkw2oq]{padding:var(--spacing-4xl) 0 var(--spacing-xl);text-align:center}.eyebrow[data-astro-cid-b5zkw2oq]{display:inline-block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-turquoise);margin-bottom:var(--spacing-md)}.diag-hero[data-astro-cid-b5zkw2oq] h1[data-astro-cid-b5zkw2oq]{font-size:var(--font-size-4xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.diag-hero-sub[data-astro-cid-b5zkw2oq]{font-size:var(--font-size-lg);color:var(--color-muted);max-width:580px;margin:0 auto;line-height:1.7}.diag-section[data-astro-cid-b5zkw2oq]{padding:var(--spacing-xl) 0 var(--spacing-4xl)}.diag-footer-info[data-astro-cid-b5zkw2oq]{background:var(--color-gray-50);padding:var(--spacing-3xl) 0}.info-grid[data-astro-cid-b5zkw2oq]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);text-align:center}.info-item[data-astro-cid-b5zkw2oq] strong[data-astro-cid-b5zkw2oq]{display:block;font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.info-item[data-astro-cid-b5zkw2oq] p[data-astro-cid-b5zkw2oq]{color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.6}@media(max-width:768px){.info-grid[data-astro-cid-b5zkw2oq]{grid-template-columns:1fr;gap:var(--spacing-lg)}.diag-hero[data-astro-cid-b5zkw2oq] h1[data-astro-cid-b5zkw2oq]{font-size:var(--font-size-3xl)}}.diag-container{max-width:640px;margin:0 auto}.diag-progress-bar{height:4px;background:var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);overflow:hidden}.diag-progress-fill{height:100%;background:var(--color-turquoise);border-radius:var(--radius-full);transition:width .4s ease}.diag-meta{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.diag-badge{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:#fff;background:var(--color-primary);padding:2px 8px;border-radius:var(--radius-sm)}.diag-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.diag-question{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-xl);line-height:1.4}.diag-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.diag-option{display:block;width:100%;text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.diag-option:hover{border-color:var(--color-turquoise);background:var(--color-turquoise-light);transform:translate(4px)}.diag-results h3{text-align:center;font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-xl)}.diag-dimensions{margin-top:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.diag-dim-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.diag-dim-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.diag-dim-pct{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary)}.diag-dim-bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.diag-dim-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease-out}.diag-actions{margin-top:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.diag-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:inherit;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius);cursor:pointer;transition:all .15s;text-decoration:none;border:none}.diag-btn-primary{background:var(--color-primary);color:#fff}.diag-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.diag-btn-secondary{background:var(--color-turquoise-light);color:var(--color-primary);border:1px solid var(--color-turquoise)}.diag-btn-secondary:hover{background:var(--color-turquoise);color:#fff}.diag-btn-link{background:none;border:none;color:var(--color-muted);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm);text-decoration:underline}.diag-btn-link:hover{color:var(--color-text)}.diag-email-gate h3{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.diag-email-gate p{color:var(--color-gray-700);line-height:1.65;margin-bottom:var(--spacing-sm)}.diag-muted{font-size:var(--font-size-sm)!important;color:var(--color-muted)!important}.diag-email-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.diag-input{padding:var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.diag-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0b2d8a14}.diag-result-body{max-width:520px;margin:0 auto;color:var(--color-gray-700);line-height:1.7;font-size:var(--font-size-base);text-align:left}.diag-result-body p{margin-bottom:var(--spacing-sm)}.diag-result-body p:last-child{margin-bottom:0}.diag-result-body a{color:var(--color-turquoise);font-weight:600;text-decoration:underline;text-underline-offset:2px}.diag-recos{margin-top:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.diag-recos-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.diag-reco{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-warning);border-radius:var(--radius);padding:var(--spacing-md) var(--spacing-lg)}.diag-reco-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;margin-bottom:6px}.diag-reco-links{font-size:var(--font-size-sm)}.diag-reco-links a{color:var(--color-turquoise);font-weight:600;text-decoration:none}.diag-reco-links a:hover{text-decoration:underline}
