/* Dark questionnaire panels surround a separately themed report sheet. */
.wfi-demo [hidden]{display:none!important}
.wfi-demo main{width:100%;max-width:1000px;margin:0 auto;padding:48px 24px 80px}
.wfi-main h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 24px}
.wfi-main h2{font-size:1.75rem;line-height:1.2;margin:0 0 24px}
.wfi-main h3{margin:24px 0 12px}
.wfi-main p,.wfi-main li{line-height:1.65}
.wfi-main p{max-width:72ch}
.wfi-demo button,.wfi-demo input,.wfi-demo select{font:inherit}
.wfi-demo button{cursor:pointer}
.wfi-demo button:disabled{opacity:.45;cursor:default}
.wfi-demo :focus-visible{outline:3px solid var(--color-signal);outline-offset:4px}
.wfi-demo input[type="radio"],.wfi-demo input[type="checkbox"]{accent-color:var(--color-signal);width:20px;height:20px;flex-shrink:0}
.wfi-panel{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-control);padding:var(--space-xl);max-width:680px;margin:0 auto}
#wfi-consent-form{margin-top:32px;display:grid;gap:24px}
.wfi-field{display:grid;gap:8px;font-weight:600;max-width:440px}
.wfi-field input,.wfi-field select{width:100%;min-height:48px;padding:10px 12px;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-control)}
.wfi-agreement{display:flex;gap:12px;align-items:center;min-height:48px;line-height:1.5}
#wfi-start{justify-self:start}
.wfi-statement{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-top:1px solid var(--color-rule);padding:20px 0}
.wfi-statement p{margin:0;font-size:var(--text-lede)}
.wfi-choices{display:flex;gap:12px}
.wfi-choices label{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px;font-size:var(--text-small);font-weight:700;cursor:pointer}
.wfi-controls{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
#wfi-answers-form .wfi-controls{justify-content:space-between}
.wfi-report>header{display:block;padding:24px 0;border-bottom:1px solid var(--color-rule)}
.wfi-report>section{padding:36px 0;border-bottom:1px solid var(--color-rule)}
.wfi-report .wfi-method{font-size:var(--text-small);color:var(--color-muted);margin-top:24px}
.wfi-profile-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.wfi-counts{display:block;font-size:var(--text-small);color:var(--color-muted);margin:4px 0 0;margin-inline-start:96px}
.wfi-midpoint{stroke:var(--color-ink);stroke-width:1}
svg.wfi-map{display:block;width:100%;max-width:480px;height:auto;font-family:var(--font-body)}
.wfi-quadrant{fill:var(--color-paper)}
.wfi-quadrant.q-precision{fill:var(--color-accent);fill-opacity:.07}
.wfi-quadrant.q-drive{fill:var(--color-operations);fill-opacity:.12}
.wfi-quadrant.q-stability{fill:var(--color-sales);fill-opacity:.08}
.wfi-quadrant.q-connect{fill:var(--color-marketing);fill-opacity:.12}
.wfi-map-lines{stroke:var(--color-rule);stroke-width:1}
svg.wfi-map text{fill:var(--color-ink);font-size:14px}
.wfi-point{stroke:var(--color-ink);stroke-width:2}
.wfi-point-underlying,.wfi-point-both{fill:var(--color-ink)}
.wfi-point-preferred{fill:none;stroke:var(--color-accent);stroke-width:3}
.wfi-arrow{stroke:var(--color-muted);stroke-width:2}
.wfi-arrowhead{fill:var(--color-muted)}
.wfi-preference-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-rule)}
.wfi-scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px}
.wfi-step{display:grid;place-items:center;min-height:28px;background:var(--color-cloud);color:var(--color-muted);font-size:11px;font-variant-numeric:tabular-nums;border:1px solid var(--color-rule)}
.wfi-step-on{background:var(--color-accent);color:var(--color-paper);border-color:var(--color-ink);font-weight:800}
@media (max-width:680px){
 .wfi-demo main{padding:32px 20px 56px}
 .wfi-statement{grid-template-columns:1fr;gap:8px}
 .wfi-choices{justify-content:flex-end}
 .wfi-profile-pair,.wfi-preference-row{grid-template-columns:1fr;gap:12px}
 .wfi-demo .factor{grid-template-columns:76px minmax(0,1fr) 56px;gap:8px;font-size:13px}
 .wfi-counts{margin-inline-start:84px}
}

.wfi-howto-steps{padding-inline-start:24px;margin:24px 0}
.wfi-howto-steps li{padding-inline-start:8px;margin:12px 0}
.wfi-howto-steps li::marker{font-weight:700}
.wfi-example{border:1px solid var(--color-rule);background:var(--color-cloud);padding:0 20px}
.wfi-example .wfi-statement:first-child{border-top:0}
.wfi-example input:disabled{opacity:1}
.wfi-example label{cursor:default}
.wfi-example-caption{color:var(--color-muted);font-size:var(--text-small)}

@media print{
 .site-header,.site-footer,.wfi-controls,.wfi-panel,button{display:none!important}
 html.theme-dark,body.theme-dark.wfi-demo,.wfi-main{--color-paper:var(--light-paper);--color-ink:var(--light-ink);--color-muted:var(--light-muted);--color-rule:var(--light-rule);background:var(--color-paper);color:var(--color-ink);color-scheme:light}
 .wfi-demo .wfi-sheet{padding:0;border-radius:0}
}
.wfi-main>.wfi-controls{max-width:680px;margin:24px auto}

[lang=ar] .wfi-main,[lang=ar] .wfi-sheet{font-family:var(--font-arabic)}
.wfi-lang{display:flex;gap:var(--space-sm);max-width:680px;margin:0 auto var(--space-md)}
.wfi-lang .button{font-size:var(--text-small);padding:var(--space-sm) var(--space-md)}
.wfi-lang [aria-pressed="true"]{background:var(--color-signal);color:var(--color-paper);border-color:var(--color-signal)}
@media print{.wfi-lang{display:none!important}}