.spelling-lab{--lab-ink:#183e42;--lab-teal:#126d68;--lab-paper:#f2f8f5;color:var(--lab-ink)}.lab-controls{border:0;min-width:0;margin:0;padding:0}.lab-hero{background:linear-gradient(120deg,#e6f4ec,#fff7e5);border:1px solid #c6dfd5;border-radius:28px;grid-template-columns:1.5fr 1fr;gap:24px;height:auto;min-height:360px;padding:clamp(24px,5vw,64px);display:grid;overflow:hidden}.lab-hero h1{margin:20px 0;font-size:clamp(32px,5vw,64px);line-height:1.14}.lab-hero em{color:#126d68;font-style:normal}.lab-hero p{max-width:55ch}.lab-kicker{letter-spacing:.09em;color:#285b58;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.lab-art{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:210px;display:flex;position:relative}.lab-bubble{text-align:center;background:#fff;border:1px solid #c7dacf;border-radius:30px;width:85px;font-family:Amiri,serif;font-size:76px;animation:4s ease-in-out infinite lab-float;box-shadow:0 15px 30px #184c4012}.lab-bubble:nth-child(2){background:#f9dd95;animation-delay:-1s}.lab-bubble:nth-child(3){animation-delay:-2s}.lab-art small{text-align:center;width:100%}.lab-source{padding:16px;font-size:13px;line-height:1.7}.lab-toolbar,.lab-tabs,.lab-topic-nav{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;display:flex}.lab-toolbar{justify-content:space-between}.lab-tabs button[aria-pressed=true],.lab-topic-nav button[aria-pressed=true]{color:#fff;background:#175e59;border-color:#175e59}.lab-discovery{background:#fff;border:1px solid #cbded5;border-radius:24px;grid-template-columns:1fr 1fr;gap:28px;padding:clamp(18px,3vw,36px);display:grid}.lab-discovery h2{font-size:30px}.lab-boundary{border-left:3px solid #d59b35;padding-left:14px;font-size:14px}.lab-demonstration{background:var(--lab-paper);border-radius:18px;min-width:0;padding:22px}.lab-demonstration label{gap:8px;display:grid}.lab-word-pair{flex-wrap:wrap;justify-content:space-around;gap:20px;margin:24px 0;display:flex}.lab-word-pair>div{text-align:center;gap:10px;display:grid}.lab-word-pair .jawi,.lab-mystery{font-size:52px;line-height:1.8}.lab-mystery{color:#6c8c83}.lab-feedback{overflow-wrap:anywhere;background:#e8f4ef;border:1px solid #a7cbb8;border-radius:16px;margin-top:18px;padding:20px}.lab-diff{font-size:42px}.lab-diff mark{background:#ffe29c;border-bottom:3px solid #a5690a}.lab-reading{font-size:14px}.lab-fact{background:#fff5d9;border:1px solid #eddb9f;border-radius:20px;gap:22px;margin:24px 0;padding:28px;display:flex}.lab-join,.lab-quiz{background:#fff;border:1px solid #cbded5;border-radius:24px;margin:24px 0;padding:clamp(18px,3vw,32px)}.lab-letter-bank{direction:rtl;flex-wrap:wrap;gap:6px;display:flex}.lab-letter-bank button{min-width:44px;min-height:48px;font-size:24px}.lab-join-result{text-align:center;overflow-wrap:anywhere;background:#f2f8f5;border-radius:18px;min-height:140px;margin:20px 0;font-size:72px}.lab-forms{flex-wrap:wrap;gap:18px;display:flex}.lab-forms>div{text-align:center;display:grid}.lab-forms .jawi{font-size:38px}.lab-options{gap:12px;display:grid}.lab-options button{text-align:start;justify-content:space-between;align-items:center;min-height:58px;display:flex}.lab-options button:disabled{opacity:1}.lab-options button[aria-pressed=true]{background:#eaf6ef;border:2px solid #126d68}.lab-reveal{animation:.4s both lab-appear}.lab-still *{scroll-behavior:auto!important;animation:none!important}.literacy-print-sheet{border-top:1px solid #ccd9d1;margin-top:24px;padding:24px}.literacy-print-sheet article{padding:12px 0}.lab-quiz progress{accent-color:#126d68;width:100%}.spelling-lab :focus-visible{outline-offset:4px;outline:3px solid #a45b12}.spelling-lab button:disabled{cursor:default}.literacy-links .actions{gap:8px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes lab-float{50%{transform:translateY(-10px)rotate(3deg)}}@keyframes lab-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.lab-hero,.lab-discovery{grid-template-columns:1fr}.lab-art{min-height:130px}.lab-bubble{width:60px;font-size:48px}.lab-tabs{grid-template-columns:1fr 1fr;display:grid}.lab-tabs button{min-height:48px}.lab-word-pair .jawi{font-size:42px}.lab-fact{padding:20px}.lab-join-result{font-size:56px}.lab-toolbar{flex-direction:column;align-items:flex-start}.literacy-print-sheet{padding:10px}}@media (prefers-reduced-motion:reduce){.spelling-lab *{scroll-behavior:auto!important;animation:none!important}}@media print{.literacy-worksheet{display:none!important}body[data-literacy-print=true] .literacy-worksheet{box-shadow:none!important;border:0!important;padding:0!important;display:block!important}body[data-literacy-print=true] .site-header,body[data-literacy-print=true] footer,body[data-literacy-print=true] .site-footer,body[data-literacy-print=true] main>:not(.spelling-lab):not(.literacy-worksheet),body[data-literacy-print=true] .spelling-lab>:not(.literacy-worksheet),.literacy-sheet-controls{display:none!important}.literacy-print-sheet{page:literacy;break-after:auto;color:#000;border:0;margin:0;padding:12mm}.literacy-answer-sheet{break-before:page}.literacy-print-sheet article{break-inside:avoid}.literacy-print-sheet a{overflow-wrap:anywhere}@page literacy{size:A4;margin:10mm}}.lab-built-word{min-height:70px;font-size:40px}.lab-builder{border-top:1px solid #bcd4c7;margin-top:24px;padding-top:16px}
