.diagnostic-experience{--diagnostic-bg:var(--c-bg-primary);--diagnostic-text:var(--c-text-primary);--diagnostic-text-secondary:var(--c-text-secondary);--diagnostic-accent:var(--c-accent-blue);--diagnostic-border:var(--c-border);--diagnostic-space-xs:var(--s-1);--diagnostic-space-sm:var(--s-2);--diagnostic-space-md:var(--s-4);--diagnostic-space-lg:var(--s-6);--diagnostic-space-xl:var(--s-8);--diagnostic-font-serif:var(--font-serif);--diagnostic-font-sans:var(--font-sans);--diagnostic-font-mono:var(--font-mono);--diagnostic-size-sm:var(--f-minus-2);--diagnostic-size-base:var(--f-0);--diagnostic-size-lg:var(--f-1);--diagnostic-size-xl:var(--f-2);--diagnostic-size-2xl:var(--f-3);--diagnostic-size-3xl:var(--f-4);--diagnostic-stroke-1:var(--stroke-1);--diagnostic-stroke-2:var(--stroke-2);--diagnostic-duration-fast:var(--motion-duration-xs);--diagnostic-duration-normal:var(--motion-duration-s);--diagnostic-duration-slow:var(--motion-duration-m);--diagnostic-ease:var(--motion-ease-flow);--diagnostic-critical:var(--c-text-error,#dc2626);--diagnostic-warning:var(--c-text-warning,#d97706);--diagnostic-info:var(--c-accent-blue);--diagnostic-success:var(--c-text-success,#16a34a);--diagnostic-work-bg:var(--work-slab-bg,#fcfcfc);--diagnostic-work-surface:var(--work-proof-surface,#1e293b);--diagnostic-work-surface-alt:var(--work-proof-surface-alt,#0f172a);--diagnostic-work-text:var(--work-proof-text,#e2e8f0);--diagnostic-work-kicker:var(--work-proof-kicker,#94a3b8);--diagnostic-work-copy:var(--work-proof-copy,#cbd5e1);--diagnostic-work-muted:var(--work-proof-muted,#64748b);--diagnostic-work-border:var(--work-proof-border,#94a3b833)}.diagnostic-experience[data-theme=work]{--diagnostic-bg:var(--diagnostic-work-bg);--diagnostic-surface:var(--diagnostic-work-surface);--diagnostic-surface-alt:var(--diagnostic-work-surface-alt);--diagnostic-text:var(--diagnostic-work-text);--diagnostic-text-secondary:var(--diagnostic-work-copy);--diagnostic-kicker:var(--diagnostic-work-kicker);--diagnostic-border:var(--diagnostic-work-border)}.diagnostic-experience[data-theme=play]{--diagnostic-bg:var(--play-ink-dark,#091317);--diagnostic-surface:var(--play-ink-surface,#11242e);--diagnostic-surface-alt:var(--play-card-base-start,#0f1a24);--diagnostic-text:var(--c-bg-primary,#fff);--diagnostic-text-secondary:var(--play-copy-body,#e2e8f0);--diagnostic-kicker:var(--play-accent-gold,#edcd4d);--diagnostic-border:var(--play-card-border-default,#edcd4d52);--diagnostic-accent:var(--play-accent-gold,#edcd4d)}.diagnostic-fallback{text-align:center;padding:var(--diagnostic-space-lg);background:var(--diagnostic-bg);border:var(--diagnostic-stroke-1) solid var(--diagnostic-border);border-radius:var(--s-1)}.diagnostic-fallback p{color:var(--diagnostic-text-secondary);margin:0;margin-block-end:var(--diagnostic-space-sm)}.diagnostic-fallback a{color:var(--diagnostic-accent);text-underline-offset:.2em;text-decoration:underline}.diagnostic-fallback a:hover{color:var(--diagnostic-text)}body .pillar-diagnostic .diagnostic-experience{border:2px solid var(--c-border);padding:var(--s-8) var(--s-7);background:var(--c-bg-secondary);margin-block-start:var(--page-gap-md,var(--s-6))}body .pillar-diagnostic .diagnostic-experience .intake-hug{padding-top:0;padding-bottom:0}body .pillar-diagnostic .diagnostic-experience .kicker{letter-spacing:.2em;color:var(--c-accent-blue);margin-bottom:var(--s-4);font-size:.75rem;font-weight:700}body .pillar-diagnostic .diagnostic-experience .intake-headline{color:var(--c-text-primary);letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.2}body .pillar-diagnostic .diagnostic-experience .intake-subheadline{color:var(--c-text-primary);opacity:.85;margin-top:var(--s-3);font-size:1rem;line-height:1.5}body .pillar-diagnostic .diagnostic-experience .intake-header{margin-block-end:var(--s-6)}body .pillar-diagnostic .diagnostic-experience .intake-form-wrapper{max-inline-size:100%;margin-inline:0}body .pillar-diagnostic .diagnostic-experience .intake-form{padding:0}body .pillar-diagnostic .diagnostic-experience .u-label{color:var(--c-text-primary);letter-spacing:.05em;margin-block-end:var(--s-2);font-size:.875rem;font-weight:600;display:block}body .pillar-diagnostic .diagnostic-experience .u-input{background:var(--c-bg-primary);color:var(--c-text-primary);transition:border-color var(--motion-duration-xs) var(--motion-ease-flow);min-block-size:48px;padding:var(--s-2) var(--s-3);box-sizing:border-box;border:1px solid #94a3b8;border-radius:0;width:100%;font-size:1rem}body .pillar-diagnostic .diagnostic-experience .u-input:focus{border-color:var(--c-accent-blue);outline:2px solid var(--c-accent-blue);outline-offset:1px}body .pillar-diagnostic .diagnostic-experience select.u-input{appearance:auto;background:var(--c-bg-primary);cursor:pointer}body .pillar-diagnostic .diagnostic-experience .form-fields{gap:var(--s-6)}body .pillar-diagnostic .diagnostic-experience .form-field{gap:var(--s-1);flex-direction:column;display:flex}body .pillar-diagnostic .diagnostic-experience .u-input-range{accent-color:var(--c-accent-blue);block-size:28px;width:100%;margin-block:var(--s-2)}body .pillar-diagnostic .diagnostic-experience .u-input-range:focus{outline:2px solid var(--c-accent-blue);outline-offset:2px}body .pillar-diagnostic .diagnostic-experience .u-button--cta{min-block-size:48px;padding:var(--s-3) var(--s-7);background:var(--c-accent-blue);color:var(--c-bg-primary);border:var(--stroke-2) solid var(--c-accent-blue);letter-spacing:.03em;cursor:pointer;width:100%;transition:transform var(--motion-duration-xs) var(--motion-ease-flow), background-color var(--motion-duration-s) var(--motion-ease-flow);font-size:1rem;font-weight:700}@media (hover:hover){body .pillar-diagnostic .diagnostic-experience .u-button--cta:hover{background:color-mix(in srgb, var(--c-accent-blue) 85%, black);transform:translateY(-1px)}}body .pillar-diagnostic .diagnostic-experience .range-wrapper{margin-block-start:var(--s-1)}body .pillar-diagnostic .diagnostic-experience .range-header{margin-block-end:var(--s-1)}body .pillar-diagnostic .diagnostic-experience .range-value{color:var(--c-text-primary);font-weight:700;font-size:var(--f-2)}body .pillar-diagnostic .diagnostic-experience .range-labels{color:#475569;margin-block-start:var(--s-1);font-size:.8125rem;font-weight:600}body .pillar-diagnostic .diagnostic-experience .range-personality{color:var(--c-accent-blue);font-size:.875rem;font-weight:600}
