/* Practice Lab extends MathQuest's existing palette, typography and models. */
.practice-lab{max-width:920px}.lab-intro{margin:16px 0 24px}.lab-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.lab-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;text-align:left;border:2px solid var(--line)}.lab-card:hover{border-color:var(--green);background:#f0f5df}.lab-card h2{font-size:24px}.lab-card p{font-size:17px}.lab-icon{font-size:36px}.lab-go{color:var(--green);font-weight:700;margin-top:auto}.lab-length{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;font-weight:700}.lab-length select{width:auto;min-height:52px;margin:0}.lab-note{font-size:15px;color:var(--muted)}.lab-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.practice-lab progress{width:100%;height:12px;accent-color:var(--green)}#lab-stage{margin:14px 0;color:var(--green);font-weight:700}#lab-work{margin:20px auto}#lab-work>.button{margin:8px;min-width:64px}#lab-feedback{margin:18px auto;font-weight:700;min-height:28px}#lab-hints{max-width:570px;margin:18px auto}#lab-hints p{margin:14px 0}.lab-board{border-collapse:collapse;margin:20px auto;table-layout:fixed;width:100%;max-width:370px;font:500 38px 'Fredoka',sans-serif}.lab-board th{font:700 18px 'DM Sans',sans-serif;padding:12px}.lab-board td{padding:10px;border-right:2px solid #c5d4ad}.lab-board td:first-child{font-size:20px;border:0}.lab-board tr:last-child{border-bottom:3px solid var(--green)}.lab-exchanged{color:var(--green);background:#edf4d4;border-radius:12px;padding:12px;animation:pop .3s}.lab-exchange{padding:18px;background:#fff5d7;border-radius:18px}.lab-answer{display:flex;flex-wrap:wrap;align-items:end;justify-content:center;gap:16px;margin:22px auto;max-width:460px}.lab-input{display:flex;flex-direction:column;gap:8px;font-weight:700;flex:1;min-width:100px}.lab-input input{width:100%;min-height:64px;font:500 32px 'Fredoka',sans-serif;text-align:center;border:2px solid #8fa785;border-radius:14px;background:white;color:var(--deep);margin:0}.lab-columns .lab-input{flex:1 1 40%}.lab-columns>.button{width:100%}.lab-sentence{display:flex;align-items:end;justify-content:center;flex-wrap:wrap;gap:12px;max-width:500px;margin:20px auto}.lab-sentence .lab-input{min-width:90px;max-width:150px}.lab-sentence select{min-height:64px;font-size:27px;width:100px;margin:0}.lab-sentence>.button{width:100%}.lab-story{margin:20px auto;border-collapse:collapse;width:100%;max-width:380px}.lab-story th,.lab-story td{padding:14px;border:2px solid var(--line);font-size:24px}.lab-story caption{padding:10px;font-size:22px}.lab-blocks .one-group{max-width:180px}.practice-lab .rounding-model .button{margin:6px;min-height:48px}.practice-lab .rounding-model .highlighted{background:var(--yellow);border-radius:8px}.practice-lab .question-meta{gap:10px;flex-wrap:wrap}.practice-lab .question-meta span{letter-spacing:0}.practice-lab [hidden]{display:none!important}.site-header nav{gap:18px}
@media(max-width:700px){.site-header{height:auto;flex-wrap:wrap;gap:12px}.site-header nav{display:flex;order:3;justify-content:center;width:100%;gap:18px;font-size:14px}.lab-cards{gap:12px}.lab-card{padding:18px}.lab-card h2{font-size:21px}.lab-card p{font-size:15px}.practice-lab{margin:20px auto}.lab-toolbar .button{padding:12px;font-size:16px}.lab-board td{padding:8px}.lab-exchange{padding:12px}.lab-sentence{gap:8px}.lab-sentence .lab-input{min-width:75px}.lab-sentence select{width:74px}}
@media(max-width:420px){.lab-cards{grid-template-columns:1fr}.practice-lab h1{font-size:35px}.lab-answer{gap:10px}.lab-input{font-size:15px}.lab-board{font-size:32px}}
@media(prefers-reduced-motion:reduce){.lab-exchanged{animation:none}}
@media(max-width:420px){.site-header nav{gap:8px}}