/* De äldre testerna från WP (memory, ordminne, sifferminne, läshastighet, CRT, koffein). Laddas bara där [[legacy-test:…]] finns.
   Reglerna kommer från rowling-child/style.css, anpassade till designsystemets tokens och till mobil (ingen sidoscroll). */
.legacy-test{margin:24px 0 32px;padding:20px;border:1px solid var(--line,#d8dee6);border-radius:var(--radius,8px);background:var(--surface-2,#f6f8fa);overflow-x:auto}
.legacy-test button{font:inherit;min-height:44px}
.legacy-test input{font:inherit}
#memory-game{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:640px;margin:0 auto}
.memory-card{aspect-ratio:1;position:relative;transform-style:preserve-3d;transition:transform .5s;cursor:pointer}
.memory-card.flip{transform:rotateY(180deg)}
.memory-card .card-front,.memory-card .card-back{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,4vw,24px);font-weight:600;border-radius:6px}
.memory-card .card-front{background:var(--line,#d8dee6)}
.memory-card .card-back{background:var(--accent,#13315C);color:#fff;transform:rotateY(180deg)}
#memory-timer{text-align:center;margin-top:12px;font-variant-numeric:tabular-nums}
.completion-message-container{text-align:center;margin-top:16px}
.completion-message{display:inline-block;padding:16px 20px;background:var(--surface,#fff);border:1px solid var(--line,#d8dee6);border-radius:8px}
.legacy-lastext{margin-top:20px;padding:20px;background:var(--surface,#fff);border-radius:8px}
#timer{margin-top:12px;font-variant-numeric:tabular-nums}
#questions label,#questions input{cursor:pointer}
#result{margin-top:20px;font-weight:600}
#crt-quiz input[type=number]{width:120px;padding:12px;text-align:center;border:1px solid var(--line,#ccc);border-radius:6px;display:block;margin:8px auto 0}
.quiz-block{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}
.quiz-block span{font-weight:600;margin-top:8px}
#submit-quiz{display:block;margin:16px auto}
.explanation-btn{display:none;margin-top:8px;padding:4px 14px;border:1px solid var(--line,#ccc);border-radius:20px;background:var(--surface,#fff);cursor:pointer}
.modal{display:none;position:fixed;z-index:1000;inset:0;overflow:auto;background:rgba(0,0,0,.5)}
.modal-content{background:var(--surface,#fff);color:var(--ink,#111);margin:10vh auto;padding:20px;border-radius:10px;width:min(600px,calc(100% - 32px));text-align:center}
.close{float:right;font-size:28px;font-weight:600;cursor:pointer;line-height:1}
#share-quiz{text-align:center;margin-top:20px}
#share-quiz div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
#koffeinForm .koffein-rad{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
#koffeinForm input{max-width:150px}
#resultat{margin-top:12px}
.koffein-tal{font-size:1.6rem}
#sifferminne-test,#ordminne-test{max-width:100%}
#sifferminne-test input,#ordminne-test input{max-width:100%}