.stroop-tool{outline:none;width:100%;min-width:0;scroll-margin-top:20px}#stroop-test-tool{box-sizing:border-box;color:#202b35;background:#fff;border-radius:20px;width:100%;max-width:980px;min-height:0;margin-inline:auto;padding:32px;display:block}#stroop-test-tool p{text-align:center;margin:0;line-height:1.5}.stroop-intro,.stroop-result{text-align:center}#stroop-test-tool .stroop-heading{font-size:26px;font-weight:600;line-height:1.3}#stroop-test-tool .stroop-instruction{color:#61707e;max-width:440px;margin:12px auto 28px;font-size:16px}.stroop-intro--welcome{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;min-height:240px;display:grid}#stroop-test-tool .stroop-intro-copy,#stroop-test-tool .stroop-intro-copy p{text-align:left}#stroop-test-tool .stroop-intro-copy .stroop-instruction{margin-left:0}.stroop-example{flex-direction:column;align-items:center;gap:20px;display:flex}.stroop-example>strong{letter-spacing:.015em;font-size:64px;font-weight:800;line-height:1.2}.stroop-example-answer{align-items:center;gap:8px;font-size:16px;display:flex}.stroop-example-answer>span{color:#61707e;margin-right:4px}.stroop-example-answer i{border-radius:50%;width:20px;height:20px}.stroop-start{color:#fff;max-width:100%;min-height:50px;font:inherit;cursor:pointer;background:#2469a9;border:0;border-radius:8px;padding:13px 24px;font-size:16px;font-weight:600}.stroop-start:hover{background:#1d5a92}.stroop-start:active{background:#184b7a}#stroop-test-tool .stroop-duration{color:#61707e;margin-top:14px;font-size:13px}.stroop-round-header{color:#61707e;font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:14px;display:grid}.stroop-exit{min-height:44px;font:inherit;color:#61707e;cursor:pointer;background:0 0;border:0;justify-self:end;padding:8px 0 8px 12px}.stroop-exit:hover{color:#202b35}#stroop-test-tool .stroop-round .stroop-heading{color:#61707e;font-size:16px;font-weight:400}.stroop-stimulus{letter-spacing:.015em;white-space:nowrap;justify-content:center;align-items:center;height:160px;font-size:clamp(48px,7vw,80px);font-weight:800;line-height:1.2;display:flex}.stroop-stimulus .stroop-preparing{color:#61707e;font-size:20px;font-weight:400}.stroop-answers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stroop-answers button{color:#202b35;min-width:0;min-height:64px;font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #dde4ea;border-radius:8px;align-items:center;gap:10px;padding:14px;font-size:16px;display:flex}.stroop-swatch{border-radius:50%;flex:0 0 24px;height:24px}.stroop-answers kbd{color:#61707e;font:inherit;margin-left:auto;font-size:12px}.stroop-answers button:hover:enabled{background:#f3f6f8;border-color:#b9c8d5}.stroop-answers button:active:enabled{background:#e8f0f7}.stroop-answers button:disabled{cursor:default;opacity:1}.stroop-answers button:focus-visible,.stroop-start:focus-visible,.stroop-link:focus-visible,.stroop-exit:focus-visible{outline-offset:3px;outline:2px solid #2469a9}#stroop-test-tool .stroop-feedback{color:#61707e;min-height:24px;margin-top:8px;font-size:15px}.stroop-link{color:#426581;width:fit-content;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:16px auto 0;padding:8px 0;font-size:15px;text-decoration:underline;display:block}.stroop-result-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;margin:8px 0 32px;display:grid}.stroop-result-summary{min-width:0}#stroop-test-tool .stroop-result-label{max-width:360px;margin:auto;font-size:18px}#stroop-test-tool .stroop-result-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:12px 0 16px;font-size:64px;font-weight:600;line-height:1.15}.stroop-result-value span{color:#61707e;font-size:24px;font-weight:400}#stroop-test-tool .stroop-accuracy{color:#61707e;font-size:15px}.stroop-accuracy strong{color:#202b35}.stroop-comparison{min-width:0;max-width:100%}.stroop-comparison table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.stroop-comparison th,.stroop-comparison td{overflow-wrap:anywhere;border-bottom:1px solid #e3e9ed;padding:16px 8px;font-size:14px;line-height:1.4}.stroop-comparison thead th{color:#61707e;font-weight:400}.stroop-comparison th:first-child{width:42%;padding-left:0}.stroop-comparison td{font-variant-numeric:tabular-nums}.stroop-comparison td:last-child,.stroop-comparison th:last-child{text-align:right;padding-right:0}.stroop-comparison tbody th{font-weight:500}@media (width<=1000px){.stroop-answers{gap:8px}.stroop-answers button{gap:8px;padding:12px 10px}.stroop-answers kbd{display:none}}@media (width<=800px){#stroop-test-tool{border-radius:16px;padding:20px}.stroop-intro--welcome{grid-template-columns:1fr;gap:28px;min-height:0}.stroop-example{grid-row:1;gap:12px}.stroop-example>strong{font-size:48px}#stroop-test-tool .stroop-intro-copy,#stroop-test-tool .stroop-intro-copy p{text-align:center}#stroop-test-tool .stroop-intro-copy .stroop-instruction{margin-inline:auto}#stroop-test-tool .stroop-heading{font-size:22px}.stroop-round-header{grid-template-columns:1fr auto;gap:4px 12px}#stroop-test-tool .stroop-round-header .stroop-heading{grid-area:2/1/auto/-1;font-size:15px}.stroop-exit{grid-area:1/2}.stroop-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stroop-answers button{gap:6px;min-height:58px;padding:10px 8px;font-size:15px}.stroop-swatch{flex-basis:20px;height:20px}.stroop-stimulus{height:124px;font-size:clamp(30px,8.6vw,64px)}.stroop-result-grid{grid-template-columns:1fr;gap:24px;margin-top:0}#stroop-test-tool .stroop-result-value{font-size:56px}.stroop-comparison th,.stroop-comparison td{padding-block:12px;font-size:13px}.stroop-start{width:100%}}
