/* Quiet reading rhythm, native controls, WLF blue. */
.dq-page{--dq-answer-surface:#24364a;--dq-answer-border:#607891;--dq-answer-selected:#164767}
.in-diagnostic .app-head{display:none}
.app.in-diagnostic{grid-template-rows:minmax(0,1fr) auto}
.app.in-diagnostic>footer{min-height:0;padding:0}
.in-diagnostic #view{padding-bottom:0}
.in-diagnostic>footer{padding-inline:0}
.dq-page{min-height:100%;padding:12px 24px 24px;display:flex;flex-direction:column;gap:28px;font-family:var(--wlf-font-body);color:var(--ink)}
.dq-top{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;align-items:center;min-height:44px}
.dq-top .quiet-icon{width:44px;height:44px;background:transparent}
.dq-top .text-link{font-size:15px;font-weight:500;padding:0;min-height:44px}
.dq-progress{height:4px;background:var(--line);border-radius:8px;overflow:hidden}
.dq-progress>span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .18s ease}
.dq-eyebrow{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.07em;color:var(--accent);margin:0}
.dq-question{display:grid;gap:16px;align-content:start}
#app .dq-page h1{font-family:var(--wlf-font-body);font-size:28px;line-height:1.22;letter-spacing:-.025em;font-weight:650;margin:0;text-wrap:pretty;max-width:100%}
#app .dq-page .dq-long-title{font-size:24px;line-height:1.3}
#app .dq-page h1:focus:not(:focus-visible){outline:none}
.dq-hint,.dq-context{font-size:16px;color:var(--muted);line-height:1.55;margin:0}
.dq-preamble{font-size:16px;line-height:1.55;color:var(--ink);margin:0;max-width:62ch}
#dq-form{display:grid;gap:12px;margin-top:6px}
.dq-options{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.dq-option{position:relative;display:flex;gap:14px;align-items:center;min-height:64px;padding:16px;border:1px solid var(--dq-answer-border);border-radius:16px;background:var(--dq-answer-surface);cursor:pointer;color:var(--ink)}
.dq-option input,.dq-scale input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.dq-option-copy{font-size:16px;line-height:1.45;font-weight:450;flex:1}
.dq-selection{width:23px;height:23px;flex:0 0 23px;border:1.5px solid #abbccd;border-radius:50%;display:grid;place-items:center;color:var(--bg)}
.dq-selection svg{width:16px;height:16px;opacity:0;stroke-width:2.5}
.dq-option:has(input[type=checkbox]) .dq-selection{border-radius:6px}
.dq-option:has(input:checked){border-color:var(--accent);background:var(--dq-answer-selected);box-shadow:inset 0 0 0 1px var(--accent)}
.dq-option:has(input:checked) .dq-selection{background:var(--accent);border-color:var(--accent)}
.dq-option:has(input:checked) .dq-selection svg{opacity:1}
.dq-option:has(input:focus-visible),.dq-scale label:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:3px}
.dq-scale{padding:16px 0 0;margin:0;border:0;min-width:0}
.dq-scale-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dq-scale label{position:relative;cursor:pointer}
.dq-scale label>span{display:grid;place-items:center;min-height:56px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:21px;font-weight:550;font-variant-numeric:tabular-nums}
.dq-scale label:has(input:checked)>span{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.dq-scale-anchors{display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.5;color:var(--muted);margin-top:16px}
.dq-scale-anchors>span:last-child{text-align:right}
.dq-textarea{width:100%;resize:vertical;min-height:180px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font:400 17px/1.6 var(--wlf-font-body)}
.dq-text-count{text-align:right;font-size:12px;color:var(--muted);margin:0}
.dq-notice:empty,.dq-page .field-error:empty{display:none}
.dq-notice{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
#diagnostic-footer{padding:12px 24px 10px}
#app #diagnostic-footer .btn{width:100%;min-height:56px;justify-content:center;font-size:16px;line-height:1.3;padding:14px 18px}
#app #diagnostic-footer .btn:disabled{opacity:.42;box-shadow:none;cursor:default}
.app.in-diagnostic:has(.dq-intro){grid-template-rows:minmax(0,1fr)}
.app.in-diagnostic:has(.dq-intro)>footer{display:none}
.dq-brand{display:flex;justify-content:space-between;align-items:center;min-height:44px}
.dq-intro{--dq-intro-gutter:24px;gap:0;padding-top:18px}
.dq-intro-main{display:grid;justify-items:start;align-content:center;width:100%;margin-block:auto;padding:8px 0 16px}
.dq-intro-photo{display:block;width:calc(100% + 2 * var(--dq-intro-gutter));height:clamp(128px,22vh,190px);margin:0 calc(-1 * var(--dq-intro-gutter)) 22px;object-fit:cover;object-position:center 38%}
#app .dq-intro-main h1{font-family:var(--wlf-font-display);font-size:48px;line-height:1.03;font-weight:700;letter-spacing:0;max-width:100%;text-wrap:balance}
.dq-intro-main h1 span{display:block;color:var(--accent)}
.dq-intro-promise{font-size:18px;line-height:1.4;font-weight:500;color:var(--ink);margin:16px 0 0}
.dq-intro-progress{display:grid;gap:8px;width:100%;margin-top:22px;color:var(--muted);font-size:13px;line-height:1.4}
.dq-intro-progress .dq-progress{height:3px;width:100%}
#app .dq-intro-start{width:100%;min-height:62px;display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-inline:20px;border:1px solid #a5defc;border-radius:8px;background:var(--accent);color:var(--on-accent);box-shadow:0 4px 0 #1c759e;filter:none;font-size:20px;font-weight:800;line-height:1.2;text-align:left}
#app .dq-intro-start:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
#app .dq-intro-start:active{transform:translateY(2px);box-shadow:0 2px 0 #1c759e}
.dq-intro-assurance{width:100%;margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.45;text-align:center}
.dq-local{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.dq-summary-heading{display:grid;gap:14px}
.dq-summary-heading>p:last-child{font-size:16px;line-height:1.5;color:var(--muted);margin:0}
.dq-review details{border-bottom:1px solid var(--line)}
.dq-review summary{display:flex;gap:16px;justify-content:space-between;align-items:center;min-height:64px;padding:16px 0;cursor:pointer;font-size:16px;font-weight:600;line-height:1.5}
.dq-review summary>span:last-child{color:var(--accent);font-size:14px;white-space:nowrap}
.dq-review-row{width:100%;border:0;border-top:1px solid var(--line);padding:18px 0;background:none;color:var(--ink);display:flex;gap:16px;align-items:center;text-align:left;font-family:var(--wlf-font-body)}
.dq-review-row>span:first-child{display:grid;gap:8px;min-width:0;flex:1}
.dq-review-question{font-size:14px;color:var(--muted);line-height:1.5}
.dq-review-row strong{font-size:16px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.dq-edit-label{font-size:13px;color:var(--accent)}
.dq-priority{padding:24px;background:#132b43;border:1px solid var(--line);border-radius:20px;display:grid;gap:18px}
.dq-trust{padding:18px 0;border-block:1px solid var(--line)}
#app .dq-trust h2{font:600 18px/1.35 var(--wlf-font-body);margin:0 0 8px}
.dq-trust p{font-size:16px;line-height:1.55;color:var(--muted);margin:0}
#app .dq-priority h2{font:650 23px/1.3 var(--wlf-font-body);letter-spacing:-.02em;margin:0}
.dq-priority .text-link{font-size:14px;justify-self:start;padding:0;min-height:44px}
.dq-recap{display:grid;gap:24px}
#app .dq-recap h2{font:600 14px/1.5 var(--wlf-font-body);color:var(--accent);margin:0 0 8px}
.dq-recap p{font-size:17px;line-height:1.55;margin:0;overflow-wrap:anywhere}
.dq-learning-next{display:grid;gap:10px;padding:20px 0;border-block:1px solid var(--line)}
#app .dq-learning-next h2{font:650 21px/1.3 var(--wlf-font-body);margin:0}
.dq-learning-next p:not(.dq-eyebrow){font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.dq-learning-next .text-link{justify-self:start;min-height:44px;padding:0}
.dq-summary-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border:0;border-block:1px solid var(--line);background:transparent;color:var(--ink);font:500 16px/1.5 var(--wlf-font-body);text-align:left}
.dq-profile-card{margin:8px 0 24px;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--surface);display:grid;gap:16px}
.dq-card-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}
#app .dq-card-heading h2{font:600 19px/1.3 var(--wlf-font-body);margin:0;letter-spacing:-.02em}
.dq-card-heading strong{font-size:24px;color:var(--accent)}
.dq-profile-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.dq-profile-card .btn{font-size:15px;min-height:52px}
.dq-home-card{padding:24px 0;display:grid;gap:18px;border-block:1px solid var(--line);margin:24px 0}
#app .dq-home-card h2{font:600 21px/1.3 var(--wlf-font-body);letter-spacing:-.02em;margin:10px 0}
.dq-home-card p:not(.dq-eyebrow){font-size:15px;line-height:1.5;color:var(--muted);margin:0}
.dq-home-card>.text-link{justify-self:start;padding:0;min-height:44px}
@media(max-width:360px){.dq-intro{--dq-intro-gutter:18px}}
@media(max-width:340px){.dq-page{padding-inline:20px;gap:24px}.dq-intro{gap:0}#diagnostic-footer{padding-inline:20px}#app .dq-page h1{font-size:25px}#app .dq-page .dq-long-title{font-size:22px}#app .dq-intro-main h1{font-size:42px}.dq-intro-promise{font-size:17px}.dq-option{padding:14px;gap:12px}.dq-scale-grid{gap:8px}.dq-scale label>span{min-height:48px}.dq-profile-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.dq-progress>span{transition:none}}

/* Question-specific primitives share the same semantic radio/checkbox controls. */
.dq-question{gap:14px}
.dq-question .dq-eyebrow{letter-spacing:.035em;font-size:12px}
#app .dq-question h1{font-size:30px;line-height:1.18;letter-spacing:-.028em;font-weight:650;text-wrap:pretty}
.dq-question #dq-form{margin-top:10px}
.dq-option{min-height:58px;padding:14px 16px;border-radius:15px;gap:12px;touch-action:manipulation;transition:background-color .12s,border-color .12s}
.dq-option-copy{min-width:0;font-size:16px;line-height:1.38;font-weight:500}
.dq-control-feeling .dq-option{min-height:62px}
.dq-help-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dq-help-row .dq-hint,.dq-context{font-size:15px;line-height:1.5}
.dq-selection-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}
.dq-control-tiles,.dq-control-paydays,.dq-control-duration,.dq-control-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dq-control-tiles .dq-option{min-height:88px;padding:14px 12px;align-items:flex-start;gap:8px}
.dq-control-tiles .dq-option-copy{font-size:15px;line-height:1.35}
.dq-control-tiles .dq-selection{width:19px;height:19px;flex-basis:19px;margin-top:1px}
.dq-control-paydays .dq-option{display:grid;grid-template-columns:1fr 22px;min-height:114px;padding:18px 16px;row-gap:14px}
.dq-payday-visual{grid-column:1/-1;display:flex;gap:7px}
.dq-payday-visual i{width:27px;height:31px;border:1px solid #627389;border-top-width:5px;border-radius:4px;display:block}
.dq-payday-visual .is-filled{background:#295573;border-color:var(--accent)}
.dq-control-duration .dq-option{min-height:90px;align-items:center;padding:16px 12px;gap:8px}
.dq-control-duration .dq-option-copy{font-variant-numeric:tabular-nums;font-size:17px;line-height:1.45}
.dq-control-duration .dq-selection{width:19px;height:19px;flex-basis:19px}
.dq-control-money .dq-option-copy,.dq-control-percent .dq-option-copy{font-variant-numeric:tabular-nums;font-size:18px;letter-spacing:-.02em}
.dq-control-money .dq-option:last-child .dq-option-copy{font-size:15px;letter-spacing:0;color:var(--muted)}
.dq-frequency-visual{display:flex;align-items:flex-end;gap:3px;width:34px;flex:0 0 34px;height:22px}
.dq-frequency-visual i{width:4px;border-radius:3px;background:#34465c;height:8px}
.dq-frequency-visual i:nth-child(2){height:11px}.dq-frequency-visual i:nth-child(3){height:14px}.dq-frequency-visual i:nth-child(4){height:18px}.dq-frequency-visual i:nth-child(5){height:22px}
.dq-frequency-visual i.is-filled{background:#b7cde0}
.dq-scale{padding-top:0}
.dq-scale-readout{height:104px;display:grid;place-items:center;margin-bottom:20px}
.dq-scale-readout output{font-size:64px;letter-spacing:-.04em;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.dq-scale-readout small{font-size:17px;font-weight:450;letter-spacing:0;color:var(--muted)}
.dq-scale-grid{gap:8px}.dq-scale label>span{min-height:52px;font-size:20px}
.dq-scale-anchors{font-size:14px}
.dq-scenario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#142b40;border:1px solid #30485e;border-radius:18px;margin:4px 0}
.dq-scenario>div{display:flex;flex-direction:column;gap:7px;padding:20px 16px;min-width:0}
.dq-scenario>div+div{border-left:1px solid #30485e}
.dq-scenario span{font-size:13px;color:var(--muted)}
.dq-scenario strong{font:600 27px/1.15 var(--wlf-font-body);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dq-scenario small{font-size:12px;color:var(--muted);font-weight:450;letter-spacing:0}
.dq-comparison strong{font-size:36px}.dq-comparison strong small{font-size:18px;color:var(--ink)}
.dq-comparison p{font-size:12px;line-height:1.4;color:var(--muted);margin:0}
.dq-control-previews .dq-option{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr 20px;align-items:start;gap:0;min-height:152px}
.dq-control-previews .dq-option-copy{font-size:14px;line-height:1.35;padding:12px 4px 14px 12px}
.dq-control-previews .dq-selection{width:18px;height:18px;flex-basis:18px;margin:12px 10px 0 -4px}
.dq-control-previews .dq-selection svg{width:13px;height:13px}
.dq-preview{grid-column:1/-1;display:grid;place-items:center;height:92px;background:#183148;border-bottom:1px solid #30465b;padding:12px;overflow:hidden;color:#deebf7;font:450 10px/1.3 var(--wlf-font-body);pointer-events:none;user-select:none}
.dq-preview-photo{height:auto;aspect-ratio:3/2;padding:0;display:block}
.dq-preview-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(hover:hover){.dq-option:hover{border-color:#a3b8cc}.dq-option:not(:has(input:checked)):hover{background:#2d4358}}
@media(max-width:340px){#app .dq-question h1{font-size:27px}.dq-control-tiles .dq-option{min-height:86px;padding:12px 10px}.dq-control-tiles .dq-option-copy{font-size:14px}.dq-control-money .dq-option-copy{font-size:16px}.dq-scenario>div{padding:18px 12px}.dq-scenario strong{font-size:25px}.dq-control-duration .dq-option-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce){.dq-option{transition:none}}

.dq-limit-error:empty{display:none}.dq-limit-error{font:500 14px/1.45 var(--wlf-font-body);color:var(--ink);margin:0 0 10px;text-align:center}

/* Exact age and the later profile date use the existing input palette. */
.dq-date-input{width:100%;min-width:0;box-sizing:border-box;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);font:500 20px/1.4 var(--wlf-font-body);color-scheme:dark}
.dq-date-input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Feeling cards share the onboarding photo-choice structure and selection states. */
.dq-feeling-page{gap:28px;padding-bottom:24px}
.dq-feeling-page .dq-question{gap:16px}
.dq-feeling-page .dq-eyebrow{display:none}
#app .dq-feeling-page h1{font-family:var(--wlf-font-body);font-size:30px;line-height:1.2;max-width:20ch;font-weight:650;letter-spacing:-.028em;text-wrap:pretty;text-align:left;margin:0}
.dq-feeling-page #dq-form{margin-top:8px}
.dq-feeling-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;--od-gap:12px}
.dq-feeling-card{touch-action:manipulation;scroll-margin-block:16px}
.dq-feeling-card .choice-surface{border-radius:22px;background:var(--surface);overflow:hidden;transition:border-color .15s,background-color .15s}
.dq-feeling-image{display:block;position:relative;aspect-ratio:5/4;min-width:0;background:#183046;overflow:hidden}
.dq-wolf-art{display:block;position:absolute;top:-6px;left:50%;transform:translateX(-50%);aspect-ratio:1;height:calc(100% + 12px);background-image:url('./wlf-mascot-feelings-v6.png');background-repeat:no-repeat;background-size:300% 300%;background-position:var(--wolf-x) var(--wolf-y)}
.dq-feeling-card .choice-caption{padding:12px;gap:10px;min-height:64px;align-items:center}
.dq-feeling-card .choice-name{font-family:var(--wlf-font-body);font-size:16px;font-weight:550;line-height:1.3;letter-spacing:-.015em}
.dq-feeling-card .choice-check{width:21px;height:21px;border-color:var(--muted);background:transparent;flex:0 0 21px}
.dq-feeling-card .choice-check .icon{width:14px;height:14px}
.dq-feeling-card .choice-input:checked + .choice-surface{border-color:var(--accent);background:#14354b}
.dq-feeling-card .choice-input:checked + .choice-surface .choice-check{color:var(--bg);background:var(--accent);border-color:var(--accent)}
.dq-feeling-card .choice-input:focus-visible + .choice-surface{outline:3px solid var(--ink);outline-offset:3px}
@media(hover:hover){.dq-feeling-card:hover .choice-surface{border-color:var(--accent)}}
@media(max-width:340px){.dq-feeling-page{gap:24px}#app .dq-feeling-page h1{font-size:27px}.dq-feeling-cards{gap:10px}.dq-feeling-card .choice-caption{padding:10px;gap:8px}.dq-feeling-card .choice-name{font-size:15px}.dq-feeling-card .choice-check{width:19px;height:19px;flex-basis:19px}.dq-feeling-card .choice-surface{border-radius:19px}}
@media(prefers-reduced-motion:reduce){.dq-feeling-card .choice-surface{transition:none}}

/* One image-led answer primitive, shared by habits, choices and priorities. */
.dq-page:has(.dq-illustrated-options){gap:24px}
.dq-question:has(.dq-illustrated-options) .dq-eyebrow{display:none}
.dq-illustrated-options{gap:8px}
.dq-illustrated-options .dq-illustrated-option{display:grid;grid-template-columns:56px minmax(0,1fr) 22px;gap:12px;align-items:center;min-height:78px;padding:10px 12px 10px 10px;border-radius:18px}
.dq-choice-media{display:block;position:relative;width:56px;height:56px;flex:0 0 56px;overflow:hidden;border-radius:13px;background:#e7edf5;pointer-events:none}
.dq-media-paper{background:#466782}
.dq-media-blue{background:#f4e4c7}
.dq-choice-art{display:block;position:absolute;inset:1px;background-repeat:no-repeat;background-position:var(--art-x) var(--art-y)}
.dq-art-objects{background-image:url('./choice-objects-v1.png');background-size:400% 400%}
.dq-art-life{background-image:url('./choice-life-v1.png');background-size:300% 300%}
.dq-art-changes{background-image:url('./choice-changes-v1.png');background-size:500% 200%}
.dq-question:has(.dq-art-changes) .dq-eyebrow{display:block}
.dq-illustrated-option .dq-option-copy{font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.015em}
.dq-illustrated-option .dq-selection{width:22px;height:22px;flex-basis:22px;margin:0}
.dq-control-tiles .dq-illustrated-option{grid-template-columns:minmax(0,1fr) 21px;padding:12px;gap:12px 8px;align-content:start;min-height:154px}
.dq-control-tiles .dq-choice-media{grid-column:1/-1;width:100%;height:84px;display:grid;place-items:center;border-radius:11px}
.dq-control-tiles .dq-choice-art{width:74px;height:74px;inset:5px auto;left:calc(50% - 37px)}
.dq-control-tiles .dq-illustrated-option .dq-option-copy{font-size:15px;line-height:1.35}
.dq-control-tiles .dq-illustrated-option .dq-selection{align-self:center;width:20px;height:20px}
.dq-question-illustration{display:flex;justify-content:center;padding:0}
.dq-question-illustration .dq-choice-media{width:84px;height:84px;border-radius:20px}
@media(max-width:340px){.dq-illustrated-options .dq-illustrated-option{grid-template-columns:50px minmax(0,1fr) 20px;gap:10px;min-height:78px;padding:10px}.dq-choice-media{width:50px;height:50px;flex-basis:50px;border-radius:11px}.dq-illustrated-option .dq-option-copy{font-size:15px}.dq-illustrated-option .dq-selection{width:20px;height:20px;flex-basis:20px}.dq-control-tiles .dq-illustrated-option{grid-template-columns:minmax(0,1fr) 20px;min-height:148px}.dq-control-tiles .dq-illustrated-option .dq-option-copy{font-size:14px}}

/* Reuse the financial-profile age ruler and number editor. Only page spacing differs. */
.dq-number-page .dq-question{display:flex;flex:1;flex-direction:column}
.dq-number-page #dq-form{display:flex;flex:1;flex-direction:column;justify-content:center;gap:0;padding:24px 0 56px}
.dq-number-page #fp-slider-hint{position:static;width:auto;height:auto;margin:14px 0 0;overflow:visible;clip-path:none;white-space:normal;text-align:center;color:var(--muted);font-size:13px;line-height:1.4}
.dq-number-page #dq-error:not(:empty){margin-top:16px}
@media(max-height:640px){.dq-number-page #dq-form{padding-block:12px}}


/* Identity questions use image-led cards while preserving native radio inputs. */
.dq-identity-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;--od-gap:12px}
.dq-identity-card{touch-action:manipulation;scroll-margin-block:16px}
.dq-identity-card .choice-surface{border-radius:24px;background:#132437;border-color:#35516b;overflow:hidden;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s}
.dq-identity-image{display:block;position:relative;aspect-ratio:1;min-width:0;overflow:hidden;background:#c6d7e2}
.dq-identity-card .choice-caption{padding:14px 14px 15px;gap:10px;min-height:66px;align-items:center;background:rgba(8,22,36,.7)}
.dq-identity-card .choice-name{font-family:var(--wlf-font-body);font-size:18px;font-weight:650;line-height:1.2;letter-spacing:-.02em}
.dq-identity-card .choice-check{width:22px;height:22px;border-color:#91a8ba;background:transparent;flex:0 0 22px}
.dq-identity-card .choice-check .icon,.dq-identity-card .choice-check svg{width:14px;height:14px}
.dq-identity-card .choice-input:checked + .choice-surface{border-color:var(--accent);background:#14354b;box-shadow:inset 0 0 0 1px var(--accent),0 14px 30px rgba(34,172,235,.14)}
.dq-identity-card .choice-input:checked + .choice-surface .choice-check{color:var(--bg);background:var(--accent);border-color:var(--accent)}
.dq-identity-card .choice-input:focus-visible + .choice-surface{outline:3px solid var(--ink);outline-offset:3px}
@media(hover:hover){.dq-identity-card:hover .choice-surface{border-color:#8fcceb;transform:translateY(-1px)}}
@media(max-width:340px){.dq-identity-cards{gap:10px}.dq-identity-card .choice-surface{border-radius:20px}.dq-identity-card .choice-caption{padding:12px;min-height:60px}.dq-identity-card .choice-name{font-size:16px}}
@media(prefers-reduced-motion:reduce){.dq-identity-card .choice-surface{transition:none}.dq-identity-card:hover .choice-surface{transform:none}}


.dq-identity-image img{display:block;width:100%;height:100%;object-fit:cover}
.dq-identity-card .choice-input:not(:checked) + .choice-surface .choice-check svg{visibility:hidden}

/* Shared stepped scale: frequency and importance use the same visual grammar. */
.dq-level{border:0;padding:8px 0 0;margin:0;min-width:0;display:grid;gap:20px}
.dq-level-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;min-height:220px;padding:24px 8px 18px}
.dq-level-bars{height:92px;display:flex;align-items:flex-end;justify-content:center;gap:8px;width:100%;max-width:240px}
.dq-level-bars i{display:block;width:18px;height:var(--bar-height);border-radius:6px;background:#344c62;transition:background .18s ease,box-shadow .18s ease}
.dq-level-bars i.is-filled{background:var(--accent);box-shadow:0 0 18px #4db5e51a}
.dq-level-value{display:block;min-height:62px;text-align:center;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.dq-level[data-level-numeric=true][data-answered=true] .dq-level-value{font-size:48px;font-variant-numeric:tabular-nums}
.dq-level-value small{font-size:20px;font-weight:450;color:var(--muted);letter-spacing:0}
.dq-level[data-answered=false] .dq-level-value{color:var(--muted);font-size:23px;font-weight:500}
.dq-level-range{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
.dq-level-range::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(to right,var(--accent) var(--level-fill),#344c62 var(--level-fill))}
.dq-level-range::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(to right,var(--accent) var(--level-fill),#344c62 var(--level-fill))}
.dq-level-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:32px;margin-top:-12px;border-radius:50%;border:5px solid #f4f8fc;background:var(--accent);box-shadow:0 3px 10px #0005}
.dq-level-range::-moz-range-thumb{box-sizing:border-box;width:32px;height:32px;border-radius:50%;border:5px solid #f4f8fc;background:var(--accent);box-shadow:0 3px 10px #0005}
.dq-level-range:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:12px}
.dq-level-stops{display:flex;justify-content:space-between;margin:0;gap:0}
.dq-level-stops button{background:transparent;color:#aebfd0;border:0;padding:0;min-width:0;flex:1;min-height:44px;font:500 13px var(--wlf-font-body);cursor:pointer;border-radius:8px}
.dq-level[data-level-numeric=false] .dq-level-stops button{flex:0 0 32px}
.dq-level-stops button span{display:block;width:5px;height:5px;border-radius:50%;background:#7a91a6;margin:auto}
.dq-level-stops button[aria-pressed=true]{color:var(--accent)}
.dq-level-stops button[aria-pressed=true] span{background:var(--accent);box-shadow:0 0 0 4px #4db5e526}
.dq-level-stops button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.dq-level-anchors{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:14px;line-height:1.35}
.dq-level-anchors span{max-width:48%}.dq-level-anchors span:last-child{text-align:right}
.dq-level-help{text-align:center;font-size:13px;color:var(--muted);margin:0}
@media(max-width:360px){.dq-level-stage{min-height:188px;gap:20px}.dq-level-value{font-size:25px}.dq-level-bars{max-width:210px;gap:6px}.dq-level{gap:12px}}
@media(prefers-reduced-motion:reduce){.dq-level-bars i{transition:none}}
@media(max-height:780px){.dq-level{gap:10px}.dq-level-stage{min-height:168px;padding:12px 8px 4px;gap:18px}.dq-level-bars{height:76px}.dq-level-bars i{height:calc(var(--bar-height)*.8)}.dq-level-value{min-height:52px}}

/* Income uses categorical intervals, never an inferred exact salary. */
.dq-income-range{margin-top:28px;gap:24px}
.dq-income-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:210px;padding:24px 0}
.dq-income-display>span{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:650}
.dq-income-display .dq-level-value{font-size:clamp(25px,7.3vw,32px);line-height:1.2;min-height:76px;display:flex;align-items:center;justify-content:center;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.dq-income-display>small{color:var(--muted);font-size:15px}
.dq-income-range .dq-level-stops{justify-content:space-between}
.dq-income-range .dq-level-stops button{flex:0 0 32px}
@media(max-height:740px){.dq-income-display{min-height:176px;gap:12px}.dq-income-range{margin-top:16px}}