@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400 700;font-display:swap;src:url(/work/dyslexia-across-languages/fonts/vazirmatn.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400 700;font-display:swap;src:url(/work/dyslexia-across-languages/fonts/noto-sans-sc.woff2)format("woff2")}.fa{font-family:"Vazirmatn", var(--font-sans);direction:rtl;unicode-bidi:isolate}.zh{font-family:"Noto Sans SC", var(--font-sans)}.piece-page .section ul,.piece-page .section ol{font-size:calc(17px * var(--ts));color:var(--body);margin-top:16px;padding-left:22px;line-height:1.7}.piece-page .section ul{list-style:outside}.piece-page .section ol{list-style:decimal}.piece-page .section li+li{margin-top:8px}.piece-page .section li strong,.piece-page .section p strong{color:var(--ink)}.callout{border-left:4px solid var(--accent);background:var(--paper);font-size:calc(16px * var(--ts));color:var(--body);margin-top:20px;padding:16px 20px;line-height:1.6}.callout b{font:500 10px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.ev{border:1px solid var(--ink);min-width:1.7em;font:500 11px/1.5 var(--font-mono);text-align:center;color:var(--ink);margin-right:6px;padding:1px 5px;display:inline-block}.ev-h{border-style:dashed}.piece-btn{border:1px solid var(--ink);background:var(--accent);min-height:44px;color:var(--accent-ink);font:500 calc(13px * var(--ts)) / 1.2 var(--font-mono);letter-spacing:.06em;align-items:center;padding:10px 18px;display:inline-flex}.piece-btn-quiet{color:var(--ink);background:0 0}.piece-btn:disabled{opacity:.55;cursor:default}.trial{border:1px solid var(--line);margin-top:36px;padding:26px 26px 28px}.piece-page .trial-step{letter-spacing:.08em;color:var(--muted);margin-top:0;font-size:11px}.trial h2{margin-top:10px}.piece-page .task{background:var(--paper);font-size:calc(20px * var(--ts));color:var(--ink);overflow-wrap:anywhere;margin:18px 0;padding:18px 20px;line-height:1.6}.piece-page .task-big{font-size:calc(26px * var(--ts))}.trial-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.piece-page .trial-note{font-size:calc(14px * var(--ts));color:var(--muted)}.reveal{border-top:1px dotted var(--line);margin-top:22px;padding-top:20px}@media (prefers-reduced-motion:no-preference){.reveal:not([hidden]){animation:.25s ease-out piece-in}@keyframes piece-in{0%{opacity:0;transform:translateY(4px)}}}.finding{border-left:4px solid var(--accent);background:var(--paper);font-size:calc(15px * var(--ts));color:var(--body);margin-top:18px;padding:14px 18px;line-height:1.6}.finding b{font:500 10px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.choices{flex-wrap:wrap;gap:10px;margin:16px 0 10px;display:flex}.choice{border:1px solid var(--line);background:var(--bg);min-width:72px;min-height:72px;color:var(--ink);padding:12px 18px;font-size:36px;line-height:1;position:relative}.choice:hover{border-color:var(--ink)}.choice.is-wrong{color:var(--muted);border-style:dashed;text-decoration:line-through 2px}.choice.is-right{border:3px solid var(--ink);background:var(--accent);color:var(--accent-ink)}.choice.is-right:after{content:"✓";font:500 12px/1 var(--font-mono);position:absolute;top:3px;right:5px}.piece-page .trial-msg{min-height:1.6em;font:500 calc(13px * var(--ts)) / 1.6 var(--font-mono);letter-spacing:.04em;color:var(--ink)}.phone{border:1px solid var(--ink);background:var(--bg);max-width:420px;margin:18px 0}.phone-screen{min-height:96px;padding:16px}.bubble{background:var(--ink);max-width:90%;color:var(--bg);font-size:calc(16px * var(--ts));overflow-wrap:anywhere;padding:10px 14px;display:inline-block}.bubble:empty{display:none}.bubble .fix{background:var(--accent);color:var(--accent-ink);text-underline-offset:3px;padding:0 3px;text-decoration:underline wavy}.predict{border-top:1px solid var(--line);background:var(--paper);font-size:calc(14px * var(--ts));gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.predict span{border:1px solid var(--line);background:var(--bg);white-space:nowrap;padding:4px 10px}.predict .lang{font:500 11px/2 var(--font-mono);letter-spacing:.08em;color:var(--muted);background:0 0;border:none;padding-left:0}.phone-input{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.phone-input input{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:44px;color:var(--ink);font:inherit;font-size:calc(16px * var(--ts));flex:1;padding:8px 12px}.counter{flex-wrap:wrap;gap:12px 28px;margin-top:8px;display:flex}.counter div{font:500 11px/1.4 var(--font-mono);letter-spacing:.06em;color:var(--muted)}.counter b{font:400 28px/1.1 var(--font-serif);letter-spacing:0;color:var(--ink);display:block}.legend{font-size:calc(13px * var(--ts));color:var(--body);flex-wrap:wrap;gap:8px 22px;margin-top:30px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.level{border:2px solid var(--ink);background:var(--bg);border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.level-2{background:linear-gradient(90deg, var(--ink) 50%, var(--bg) 50%)}.level-3{background:var(--ink)}.filters{flex-wrap:wrap;gap:8px;margin:18px 0 30px;display:flex}.piece-page .filters-label{letter-spacing:.08em;color:var(--muted);flex-basis:100%;font-size:11px}.pill{border:1px solid var(--line);min-height:44px;font-size:calc(14px * var(--ts));color:var(--ink);align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.pill:hover{border-color:var(--ink)}.pill[aria-pressed=true]{border-color:var(--ink);background:var(--accent);color:var(--accent-ink)}.who{width:22px;height:22px;font:500 11px/1 var(--font-mono);border:1px solid;place-items:center;display:inline-grid}.stops-rail{padding-left:40px;position:relative}.stops-rail:before{content:"";border-left:1px dotted var(--line);position:absolute;top:12px;bottom:12px;left:12px}.stop{margin-bottom:12px;position:relative}.stop>.level{width:16px;height:16px;position:absolute;top:20px;left:-35px}.stop.is-dim{opacity:.35}.node{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.node:hover{border-color:var(--ink)}.node-title{font-size:calc(16px * var(--ts));font-weight:600;display:block}.node-sub{font-size:calc(14px * var(--ts));color:var(--muted);display:block}.node-side{color:var(--ink);flex:none;align-items:center;gap:5px;display:flex}.chev{font-family:var(--font-mono);color:var(--muted);margin-left:6px}@media (prefers-reduced-motion:no-preference){.chev{transition:transform .2s}}.node[aria-expanded=true] .chev{transform:rotate(90deg)}.detail{border:1px solid var(--line);border-top:none;padding:16px}.detail dl{grid-template-columns:7.5rem 1fr;gap:10px 14px;display:grid}.detail dt{font:500 10px/1.8 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.detail dd,.piece-page .detail p{font-size:calc(15px * var(--ts));color:var(--body);line-height:1.6}.piece-page .detail-level{letter-spacing:.08em;color:var(--muted);margin-bottom:12px;font-size:11px}.piece-page .sample{background:var(--paper);font-size:calc(17px * var(--ts));color:var(--ink);margin-bottom:14px;padding:10px 14px}.bar{border:1px solid var(--ink);height:30px;margin:22px 0 8px;display:flex}.bar div{font:500 12px/1 var(--font-mono);justify-content:center;align-items:center;display:flex}.bar .b1{background:var(--bg);color:var(--ink)}.bar .b2{background:var(--f4);color:var(--ink);border-left:1px solid var(--ink)}.bar .b3{background:var(--ink);color:var(--bg)}@media (width<=600px){.trial{padding:20px 18px 22px}.detail dl{grid-template-columns:1fr;gap:2px}.detail dd{margin-bottom:10px}}