.jc-builder-clarity{box-sizing:border-box;width:100%;max-width:960px;margin-inline:auto;padding:clamp(20px,4vw,48px);border:1px solid var(--color-border, #334155);border-radius:var(--radius-lg, 24px);color:var(--color-foreground, #f1f5f9);background:var(--color-background, #0f172a);font-family:var(--font-body, system-ui, sans-serif);line-height:1.5}.jc-builder-clarity *,.jc-builder-clarity *:before,.jc-builder-clarity *:after{box-sizing:border-box}.jc-builder-clarity h2,.jc-builder-clarity h3,.jc-builder-clarity p{margin:0}.jc-builder-clarity h2,.jc-builder-clarity h3{font-family:var(--font-heading, system-ui, sans-serif);color:var(--color-foreground, #f1f5f9)}.jc-builder-clarity .jcb-eyebrow{color:var(--color-primary, #60a5fa);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.jc-builder-clarity .jcb-headline{margin-top:16px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;letter-spacing:-.035em;max-width:760px;text-wrap:balance}.jc-builder-clarity .jcb-subheadline{margin-top:20px;max-width:560px;font-size:clamp(1rem,2vw,1.2rem);color:var(--color-muted-foreground, #aab9ce)}.jc-builder-clarity .jcb-muted{color:var(--color-muted-foreground, #aab9ce);font-size:.9rem}.jc-builder-clarity .jcb-intro{padding-block:clamp(16px,3vw,32px)}.jc-builder-clarity .jcb-intro-path{display:flex;gap:12px;margin-block:36px;max-width:360px}.jc-builder-clarity .jcb-intro-path span{flex:1;height:5px;border-radius:4px;background:var(--color-primary, #60a5fa);opacity:.55}.jc-builder-clarity .jcb-intro .jcb-button{margin-top:24px}.jc-builder-clarity .jcb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--color-border, #334155);border-radius:var(--radius-md, 12px);padding:12px 20px;background:var(--color-surface, #1e293b);color:var(--color-foreground, #f1f5f9);font:inherit;font-weight:650;cursor:pointer;transition:background .18s,border-color .18s}.jc-builder-clarity .jcb-button:hover:not(:disabled){border-color:var(--color-primary, #60a5fa);background:var(--color-surface-hover, #29384f)}.jc-builder-clarity .jcb-primary{background:var(--color-primary, #60a5fa);border-color:var(--color-primary, #60a5fa);color:var(--color-primary-foreground, #0b1729)}.jc-builder-clarity .jcb-primary:hover:not(:disabled){background:var(--color-primary-hover, #93c5fd)}.jc-builder-clarity .jcb-button:disabled{opacity:.45;cursor:not-allowed}.jc-builder-clarity .jcb-button:focus-visible,.jc-builder-clarity .jcb-choice:focus-within{outline:3px solid var(--color-ring, #93c5fd);outline-offset:4px}.jc-builder-clarity h2:focus{outline:none}.jc-builder-clarity .jcb-progress-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px}.jc-builder-clarity .jcb-progress-text{font-weight:600;font-size:.9rem}.jc-builder-clarity .jcb-progress-track{display:flex;gap:6px;margin-block:12px 24px}.jc-builder-clarity .jcb-progress-track span{flex:1;height:4px;background:var(--color-border, #334155);border-radius:4px}.jc-builder-clarity .jcb-progress-track .is-answered{background:var(--color-primary, #60a5fa)}.jc-builder-clarity .jcb-progress-track .is-current{outline:1px solid var(--color-primary, #60a5fa);outline-offset:2px}.jc-builder-clarity .jcb-question{font-size:clamp(1.3rem,2.8vw,1.9rem);line-height:1.3;text-wrap:balance}.jc-builder-clarity .jcb-map{display:block;width:100%;max-height:360px;height:auto;margin:12px auto;overflow:visible}.jc-builder-clarity .jcb-link{stroke:var(--color-border, #334155);transition:stroke .2s,stroke-width .2s}.jc-builder-clarity .jcb-link.is-answered{stroke:var(--color-primary, #60a5fa)}.jc-builder-clarity .jcb-core-ring{fill:transparent;stroke:var(--color-primary, #60a5fa);stroke-width:2}.jc-builder-clarity .jcb-core,.jc-builder-clarity .jcb-node-disc{fill:var(--color-surface, #1e293b);stroke:var(--color-border, #334155);stroke-width:2;transition:stroke .2s}.jc-builder-clarity .jcb-node.is-current .jcb-node-disc{stroke:var(--color-primary, #60a5fa);stroke-width:4}.jc-builder-clarity .jcb-node.is-answered .jcb-node-disc{stroke:var(--color-primary, #60a5fa)}.jc-builder-clarity .jcb-node-glow{fill:var(--color-primary, #60a5fa);transition:opacity .2s}.jc-builder-clarity .jcb-core-label{fill:var(--color-foreground, #f1f5f9);font-size:13px;font-weight:700;letter-spacing:1px}.jc-builder-clarity .jcb-core-note,.jc-builder-clarity .jcb-node-status{fill:var(--color-muted-foreground, #aab9ce);font-size:12px}.jc-builder-clarity .jcb-node-label{fill:var(--color-foreground, #f1f5f9);font-size:12px;font-weight:650}.jc-builder-clarity .jcb-fieldset{border:0;margin:0;padding:0;min-width:0}.jc-builder-clarity .jcb-scale{text-align:center;margin-bottom:12px;color:var(--color-muted-foreground, #aab9ce);font-size:.85rem}.jc-builder-clarity .jcb-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.jc-builder-clarity .jcb-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;padding:12px 6px;text-align:center;border:1px solid var(--color-border, #334155);border-radius:var(--radius-md, 12px);background:var(--color-surface, #1e293b);cursor:pointer}.jc-builder-clarity .jcb-choice:hover,.jc-builder-clarity .jcb-choice.is-selected{border-color:var(--color-primary, #60a5fa)}.jc-builder-clarity .jcb-choice.is-selected{box-shadow:inset 0 0 0 2px var(--color-primary, #60a5fa);background:var(--color-surface-hover, #29384f)}.jc-builder-clarity .jcb-choice strong{font-size:1.25rem}.jc-builder-clarity .jcb-choice span{font-size:.75rem;line-height:1.3}.jc-builder-clarity .jcb-choice input{position:absolute;width:1px;height:1px;opacity:0}.jc-builder-clarity .jcb-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.jc-builder-clarity .jcb-final-score{display:flex;gap:8px;align-items:baseline;margin-top:24px;color:var(--color-muted-foreground, #aab9ce)}.jc-builder-clarity .jcb-final-score strong{font-size:3.5rem;line-height:1;color:var(--color-primary, #60a5fa);letter-spacing:-.04em}.jc-builder-clarity .jcb-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.jc-builder-clarity .jcb-card{padding:24px;border:1px solid var(--color-border, #334155);border-radius:var(--radius-md, 12px);background:var(--color-surface, #1e293b)}.jc-builder-clarity .jcb-card h3{font-size:.85rem;font-weight:600}.jc-builder-clarity .jcb-card .jcb-area{margin-block:12px 8px;font-size:1.25rem;font-weight:650}.jc-builder-clarity .jcb-action{margin-top:20px;border-left:3px solid var(--color-primary, #60a5fa);padding:12px 0 12px 24px}.jc-builder-clarity .jcb-action h3{margin-top:12px;font-size:1.15rem}.jc-builder-clarity .jcb-action p:not(.jcb-eyebrow){margin-top:8px}.jc-builder-clarity .jcb-capture{max-width:560px;padding-block:clamp(16px,3vw,32px)}.jc-builder-clarity .jcb-capture-form{display:grid;gap:16px;margin-top:28px}.jc-builder-clarity .jcb-capture-field{display:grid;gap:8px;color:var(--color-foreground);font-size:.9rem;font-weight:650}.jc-builder-clarity .jcb-capture-field input{width:100%;min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:12px 14px;background:var(--color-surface);color:var(--color-foreground);font:inherit}.jc-builder-clarity .jcb-capture-field input:focus{outline:3px solid var(--color-ring);outline-offset:2px;border-color:var(--color-primary)}.jc-builder-clarity .jcb-capture-form .jcb-button{justify-self:start}.jc-builder-clarity .jcb-form-error,.jc-builder-clarity .jcb-form-success{margin-top:16px;font-size:.9rem}.jc-builder-clarity .jcb-form-error{color:var(--color-primary-hover)}.jc-builder-clarity .jcb-form-success{color:var(--color-primary)}.jc-builder-clarity .jcb-capture-back{margin-top:20px;border:0;padding:0;background:transparent;color:var(--color-muted-foreground);font:inherit;font-size:.9rem;cursor:pointer}.jc-builder-clarity .jcb-capture-back:hover{color:var(--color-foreground)}.jc-builder-clarity .jcb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jc-builder-clarity .jcb-mobile-map{display:none}@media (max-width:520px){.jc-builder-clarity .jcb-choices{grid-template-columns:1fr;gap:8px}.jc-builder-clarity .jcb-choice{flex-direction:row;justify-content:flex-start;padding:10px 16px;min-height:48px;gap:16px;text-align:left}.jc-builder-clarity .jcb-choice span{font-size:.9rem}.jc-builder-clarity .jcb-map{display:none}.jc-builder-clarity .jcb-mobile-map{display:block;margin-block:24px}.jc-builder-clarity .jcb-mobile-core{border:1px solid var(--color-primary, #60a5fa);border-radius:999px;margin:0 auto 16px;padding:10px 16px;width:fit-content;font-size:.75rem;letter-spacing:.1em}.jc-builder-clarity .jcb-mobile-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jc-builder-clarity .jcb-mobile-node{display:grid;grid-template-columns:10px 1fr;column-gap:8px;padding:10px;border:1px solid var(--color-border, #334155);border-radius:10px;background:var(--color-surface, #1e293b)}.jc-builder-clarity .jcb-mobile-node.is-current{outline:2px solid var(--color-primary, #60a5fa);outline-offset:1px}.jc-builder-clarity .jcb-mobile-node.is-answered{border-color:var(--color-primary, #60a5fa)}.jc-builder-clarity .jcb-mobile-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--color-primary, #60a5fa)}.jc-builder-clarity .jcb-mobile-node strong{font-size:.75rem}.jc-builder-clarity .jcb-mobile-node>span:last-child{grid-column:2;color:var(--color-muted-foreground, #aab9ce);font-size:.7rem}.jc-builder-clarity .jcb-node-status{display:none}.jc-builder-clarity .jcb-result-grid{grid-template-columns:1fr}.jc-builder-clarity .jcb-card{padding:18px}.jc-builder-clarity .jcb-button{padding:12px 16px;font-size:.9rem}.jc-builder-clarity .jcb-nav{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.jc-builder-clarity *,.jc-builder-clarity *:before,.jc-builder-clarity *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.jc-builder-clarity .jcb-save-note{margin-top:24px}@media print{@page{margin:.5in}body *{visibility:hidden}.jc-builder-clarity,.jc-builder-clarity *{visibility:visible}.jc-builder-clarity{position:absolute;inset:0;max-width:none;margin:0;border:0;padding:0;background:#fff;color:#111827;--color-foreground: #111827;--color-muted-foreground: #475569;--color-background: #ffffff;--color-surface: #f8fafc;--color-border: #cbd5e1;--color-primary: #2563eb}.jc-builder-clarity .jcb-nav{display:none}}
