/* Escribe con regleta (28 sep 2026, punto 163 de ivebeen3d): la celda en espejo junto a la de lectura, la tira de la
   regleta, que se llena de derecha a izquierda, y la hoja volteada, que se lee de izquierda a derecha. */
.regleta-comparar{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 26px}
.regleta-figura{margin:0;padding:18px 22px;border:1px solid var(--linea);border-radius:10px;background:#fffef9;display:grid;justify-items:center;gap:14px;min-width:220px}
.regleta-figura figcaption{font-size:15px;font-weight:650;color:var(--tinta)}
.regleta-ejemplo,.regleta-trabajo{display:grid;gap:10px;max-width:760px;margin:0 0 22px}
.regleta-ejemplo .aprende-etiqueta,.regleta-trabajo .aprende-etiqueta{margin:0}
.regleta-trabajo{margin-top:22px}
.regleta-rotulos{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.regleta-cuenta{margin:0;font-size:14px;font-weight:650;color:var(--tinta)}
/* La regleta: una tira de metal con sus ventanas, que se llena de derecha a izquierda. */
.regleta-tira{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start;gap:14px 18px;min-height:96px;padding:14px;border-radius:10px;background:#d6d2c5;border:1px solid #b9b5a8}
.regleta-tira .aprende-celda{padding:6px;border-radius:8px;background:#fffef9}
.regleta-tira .regleta-actual{outline:3px solid var(--mora);outline-offset:2px}
.regleta-volteada{min-height:52px}
.escribir-solucion .regleta-tira{margin:0 0 14px}
@media(max-width:700px){.regleta-figura{min-width:0;flex:1 1 140px;padding:14px}.regleta-tira{gap:10px 12px;padding:10px}}