[data-tool="klavye-hiz-testi"] .kh-clock { display:flex; align-items:center; justify-content:space-between; padding:.75rem 1rem; background:#f5f5f5; border-radius:var(--radius-sm); }
[data-tool="klavye-hiz-testi"] .kh-clock strong { font-family:var(--font-mono); font-size:1.4rem; font-variant-numeric:tabular-nums; }
[data-tool="klavye-hiz-testi"] .kh-reference { position:relative; max-height:230px; overflow:auto; padding:1rem; border:1px solid var(--line); border-radius:var(--radius-sm); background:#fafafa; line-height:2; font-size:1.05rem; white-space:pre-wrap; overflow-wrap:anywhere; }
[data-tool="klavye-hiz-testi"] .kh-reference .kh-correct { background:#e8e8e8; color:#343434; }
[data-tool="klavye-hiz-testi"] .kh-reference .kh-wrong { color:#a12b23; background:#fff1f0; text-decoration:underline dashed; text-underline-offset:4px; }
[data-tool="klavye-hiz-testi"] .kh-reference .kh-current { text-decoration:underline solid 2px; text-underline-offset:5px; }
[data-tool="klavye-hiz-testi"] .kh-input { resize:vertical; min-height:140px; line-height:1.7; }
[data-tool="klavye-hiz-testi"] .kh-input[readonly] { background:#f5f5f5; }
[data-tool="klavye-hiz-testi"] .kh-reference:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }