/* v08: six equally sized form tiles in the existing reading screen. */
html[data-stage-focus] body#compassRoom.stage .lesson[data-immersion="six"] #big,
html[data-stage-focus] body#compassRoom.stage .lesson[data-immersion="six"] #en,
html[data-stage-focus] body#compassRoom.stage .lesson[data-immersion="six"] .meaning-status{display:none!important}
html[data-stage-focus] body.stage #stageForms{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;width:100%;order:6;margin:14px 0;
}
html[data-stage-focus] body.stage #stageForms[hidden]{display:none!important}
html[data-stage-focus] body.stage #stageForms .stage-form{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 width:100%;min-width:0;min-height:112px;padding:14px 10px;gap:18px;
 border:1px solid var(--line);border-radius:var(--radius,12px);
 background:var(--surface);color:var(--ink);text-align:center;white-space:normal;
}
html[data-stage-focus] body.stage #stageForms .stage-form[aria-pressed="true"]{
 background:var(--soft);border-color:var(--blue);box-shadow:inset 0 -2px var(--blue);
}
html[data-stage-focus] body.stage #stageForms .stage-form-uk{
 font-size:clamp(19px,2vw,27px);line-height:1.4;font-weight:600;overflow-wrap:anywhere;
}
html[data-stage-focus] body.stage #stageForms .stage-form-en{
 font-size:14px;line-height:1.4;font-weight:400;color:var(--muted);overflow-wrap:anywhere;
}
@media(max-width:720px){
 html[data-stage-focus] body.stage #stageForms{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html[data-stage-focus] body.stage #stageForms .stage-form{min-height:100px;padding:10px 6px;gap:16px}
}
