*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:#282536;background:#faf9f6;min-height:100vh;--accent:#7650cc;--ink:#282536;--muted:#797287;--panel:#fff;--line:#e8e3ed;--soft:#f0eafa;--radius:20px;--color-text-primary:var(--ink);--color-text-secondary:var(--muted);--color-background-primary:var(--panel);--color-background-secondary:var(--soft)}button,input,a{touch-action:manipulation}button,a{transition:background .15s,border-color .15s,transform .15s}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ab8ae4;outline-offset:4px}h1,h2,h3,p{margin-top:0}button{border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:10px;padding:11px 16px;min-height:42px;font-size:max(var(--sf-text-min, 1rem), 13px);font-weight:650}.iq-header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 5vw;max-width:1600px;margin:auto}.iq-brand{display:flex;align-items:center;gap:8px;font-size:max(var(--sf-text-min, 1rem), 21px);font-weight:780;letter-spacing:-1px;white-space:nowrap}.iq-brand>span>span{color:#7850cb}.iq-brand img{display:block}.design-switch{display:flex;padding:4px;background:var(--soft);border-radius:10px;gap:3px}.design-switch a{font-size:max(var(--sf-text-min, 1rem), 11px);padding:8px 13px;color:var(--muted);border:1px solid transparent;border-radius:7px}.design-switch a[aria-current]{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:0 2px 5px #00000004}.compare-link{font-size:max(var(--sf-text-min, 1rem), 11px);color:var(--muted);white-space:nowrap}.iq-skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--panel);border:2px solid var(--accent);padding:12px}.iq-skip:focus{top:12px}.iq-footer{max-width:1360px;margin:45px auto 0;padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:max(var(--sf-text-min, 1rem), 10px);line-height:1.7;color:var(--muted)}.iq-footer button{font-size:max(var(--sf-text-min, 1rem), 10px);min-height:32px;padding:7px 12px}.iq-footer a{text-decoration:underline;text-underline-offset:3px}.eyebrow{font-size:max(var(--sf-text-min, 1rem), 10px);font-weight:700;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:20px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--accent);color:#fff;border:1px solid var(--accent);padding:15px 23px;border-radius:11px;font-weight:700;font-size:max(var(--sf-text-min, 1rem), 13px);min-height:48px}.primary:hover{filter:brightness(.94)}.quiet{border:none;background:transparent;color:var(--muted);font-size:max(var(--sf-text-min, 1rem), 12px)}.intro{max-width:1180px;margin:60px auto 30px;padding:24px 40px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:540px}.intro h1{font-size:max(var(--sf-text-min, 1rem), clamp(40px,4.5vw,65px));line-height:1.04;letter-spacing:-.055em;font-weight:700;margin-bottom:25px}.intro h1 em{font-family:var(--font-serif);font-weight:400;color:var(--accent)}.intro-lead{font-size:max(var(--sf-text-min, 1rem), 15px);line-height:1.8;color:var(--muted);max-width:410px}.intro-facts{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.intro-facts span{padding:8px 11px;border:1px solid var(--line);border-radius:7px;font-size:max(var(--sf-text-min, 1rem), 10px);color:var(--muted)}.intro-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0 22px}.intro-fine{font-size:max(var(--sf-text-min, 1rem), 11px);color:var(--muted);line-height:1.8;max-width:430px}.intro-art{background:#eee8f7;border:1px solid #e4dbef;border-radius:28px;position:relative;padding:38px;min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column}.intro-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9f84bd0a 1px,transparent 1px),linear-gradient(90deg,#9f84bd0a 1px,transparent 1px);background-size:25px 25px;border-radius:inherit}.intro-art .stimulus-grid{position:relative;width:240px}.intro-art small{position:relative;letter-spacing:.15em;font-size:max(var(--sf-text-min, 1rem), 9px);color:#8d739e;margin-top:25px}.art-note{position:absolute;bottom:24px;right:-20px;background:#fff;box-shadow:0 7px 30px #63488115;padding:16px 21px;border-radius:12px;color:#807187;font-size:max(var(--sf-text-min, 1rem), 11px);line-height:1.7;transform:rotate(-5deg)}.art-note b{display:block;color:#70518f}.test-shell{max-width:1200px;margin:40px auto;padding:0 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.test-status{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:max(var(--sf-text-min, 1rem), 11px)}.question-counter{font-weight:650;color:var(--ink)}.time-box{display:flex;align-items:center;gap:10px;font-size:max(var(--sf-text-min, 1rem), 11px);font-variant-numeric:tabular-nums}.time-box button{font-size:max(var(--sf-text-min, 1rem), 10px);min-height:30px;padding:5px 9px;background:transparent}.progress-track{height:3px;background:var(--line);border-radius:10px;overflow:hidden;margin:0 0 10px}.progress-track span{height:100%;display:block;background:var(--accent)}.question-heading{padding:15px 0 4px}.question-heading .eyebrow{margin:0 0 13px}.question-heading h1{font-size:max(var(--sf-text-min, 1rem), 34px);line-height:1.17;letter-spacing:-.04em;margin-bottom:13px}.question-heading>p:last-child{font-size:max(var(--sf-text-min, 1rem), 14px);line-height:1.8;color:var(--muted);max-width:700px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:38px;align-items:center}.visual-stage{min-height:350px;padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#8f7f9f24 .8px,transparent .8px);background-size:18px 18px;opacity:.45}.visual-stage>*{position:relative}.stimulus-grid{display:grid;gap:8px;max-width:310px;width:100%}.stimulus-grid.matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.stimulus-grid.sequence{grid-template-columns:repeat(4,minmax(0,1fr));max-width:450px}.stimulus-cell{min-width:0}.stimulus-cell svg{display:block;width:100%;height:auto}.single-tile{width:180px}.single-tile svg{display:block;width:100%}.answers{min-width:0;margin:0;padding:0;border:none}.answers legend{font-size:max(var(--sf-text-min, 1rem), 11px);font-weight:600;color:var(--muted);margin-bottom:16px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-card{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:13px;min-width:0;cursor:pointer;padding:13px;display:flex;align-items:center;gap:9px;min-height:88px;transition:border-color .15s,background .15s}.answer-card input{position:absolute;opacity:0;width:1px!important;height:1px;pointer-events:none}.answer-card:has(input:focus-visible){outline:3px solid #aa8adb;outline-offset:3px}.answer-card.selected{border:2px solid var(--accent);background:var(--soft);padding:12px}.answer-key{width:23px;height:23px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;font-size:max(var(--sf-text-min, 1rem), 10px);color:var(--muted);flex-shrink:0}.answer-card.selected .answer-key{background:var(--accent);border-color:var(--accent);color:#fff}.answer-art{width:72px;display:block;flex-shrink:0}.answer-art svg{display:block;width:100%}.answer-label{font-size:max(var(--sf-text-min, 1rem), 12px);line-height:1.5;overflow-wrap:anywhere}.answer-card:has(.answer-art){flex-wrap:wrap;justify-content:center;min-height:135px}.answer-card:has(.answer-art) .answer-key{position:absolute;top:9px;left:9px}.answer-card:has(.answer-art) .answer-label{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.answer-card:has(.answer-art) .answer-art{margin:12px 0 0}.question-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--line);margin-top:8px}.question-actions>div{display:flex;align-items:center;gap:10px}.question-actions .primary{min-width:150px}.inline-status{font-size:max(var(--sf-text-min, 1rem), 12px);color:var(--accent);min-height:20px;margin:0}.question-nav{display:none}.number-sequence{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;max-width:420px}.number-sequence span{background:#fff;color:#28353f;border:1px solid #e0dfe4;border-radius:11px;padding:18px 14px;font-size:max(var(--sf-text-min, 1rem), 26px);font-weight:650;min-width:52px;text-align:center}.equations{display:flex;flex-direction:column;gap:18px;text-align:center;font-size:max(var(--sf-text-min, 1rem), 23px);font-weight:650;color:var(--ink)}.statement-cards{width:100%;max-width:370px}.statement-cards p{display:flex;gap:15px;background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:10px;font-size:max(var(--sf-text-min, 1rem), 13px);line-height:1.7;color:var(--ink);margin-bottom:10px}.statement-cards p span{color:var(--accent);font-size:max(var(--sf-text-min, 1rem), 9px);letter-spacing:.05em;margin-top:3px}.fruit-boxes{display:flex;gap:12px}.fruit-boxes>div{background:#fff;border:1px solid #d5d1da;border-radius:7px;width:95px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#33434a}.fruit-boxes span{font-size:max(var(--sf-text-min, 1rem), 30px)}.fruit-boxes b{font-size:max(var(--sf-text-min, 1rem), 12px);font-weight:500}.cube-net{max-width:205px;width:100%;height:280px}.review-shell,.results-shell{max-width:960px;margin:55px auto;padding:0 40px}.review-shell h1,.results-shell h1{font-size:max(var(--sf-text-min, 1rem), 42px);letter-spacing:-.045em;line-height:1.1}.review-shell>p,.results-shell>p{font-size:max(var(--sf-text-min, 1rem), 14px);line-height:1.8;color:var(--muted)}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.review-grid button{text-align:left;padding:17px;background:var(--panel);min-width:0}.review-grid button span{font-size:max(var(--sf-text-min, 1rem), 10px);color:var(--muted);display:block;margin-top:7px}.review-grid button.answered{border-color:var(--accent)}.review-grid button b{font-size:max(var(--sf-text-min, 1rem), 13px)}.review-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.review-bottom p{font-size:max(var(--sf-text-min, 1rem), 11px);color:var(--muted);line-height:1.7}.score-hero{display:flex;align-items:center;gap:35px;background:var(--soft);padding:30px;border:1px solid var(--line);border-radius:20px;margin:30px 0}.score-number{font-size:max(var(--sf-text-min, 1rem), 78px);letter-spacing:-.07em;font-weight:650;line-height:1;color:var(--accent)}.score-number small{font-size:max(var(--sf-text-min, 1rem), 23px);color:var(--muted);letter-spacing:-.025em}.score-hero h2{font-size:max(var(--sf-text-min, 1rem), 22px);margin:0 0 10px;letter-spacing:-.025em}.score-hero p{font-size:max(var(--sf-text-min, 1rem), 12px);color:var(--muted);line-height:1.7;margin:0}.category-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:25px 0 38px}.category-score{padding:19px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.category-score span{font-size:max(var(--sf-text-min, 1rem), 10px);color:var(--muted)}.category-score b{display:block;font-size:max(var(--sf-text-min, 1rem), 24px);margin:10px 0;color:var(--ink)}.category-score>div{height:3px;background:var(--line)}.category-score>div>i{display:block;height:100%;background:var(--accent)}.result-explanations{margin-top:35px}.result-explanations h2{font-size:max(var(--sf-text-min, 1rem), 24px);letter-spacing:-.025em}.result-explanations details{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:19px;margin:10px 0}.result-explanations summary{cursor:pointer;font-size:max(var(--sf-text-min, 1rem), 13px);font-weight:600;line-height:1.7}.result-explanations summary span{font-size:max(var(--sf-text-min, 1rem), 10px);color:var(--muted);float:right;margin-left:8px}.result-explanations details p{font-size:max(var(--sf-text-min, 1rem), 13px);line-height:1.8;color:var(--muted);margin:14px 0 0}.result-explanations details .correct-answer{font-weight:700;color:var(--accent)}.results-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.results-note{font-size:max(var(--sf-text-min, 1rem), 11px)!important}.iq-dialog{position:fixed;inset:0;background:#17202799;backdrop-filter:blur(8px);z-index:70;display:grid;place-items:center;padding:24px}.dialog-panel{background:var(--panel);color:var(--ink);padding:32px;border:1px solid var(--line);border-radius:20px;max-width:480px;width:100%;box-shadow:0 20px 80px #0003}.dialog-panel h2{font-size:max(var(--sf-text-min, 1rem), 27px);letter-spacing:-.03em}.dialog-panel p{font-size:max(var(--sf-text-min, 1rem), 13px);line-height:1.8;color:var(--muted)}.dialog-panel .dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.practice-shapes{font-size:max(var(--sf-text-min, 1rem), 42px);letter-spacing:18px;color:var(--accent);margin:24px 0}.practice-feedback{font-weight:600}.no-script{margin:35px auto;max-width:700px;padding:25px;line-height:1.8}.iq-dialog[hidden],[hidden]{display:none!important}
/* B: the visual stage becomes the centre of an instrument panel. */
body[data-design=orbit]{background:#101b22;color:#e8f2ef;--accent:#8cdec9;--ink:#e8f2ef;--muted:#a3b7b7;--panel:#182830;--line:#2c4149;--soft:#21383e;--radius:16px;background-image:radial-gradient(ellipse at 70% 20%,#20454466,transparent 55%)}body[data-design=orbit] .iq-header{border-bottom:1px solid #294047}body[data-design=orbit] .iq-brand>span>span{color:#a8d9cf}body[data-design=orbit] .design-switch{background:#17272e}body[data-design=orbit] .primary{color:#102b28}body[data-design=orbit] .intro{grid-template-columns:1fr 1fr;gap:60px}body[data-design=orbit] .intro h1{text-transform:uppercase;letter-spacing:-.045em;font-size:max(var(--sf-text-min, 1rem), 56px);line-height:1.08}body[data-design=orbit] .intro h1 em{font:inherit;color:var(--accent)}body[data-design=orbit] .intro-art{background:#15292e;border:1px solid #35554f;min-height:470px;border-radius:22px}body[data-design=orbit] .intro-art:before{background-image:linear-gradient(#6dab9e13 1px,transparent 1px),linear-gradient(90deg,#6dab9e13 1px,transparent 1px);background-size:28px 28px}body[data-design=orbit] .intro-art small{color:#a0c4b8}body[data-design=orbit] .art-note{background:#254039;color:#c3dacf;box-shadow:0 10px 30px #0002;transform:rotate(3deg);bottom:35px;right:-12px}body[data-design=orbit] .art-note b{color:#a6e2cb}body[data-design=orbit] .test-shell{display:grid;grid-template-columns:74px minmax(0,1fr);grid-template-areas:"nav status" "nav progress" "nav heading" "nav work" "nav error" "nav actions";gap:14px 30px;max-width:1150px;margin-top:32px}body[data-design=orbit] .test-status{grid-area:status}body[data-design=orbit] .progress-track{grid-area:progress}body[data-design=orbit] .question-heading{grid-area:heading;text-align:center;padding-top:5px}body[data-design=orbit] .question-heading h1{font-size:max(var(--sf-text-min, 1rem), 30px)}body[data-design=orbit] .question-heading>p:last-child{margin:0 auto;max-width:660px;font-size:max(var(--sf-text-min, 1rem), 13px)}body[data-design=orbit] .question-nav{display:flex;grid-area:nav;flex-direction:column;gap:8px;border-right:1px solid var(--line);padding-right:20px}body[data-design=orbit] .question-nav>p{font:max(var(--sf-text-min, 1rem), 9px) var(--font-mono);color:var(--muted);margin-bottom:10px;letter-spacing:.08em}body[data-design=orbit] .question-nav button{font:max(var(--sf-text-min, 1rem), 11px) var(--font-mono);border-radius:7px;padding:7px;min-height:32px;width:32px;background:transparent}body[data-design=orbit] .question-nav button .nav-text{display:none}body[data-design=orbit] .question-nav button.current{border-color:var(--accent);color:var(--accent);background:#27483f}body[data-design=orbit] .question-nav button.done{background:#315047;color:#bbdacf}body[data-design=orbit] .workbench{grid-area:work;display:flex;flex-direction:column;gap:20px}body[data-design=orbit] .visual-stage{width:100%;min-height:300px;padding:26px;border-color:#335049;background:#152a2c}body[data-design=orbit] .visual-stage:before{background-image:linear-gradient(#7bbaa70a 1px,transparent 1px),linear-gradient(90deg,#7bbaa70a 1px,transparent 1px);background-size:28px 28px}body[data-design=orbit] .visual-stage .stimulus-grid.matrix{max-width:245px}body[data-design=orbit] .answers{width:100%}body[data-design=orbit] .answers legend{font:max(var(--sf-text-min, 1rem), 10px) var(--font-mono);text-align:center;width:100%;letter-spacing:.08em;margin-bottom:12px}body[data-design=orbit] .answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}body[data-design=orbit] .answer-card{min-height:90px;background:#172b31;border-color:#365047;justify-content:center}body[data-design=orbit] .answer-card.selected{border-color:var(--accent);background:#294c43}body[data-design=orbit] .answer-card.selected .answer-key{color:#15362d}body[data-design=orbit] .answer-card:has(.answer-art){min-height:106px}body[data-design=orbit] .answer-art{width:64px}body[data-design=orbit] .answer-card:has(.answer-art) .answer-art{margin-top:8px}body[data-design=orbit] .answer-key{background:#1d3439;border-color:#456058;color:#b0cec4}body[data-design=orbit] .question-actions{grid-area:actions}body[data-design=orbit] .inline-status{grid-area:error}body[data-design=orbit] .number-sequence span,body[data-design=orbit] .fruit-boxes>div{background:#e4f0e7;border-color:#b4c9bb}body[data-design=orbit] .result-explanations summary{color:#e2ece7}
/* C: a warm notebook, with the reader's journey on a separate rail. */
body[data-design=field-notes]{background:#f5f0e6;--accent:#376854;--ink:#2d382e;--muted:#756f61;--panel:#fffdf7;--line:#ded9ca;--soft:#ebeadd;--radius:4px}body[data-design=field-notes] .iq-brand>span>span{color:#376854}body[data-design=field-notes] .iq-header{border-color:#dad3c5}body[data-design=field-notes] .design-switch{border-radius:4px;background:#eae4d8}body[data-design=field-notes] .design-switch a{border-radius:3px}body[data-design=field-notes] h1,body[data-design=field-notes] .score-hero h2,body[data-design=field-notes] .result-explanations h2{font-family:var(--font-serif);font-weight:400}body[data-design=field-notes] .intro{grid-template-columns:1.15fr 1fr;gap:80px;margin-top:42px}body[data-design=field-notes] .intro h1{font-size:max(var(--sf-text-min, 1rem), 70px);letter-spacing:-.055em;line-height:1}body[data-design=field-notes] .intro h1 em{color:#aa6b4e}body[data-design=field-notes] .intro-art{border-radius:3px;background:#e7e9db;min-height:430px;transform:rotate(2deg);box-shadow:12px 12px 0 #e8dece}body[data-design=field-notes] .intro-art:before{background-image:linear-gradient(#b0b99f26 1px,transparent 1px);background-size:100% 28px}body[data-design=field-notes] .intro-art small{color:#607051}body[data-design=field-notes] .art-note{border-radius:2px;background:#f6e8ce;transform:rotate(-7deg);bottom:10px;right:-20px;box-shadow:0 5px 10px #6d532617;color:#876b4c}body[data-design=field-notes] .art-note b{color:#9c6241}body[data-design=field-notes] .primary{border-radius:4px}body[data-design=field-notes] .test-shell{grid-template-columns:minmax(0,1fr) 210px;grid-template-areas:"status nav" "progress nav" "heading nav" "work nav" "error nav" "actions nav";gap:15px 40px;max-width:1260px}body[data-design=field-notes] .test-status{grid-area:status}body[data-design=field-notes] .progress-track{grid-area:progress;height:2px}body[data-design=field-notes] .question-heading{grid-area:heading}body[data-design=field-notes] .question-heading h1{font-size:max(var(--sf-text-min, 1rem), 43px);letter-spacing:-.04em}body[data-design=field-notes] .workbench{grid-area:work;grid-template-columns:1fr 1fr;gap:22px;align-items:start;background:#fffdf7;border:1px solid var(--line);padding:25px;box-shadow:5px 5px 0 #eae2d3}body[data-design=field-notes] .visual-stage{min-height:300px;background:#f4f0e6;border:1px solid #e7dfcd;padding:22px}body[data-design=field-notes] .answer-grid{grid-template-columns:1fr;gap:9px}body[data-design=field-notes] .answer-card{border-radius:3px;min-height:56px;padding:12px;justify-content:start}body[data-design=field-notes] .answer-card.selected{padding:11px}body[data-design=field-notes] .answer-card:has(.answer-art){min-height:68px;padding-left:42px}body[data-design=field-notes] .answer-card:has(.answer-art) .answer-key{left:10px;top:24px}body[data-design=field-notes] .answer-art{width:53px}body[data-design=field-notes] .answer-card:has(.answer-art) .answer-art{margin:0}body[data-design=field-notes] .answer-card:has(.answer-art) .answer-label{position:static;width:auto;height:auto;overflow:visible;font-size:max(var(--sf-text-min, 1rem), 11px)}body[data-design=field-notes] .answers legend{margin-bottom:10px}body[data-design=field-notes] .question-actions{grid-area:actions}body[data-design=field-notes] .inline-status{grid-area:error}body[data-design=field-notes] .question-nav{display:block;grid-area:nav;border-left:1px solid #dcd2be;padding:10px 0 0 25px;margin-top:7px}body[data-design=field-notes] .question-nav>p{font-size:max(var(--sf-text-min, 1rem), 10px);letter-spacing:.13em;margin-bottom:24px;color:#827a67;text-transform:uppercase}body[data-design=field-notes] .question-nav button{border:none;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:7px 0;min-height:34px;font-size:max(var(--sf-text-min, 1rem), 10px);color:var(--muted);width:100%}body[data-design=field-notes] .question-nav button .nav-number{display:grid;place-items:center;width:22px;height:22px;border:1px solid #cec6b3;border-radius:50%;font-size:max(var(--sf-text-min, 1rem), 8px);flex-shrink:0}body[data-design=field-notes] .question-nav button.current{color:#376854;font-weight:700}body[data-design=field-notes] .question-nav button.current .nav-number{background:#376854;color:#fff;border-color:#376854}body[data-design=field-notes] .question-nav button.done .nav-number{background:#d8e0ce;border-color:#b4c5a5}body[data-design=field-notes] .score-hero,body[data-design=field-notes] .category-score,body[data-design=field-notes] .review-grid button,body[data-design=field-notes] .result-explanations details{border-radius:4px}body[data-design=field-notes] .question-heading .eyebrow{color:#a26c4d}body[data-design=field-notes] .score-number{font-family:var(--font-serif);font-weight:400}
/* Comparison gallery with miniature compositions of the three real layouts. */
.gallery-label{font-size:max(var(--sf-text-min, 1rem), 10px);letter-spacing:.12em;color:#8c7a9b}.gallery-main{max-width:1330px;margin:auto;padding:35px 5vw 40px}.gallery-hero{margin:35px 0 45px}.gallery-hero h1{font-size:max(var(--sf-text-min, 1rem), clamp(48px,6vw,78px));line-height:1.02;letter-spacing:-.06em;margin-bottom:24px}.gallery-hero h1 em{font-family:var(--font-serif);font-weight:400;color:#825ca9}.gallery-hero>p:not(.eyebrow){font-size:max(var(--sf-text-min, 1rem), 15px);line-height:1.8;color:#7f738d}.gallery-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.gallery-facts span{font-size:max(var(--sf-text-min, 1rem), 10px);border:1px solid #e5ddeb;padding:8px 12px;border-radius:6px;color:#877794}.design-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.design-card{border:1px solid #e7dfed;border-radius:17px;overflow:hidden;background:#fff}.design-card>a{display:block}.design-card-copy{padding:25px}.design-name{display:flex;align-items:center;gap:12px}.design-name>span{width:29px;height:29px;display:grid;place-items:center;font-size:max(var(--sf-text-min, 1rem), 11px);background:#f2edf7;color:#8d6ca9;border:1px solid #e9dff1;border-radius:7px}.design-name h2{font-size:max(var(--sf-text-min, 1rem), 23px);letter-spacing:-.035em;margin:0}.design-card-copy>p{font-size:max(var(--sf-text-min, 1rem), 12px);line-height:1.8;color:#8b7d97;min-height:65px;margin:18px 0}.design-card ul{list-style:none;padding:0;margin:20px 0 25px;color:#7e708e;font-size:max(var(--sf-text-min, 1rem), 11px);line-height:2}.design-card li:before{content:"✓";margin-right:10px;color:#9b82b6}.design-card .primary{width:100%;font-size:max(var(--sf-text-min, 1rem), 11px);min-height:43px;padding:12px;letter-spacing:0}.pick-design{display:block;width:100%;margin-top:10px;border-color:#e9e1f0;font-size:max(var(--sf-text-min, 1rem), 11px);min-height:38px;color:#8c759e}.pick-design[aria-pressed=true]{background:#eee6f8;border-color:#bea7d8;color:#6d4693}.gallery-pick{font-size:max(var(--sf-text-min, 1rem), 13px);line-height:1.8;text-align:center;color:#826d94;min-height:22px;margin:28px 0}.comparison-note{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin-top:70px;border-top:1px solid #e6deec;padding:40px 0 0}.comparison-note h2{font-size:max(var(--sf-text-min, 1rem), 32px);line-height:1.2;letter-spacing:-.035em}.comparison-note>div>p:not(.eyebrow){font-size:max(var(--sf-text-min, 1rem), 12px);line-height:1.9;color:#8e7e9b}.design-preview{padding:17px;background:#f3f0f6;min-height:235px;color:#77618e;overflow:hidden}.preview-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dfd7e8;padding-bottom:10px}.preview-top b{font-size:max(var(--sf-text-min, 1rem), 10px);letter-spacing:-1px}.preview-top span{font-size:max(var(--sf-text-min, 1rem), 5px);letter-spacing:.08em}.preview-top>i{margin-left:auto;width:20px;height:4px;background:#e1d8eb;border-radius:2px}.preview-content{display:flex;gap:12px;padding:15px 0;min-height:145px;align-items:center}.preview-rail{display:none}.preview-stage{width:54%;flex-shrink:0}.preview-stage small{font-size:max(var(--sf-text-min, 1rem), 5px);letter-spacing:.08em;display:block;margin-bottom:5px}.preview-stage>b{font-size:max(var(--sf-text-min, 1rem), 9px);line-height:1.3;display:block;margin-bottom:10px}.mini-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;max-width:90px}.mini-matrix>span{border:1px solid #e1dce7;border-radius:4px;background:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;padding:4px}.mini-dots i{width:3px;height:3px;display:block;background:#7c688f;border-radius:50%}.mini-missing{font-size:max(var(--sf-text-min, 1rem), 12px);color:#b6a5c5}.preview-answers{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1}.preview-answers>span{background:#fff;border:1px solid #e1dce7;border-radius:4px;font-size:max(var(--sf-text-min, 1rem), 5px);padding:6px;height:36px;display:flex;align-items:center;gap:5px}.preview-answers i{display:block;width:15px;height:15px;background:#ede8f2;border-radius:3px}.preview-bottom{display:flex;justify-content:space-between;align-items:center}.preview-bottom>span{height:3px;width:35px;background:#dad1e5}.preview-bottom>b{font-size:max(var(--sf-text-min, 1rem), 5px);padding:6px 11px;border-radius:4px;background:#9673b7;color:#fff}.design-preview.orbit{background:#11252b;color:#c2e5d7}.design-preview.orbit .preview-top{border-color:#345049}.design-preview.orbit .preview-top>i{background:#304c42}.design-preview.orbit .preview-content{position:relative;flex-direction:column;gap:10px;min-height:170px;padding:12px 15px}.design-preview.orbit .preview-rail{display:flex;flex-direction:column;gap:7px;position:absolute;left:0;top:17px}.preview-rail>i{width:8px;height:8px;border:1px solid #406154;border-radius:2px}.design-preview.orbit .preview-stage{width:100%;text-align:center}.design-preview.orbit .mini-matrix{margin:auto;max-width:75px}.design-preview.orbit .preview-answers{display:flex;width:100%;justify-content:center}.design-preview.orbit .preview-answers>span{background:#1f3d39;color:#bfe0cd;border-color:#36584b;height:23px;flex:1}.design-preview.orbit .preview-answers i{width:11px;height:11px;background:#638675}.design-preview.orbit .preview-bottom>b{background:#9ccfb4;color:#1e3b2c}.design-preview.field-notes{background:#ede6d5;color:#466649;font-family:Georgia,serif}.design-preview.field-notes .preview-top{border-color:#d4c9b0}.design-preview.field-notes .preview-stage>b{font-size:max(var(--sf-text-min, 1rem), 12px);font-weight:400}.design-preview.field-notes .preview-stage{width:58%}.design-preview.field-notes .preview-answers{grid-template-columns:1fr}.design-preview.field-notes .preview-answers>span{height:22px;border-radius:1px;background:#fffaf0;border-color:#ddd3bb}.design-preview.field-notes .preview-answers i{height:9px;background:#e4e8d8}.design-preview.field-notes .preview-bottom>b{background:#5c7c55;border-radius:1px}.design-preview.field-notes .mini-matrix>span{border-radius:1px;background:#fffaf0;border-color:#ddd3bb}.design-preview.field-notes .mini-dots i{background:#6f8261}
@media(max-width:1050px){.intro{gap:35px;padding:20px 35px}.intro h1{font-size:max(var(--sf-text-min, 1rem), 50px)}.intro-art{padding:30px;min-height:360px}.intro-art .stimulus-grid{width:205px}.test-shell{padding:0 35px}.workbench{gap:25px;grid-template-columns:1fr 1fr}.answer-card{padding:10px;min-height:85px}.answer-card.selected{padding:9px}.answer-art{width:60px}.design-cards{gap:15px}.design-card-copy{padding:20px}.design-card-copy>p{min-height:88px}body[data-design=orbit] .intro h1{font-size:max(var(--sf-text-min, 1rem), 45px)}body[data-design=field-notes] .intro{gap:40px}body[data-design=field-notes] .intro h1{font-size:max(var(--sf-text-min, 1rem), 58px)}body[data-design=field-notes] .test-shell{grid-template-columns:1fr 165px;gap:15px 25px}body[data-design=field-notes] .question-nav{padding-left:20px}body[data-design=field-notes] .workbench{gap:16px;padding:18px}body[data-design=field-notes] .visual-stage{padding:15px}}
@media(max-width:760px){.iq-header{height:76px;padding:0 22px;gap:15px}.iq-brand{font-size:max(var(--sf-text-min, 1rem), 19px)}.iq-brand img{width:26px;height:26px}.design-switch{gap:1px;padding:3px}.design-switch a{padding:7px 10px;font-size:max(var(--sf-text-min, 1rem), 10px)}.design-switch a span{display:none}.compare-link{font-size:max(var(--sf-text-min, 1rem), 9px)}.intro{display:flex;flex-direction:column;align-items:stretch;margin:28px auto 15px;padding:15px 25px;gap:25px;min-height:0}.intro h1{font-size:max(var(--sf-text-min, 1rem), 45px);margin-bottom:20px}.intro .eyebrow{margin-bottom:18px}.intro-lead{font-size:max(var(--sf-text-min, 1rem), 14px);max-width:none}.intro-facts{margin:19px 0;gap:7px}.intro-facts span{font-size:max(var(--sf-text-min, 1rem), 9px);padding:7px 9px}.intro-actions{margin:20px 0}.intro-fine{max-width:none;font-size:max(var(--sf-text-min, 1rem), 10px)}.intro-art{min-height:250px;padding:25px;margin:0 10px 10px}.intro-art .stimulus-grid{max-width:175px}.intro-art small{font-size:max(var(--sf-text-min, 1rem), 8px);margin-top:18px}.art-note{right:-10px;bottom:12px;padding:11px 15px;font-size:max(var(--sf-text-min, 1rem), 9px)}.test-shell{margin:25px auto;padding:0 24px;gap:14px}.test-status{font-size:max(var(--sf-text-min, 1rem), 10px)}.time-box{font-size:max(var(--sf-text-min, 1rem), 10px);gap:6px}.time-box button{min-height:28px;font-size:max(var(--sf-text-min, 1rem), 9px);padding:5px 8px}.question-heading{padding:8px 0 0}.question-heading h1{font-size:max(var(--sf-text-min, 1rem), 29px);margin-bottom:11px}.question-heading .eyebrow{font-size:max(var(--sf-text-min, 1rem), 9px);margin-bottom:11px}.question-heading>p:last-child{font-size:max(var(--sf-text-min, 1rem), 12px);line-height:1.75}.workbench{grid-template-columns:1fr;gap:23px}.visual-stage{min-height:235px;padding:22px}.visual-stage .stimulus-grid.matrix{max-width:205px}.visual-stage .stimulus-grid.sequence{max-width:350px}.answers legend{font-size:max(var(--sf-text-min, 1rem), 10px);margin-bottom:12px}.answer-grid{gap:10px}.answer-card{min-height:64px;padding:12px}.answer-card.selected{padding:11px}.answer-card:has(.answer-art){min-height:105px}.answer-art{width:67px}.answer-card:has(.answer-art) .answer-art{margin-top:3px}.answer-label{font-size:max(var(--sf-text-min, 1rem), 12px)}.answer-key{width:22px;height:22px;font-size:max(var(--sf-text-min, 1rem), 9px)}.question-actions{gap:10px;padding:18px 0;margin-top:0}.question-actions>div{gap:5px}.question-actions>div>button{font-size:max(var(--sf-text-min, 1rem), 10px);padding:10px 8px}.question-actions .primary{font-size:max(var(--sf-text-min, 1rem), 11px);min-width:130px;padding:12px 16px}.inline-status{font-size:max(var(--sf-text-min, 1rem), 11px)}.iq-footer{margin-top:30px;flex-wrap:wrap;gap:10px;padding:20px 24px;font-size:max(var(--sf-text-min, 1rem), 9px)}.iq-footer span{display:block}.iq-footer button{margin-left:auto}.number-sequence{gap:7px}.number-sequence span{font-size:max(var(--sf-text-min, 1rem), 20px);padding:14px 10px;min-width:45px}.equations{font-size:max(var(--sf-text-min, 1rem), 20px);gap:15px}.statement-cards p{font-size:max(var(--sf-text-min, 1rem), 11px);padding:14px}.fruit-boxes{gap:8px}.fruit-boxes>div{width:75px;height:95px}.fruit-boxes b{font-size:max(var(--sf-text-min, 1rem), 10px)}.cube-net{height:240px;max-width:175px}.single-tile{max-width:155px}.review-shell,.results-shell{margin:35px auto;padding:0 25px}.review-shell h1,.results-shell h1{font-size:max(var(--sf-text-min, 1rem), 34px)}.review-shell>p,.results-shell>p{font-size:max(var(--sf-text-min, 1rem), 12px)}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-grid button{padding:14px}.review-grid button b{font-size:max(var(--sf-text-min, 1rem), 12px)}.review-grid button span{font-size:max(var(--sf-text-min, 1rem), 9px)}.review-bottom{align-items:stretch;flex-direction:column;gap:12px;padding-top:20px}.review-bottom p{font-size:max(var(--sf-text-min, 1rem), 10px)}.score-hero{gap:22px;padding:24px}.score-number{font-size:max(var(--sf-text-min, 1rem), 60px)}.score-number small{font-size:max(var(--sf-text-min, 1rem), 18px)}.score-hero h2{font-size:max(var(--sf-text-min, 1rem), 19px)}.score-hero p{font-size:max(var(--sf-text-min, 1rem), 10px)}.category-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-score{padding:16px}.category-score b{font-size:max(var(--sf-text-min, 1rem), 22px)}.result-explanations h2{font-size:max(var(--sf-text-min, 1rem), 22px)}.result-explanations details{padding:16px}.result-explanations summary{font-size:max(var(--sf-text-min, 1rem), 11px)}.result-explanations summary span{float:none;display:block;margin:4px 0 0;font-size:max(var(--sf-text-min, 1rem), 9px)}.result-explanations details p{font-size:max(var(--sf-text-min, 1rem), 11px)}.dialog-panel{padding:25px}.dialog-panel h2{font-size:max(var(--sf-text-min, 1rem), 24px)}.dialog-panel p{font-size:max(var(--sf-text-min, 1rem), 12px)}body[data-design=orbit] .intro{display:flex;gap:25px}body[data-design=orbit] .intro h1{font-size:max(var(--sf-text-min, 1rem), 42px)}body[data-design=orbit] .intro-art{min-height:290px}body[data-design=orbit] .test-shell{grid-template-columns:1fr;grid-template-areas:"status" "progress" "nav" "heading" "work" "error" "actions";gap:12px}body[data-design=orbit] .question-nav{border-right:none;padding:0;flex-direction:row;gap:5px;flex-wrap:wrap}body[data-design=orbit] .question-nav>p{display:none}body[data-design=orbit] .question-nav button{width:25px;min-height:25px;padding:4px;font-size:max(var(--sf-text-min, 1rem), 8px)}body[data-design=orbit] .question-heading{text-align:left;padding-top:9px}body[data-design=orbit] .question-heading h1{font-size:max(var(--sf-text-min, 1rem), 27px)}body[data-design=orbit] .question-heading>p:last-child{font-size:max(var(--sf-text-min, 1rem), 12px)}body[data-design=orbit] .visual-stage{min-height:240px;padding:20px}body[data-design=orbit] .visual-stage .stimulus-grid.matrix{max-width:185px}body[data-design=orbit] .workbench{gap:18px}body[data-design=orbit] .answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}body[data-design=orbit] .answer-card{padding:8px;min-height:76px;flex-direction:column;gap:7px}body[data-design=orbit] .answer-card.selected{padding:7px}body[data-design=orbit] .answer-card:has(.answer-art){min-height:86px}body[data-design=orbit] .answer-art{width:45px}body[data-design=orbit] .answer-card:has(.answer-art) .answer-key{top:5px;left:5px;width:16px;height:16px;font-size:max(var(--sf-text-min, 1rem), 7px)}body[data-design=orbit] .answer-card:has(.answer-art) .answer-art{margin-top:14px}body[data-design=orbit] .answer-label{font-size:max(var(--sf-text-min, 1rem), 9px);line-height:1.5;text-align:center}body[data-design=orbit] .answer-key{font-size:max(var(--sf-text-min, 1rem), 8px);width:19px;height:19px}body[data-design=field-notes] .intro{display:flex;gap:30px}body[data-design=field-notes] .intro h1{font-size:max(var(--sf-text-min, 1rem), 51px)}body[data-design=field-notes] .intro-art{min-height:285px;margin-bottom:10px}body[data-design=field-notes] .test-shell{grid-template-columns:1fr;grid-template-areas:"status" "progress" "heading" "work" "error" "actions" "nav";gap:14px}body[data-design=field-notes] .question-heading h1{font-size:max(var(--sf-text-min, 1rem), 34px)}body[data-design=field-notes] .workbench{grid-template-columns:1fr;padding:18px;gap:20px}body[data-design=field-notes] .visual-stage{min-height:230px;padding:20px}body[data-design=field-notes] .answer-grid{grid-template-columns:1fr 1fr;gap:9px}body[data-design=field-notes] .answer-card{min-height:64px;font-size:max(var(--sf-text-min, 1rem), 11px)}body[data-design=field-notes] .answer-card:has(.answer-art){min-height:85px;justify-content:center;padding:10px 8px 10px 23px}body[data-design=field-notes] .answer-card:has(.answer-art) .answer-key{top:8px;left:6px;width:16px;height:16px;font-size:max(var(--sf-text-min, 1rem), 7px)}body[data-design=field-notes] .answer-card:has(.answer-art) .answer-label{position:absolute;left:-10000px;width:1px;height:1px}body[data-design=field-notes] .answer-art{width:58px}body[data-design=field-notes] .question-nav{border-left:none;border-top:1px solid var(--line);padding:20px 0 0;margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}body[data-design=field-notes] .question-nav>p{width:100%;margin-bottom:10px}body[data-design=field-notes] .question-nav button{width:auto;min-height:30px;padding:0}body[data-design=field-notes] .question-nav .nav-text{display:none}body[data-design=field-notes] .question-nav button .nav-number{width:25px;height:25px;font-size:max(var(--sf-text-min, 1rem), 9px)}.gallery-label{display:none}.gallery-main{padding:20px 24px 35px}.gallery-hero{margin:25px 0 35px}.gallery-hero h1{font-size:max(var(--sf-text-min, 1rem), 51px)}.gallery-hero>p:not(.eyebrow){font-size:max(var(--sf-text-min, 1rem), 13px)}.gallery-hero>p br{display:none}.gallery-facts{gap:7px;margin-top:20px}.gallery-facts span{font-size:max(var(--sf-text-min, 1rem), 9px);padding:7px 9px}.design-cards{grid-template-columns:1fr;gap:23px}.design-card{max-width:480px;width:100%;margin:auto}.design-preview{padding:23px;min-height:270px}.preview-content{min-height:173px;gap:25px;padding:20px 0}.preview-stage>b{font-size:max(var(--sf-text-min, 1rem), 12px);margin-bottom:13px}.preview-stage small{font-size:max(var(--sf-text-min, 1rem), 6px)}.mini-matrix{max-width:110px;gap:4px}.mini-matrix>span{padding:5px}.mini-dots i{width:4px;height:4px}.preview-answers>span{height:42px;font-size:max(var(--sf-text-min, 1rem), 7px);padding:8px}.preview-answers i{width:20px;height:20px}.preview-top span{font-size:max(var(--sf-text-min, 1rem), 6px)}.preview-top b{font-size:max(var(--sf-text-min, 1rem), 12px)}.preview-bottom>b{font-size:max(var(--sf-text-min, 1rem), 7px);padding:9px 13px}.design-preview.orbit .preview-content{min-height:210px}.design-preview.orbit .mini-matrix{max-width:94px}.design-preview.orbit .preview-answers>span{height:30px}.design-preview.orbit .preview-answers i{height:15px;width:15px}.design-preview.field-notes .preview-stage>b{font-size:max(var(--sf-text-min, 1rem), 16px)}.design-preview.field-notes .preview-answers>span{height:30px}.design-card-copy{padding:24px}.design-card-copy>p{min-height:0;font-size:max(var(--sf-text-min, 1rem), 12px)}.design-card ul{font-size:max(var(--sf-text-min, 1rem), 11px)}.comparison-note{grid-template-columns:1fr;gap:13px;margin-top:45px;padding-top:30px}.comparison-note h2{font-size:max(var(--sf-text-min, 1rem), 29px)}.comparison-note>div>p:not(.eyebrow){font-size:max(var(--sf-text-min, 1rem), 11px)}.gallery-pick{font-size:max(var(--sf-text-min, 1rem), 12px);line-height:1.8}}
@media(max-width:360px){.iq-header{padding:0 18px;gap:10px}.iq-brand{font-size:max(var(--sf-text-min, 1rem), 17px);gap:5px}.iq-brand img{width:24px;height:24px}.design-switch a{padding:6px 9px}.compare-link{font-size:max(var(--sf-text-min, 1rem), 8px)}.test-shell{padding:0 19px}.intro{padding:12px 21px}.intro h1{font-size:max(var(--sf-text-min, 1rem), 40px)}.intro-actions{gap:5px}.intro-actions .primary{padding:13px 17px;font-size:max(var(--sf-text-min, 1rem), 12px)}.intro-actions .quiet{font-size:max(var(--sf-text-min, 1rem), 10px);padding:11px}.intro-facts span{font-size:max(var(--sf-text-min, 1rem), 8px)}.question-heading h1{font-size:max(var(--sf-text-min, 1rem), 27px)}.question-actions .primary{min-width:115px;padding:12px;font-size:max(var(--sf-text-min, 1rem), 10px)}.question-actions>div>button{font-size:max(var(--sf-text-min, 1rem), 9px);padding:9px 6px}.fruit-boxes>div{width:65px;height:85px}.score-hero{padding:20px;gap:17px}.score-number{font-size:max(var(--sf-text-min, 1rem), 51px)}.score-hero h2{font-size:max(var(--sf-text-min, 1rem), 17px)}.result-explanations details{padding:13px}body[data-design=orbit] .question-nav{gap:4px}body[data-design=orbit] .question-nav button{width:23px;min-height:23px;font-size:max(var(--sf-text-min, 1rem), 7px)}body[data-design=orbit] .answer-grid{gap:5px}body[data-design=orbit] .answer-art{width:39px}body[data-design=orbit] .answer-label{font-size:max(var(--sf-text-min, 1rem), 8px)}body[data-design=field-notes] .intro h1{font-size:max(var(--sf-text-min, 1rem), 47px)}.gallery-hero h1{font-size:max(var(--sf-text-min, 1rem), 46px)}.gallery-main{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#iq-main.paused-view{visibility:hidden}
/* New visual questions use readable, bounded diagrams in every theme. */
.height-map{width:100%;max-width:280px;text-align:center}.height-map p,.height-map small{font-size:max(var(--sf-text-min, 1rem), 16px);color:var(--muted);margin:12px 0}.height-grid{display:grid;grid-template-columns:repeat(var(--height-size),minmax(44px,1fr));gap:5px}.height-grid span{display:grid;place-items:center;min-height:50px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:max(var(--sf-text-min, 1rem), 22px);font-weight:700;font-variant-numeric:tabular-nums}.net-scroll{width:100%;max-width:320px;min-width:0}.net-scroll .cube-net{width:100%;min-width:0;max-width:var(--net-width);height:auto;display:block;margin:auto}.visual-stage:has(.net-scroll),.visual-stage:has(.height-map){padding:12px}