/* Extracted from the chosen student-view booklet. Same typography and tokens. */
.booklet{--ink:#1d1a2b;--muted:#5c5670;--line:#e6e2ec;--bk-body-pt:12pt;--bk-response-line:9mm;--subject-accent:#6554c0;--subject-soft:#eeeafd}
.booklet.subject-math{--subject-accent:#226d67;--subject-soft:#e3f4f1}.booklet.subject-science{--subject-accent:#167557;--subject-soft:#e3f4ea}
.booklet.subject-language{--subject-accent:#91436f;--subject-soft:#faeaf3}.booklet.subject-social_studies{--subject-accent:#9b581f;--subject-soft:#faeadc}
.booklet.subject-arts{--subject-accent:#6849bd;--subject-soft:#eee9fb}
.booklet-document{margin:0;color:#1d1a2b;background:#fff;font-family:-apple-system,'Segoe UI',system-ui,Roboto,sans-serif;font-size:15px;line-height:1.55}
.booklet-document .booklet{max-width:816px;margin:0 auto 12px}
.booklet-document *{box-sizing:border-box}
@media print{.booklet-document{font-size:11pt;color:#111}.booklet[data-grade-band]{font-size:var(--bk-body-pt);line-height:1.55}}
    .booklet{background:#fff;padding:24px 30px}.booklet h1{font-size:24px;margin:0 0 6px}.booklet .sub{color:var(--muted);margin-bottom:24px}
    .booklet-brand{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:22px;border-bottom:2px solid #1d1a2b}
    .booklet-brand img{width:48px;height:48px;object-fit:contain}.booklet-brand b{font-size:15px}.booklet-brand small{display:block;color:var(--muted)}
    /* La copia del docente se ve distinta desde el otro lado de la mesa. */
    .teacher-band{margin:0 0 18px;padding:8px 12px;border:1.5px solid #8a6d24;border-radius:8px;
      background:#fdf6e6;color:#6b5312;font-size:12px;font-weight:800;letter-spacing:.03em}
    /* Y la del alumno lleva dónde escribir su nombre, que es lo que la
       convierte en SU hoja cuando vuelve para calificarse. */
    .student-line{display:flex;justify-content:space-between;gap:18px;margin:0 0 18px;
      padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
    .booklet .sub .time{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:99px;
      border:1px solid var(--line);background:#faf9fc;color:#4a4458;font-size:12px;font-weight:700}

    .booklet section h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
    .booklet section h2 .mins{flex:none;color:var(--muted);font-size:11.5px;font-weight:700}

    .booklet .key{margin-top:8px;padding:7px 10px;border-left:3px solid #8a6d24;background:#fdf9ef;
      color:#5b4a17;font-size:12.5px;line-height:1.45}
    .booklet .key b{color:#3f3410}
    .booklet section{margin:0 0 22px}.booklet h2{font-size:16px;border-bottom:1px solid var(--line);padding-bottom:5px}
    .booklet p{white-space:pre-wrap}.booklet .q{break-inside:avoid;margin:18px 0}
    .booklet .bk-page-break{display:none}
    @media print{.booklet .bk-page-break{display:block;break-before:page;page-break-before:always;height:0}}
    /* LA TARJETA DE PANTALLA NO SE IMPRIME COMO TARJETA. El renderer común
       trae su propio <style> con borde, sombra, fondo y una cabecera «Q2»;
       aquí manda el papel: el enunciado lo pone el cuadernillo, numerado
       como las demás, y de la tarjeta sólo quedan las dos columnas. */
    .booklet .q-estructurada .aqr-q{border:0;box-shadow:none;background:transparent;padding:0;border-radius:0;margin:6px 0 0}
    .booklet .q-estructurada .aqr-q-head,.booklet .q-estructurada .aqr-q-prompt{display:none}
    .booklet .answer-lines{width:100%;height:max(calc(var(--answer-lines,3) * 26px),calc(var(--bk-response-line) * 4));border-bottom:1px solid #aaa;
      background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--bk-response-line) - .35mm),#c9cdd4 var(--bk-response-line))}
    .booklet .response-box{width:100%;min-height:calc(var(--response-lines,6) * 26px);margin-top:9px;
      border:1px solid #8f96a3;border-radius:4px;background:#fff}
    .booklet .q-response-grid-wrap{display:grid;gap:8px;margin:10px 0 2px;break-inside:avoid;page-break-inside:avoid}
    .booklet .q-response-grid{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:min(100%,calc(var(--grid-cols,24) * var(--grid-cell-mm,5mm)));height:min(96mm,calc(var(--grid-rows,16) * var(--grid-cell-mm,5mm)));min-height:35mm;
      border:1px solid #8798af;background-color:#fff;background-image:linear-gradient(to right,#cbd6e5 .25mm,transparent .25mm),linear-gradient(to bottom,#cbd6e5 .25mm,transparent .25mm);background-size:var(--grid-cell-mm,5mm) var(--grid-cell-mm,5mm)}
    .booklet .q-response-grid-wrap .q-grid-answer{margin:0;min-height:52px}
    .booklet .q-response-space{margin:10px 0 2px;break-inside:avoid;page-break-inside:avoid}
    .booklet .q-response-plane svg{width:300px;max-width:100%}
    .booklet .q-response-plane figcaption{margin-top:3px;color:#555;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase}
    /* La banda de grado gobierna densidad y escritura sin cambiar el contenido.
       Primaria recibe aire y figuras amplias; secundaria conserva precisión
       técnica, nunca compresión por debajo del mínimo del perfil curricular. */
    .booklet[data-grade-band="early_childhood"] .q,
    .booklet[data-grade-band="primary"] .q{margin:24px 0}
    .booklet[data-grade-band="early_childhood"] .q-fig svg,
    .booklet[data-grade-band="primary"] .q-fig svg{min-width:min(72%,320px)}
    .booklet[data-discipline="chemistry"] .q-fig,
    .booklet[data-discipline="physics"] .q-fig,
    .booklet[data-discipline="engineering"] .q-fig{border:1px solid #b8b8b8;padding:8px}
    /* La práctica: materiales y seguridad, antes del procedimiento. Bordes y
       no color de fondo — la hoja se imprime a menudo en blanco y negro. */
    .booklet .lab-materials,.booklet .lab-safety{break-inside:avoid;border:1.5px solid #1d1a2b;border-radius:8px;padding:10px 14px;margin:14px 0}
    .booklet .lab-materials h2,.booklet .lab-safety h2{margin:0 0 6px;font-size:14px}
    .booklet .lab-materials ul,.booklet .lab-safety ul{margin:0;padding-left:20px}
    .booklet .lab-safety{border-style:dashed}

    .q-fig{ margin:8px 0; break-inside:avoid; page-break-inside:avoid;
      display:flex; flex-direction:column; align-items:center; gap:6px; }
    /* Un gráfico sin su título ni explicación obliga a volver de página para
       saber qué representa. Si la sección completa no cabe, empieza junta en
       la hoja siguiente. */
    .booklet.is-lesson section:has(> .q-fig){break-inside:avoid;page-break-inside:avoid}
    /* Notación matemática breve dentro del texto. La señal de autoría es
       `numerador/denominador`; el papel la compone con barra horizontal. */
    .math-frac{display:inline-grid;grid-template-rows:auto auto;vertical-align:-.42em;
      min-width:1.28em;margin:0 .08em;text-align:center;font:600 .86em/1.02 Georgia,'Times New Roman',serif}
    .math-frac>span:first-child{border-bottom:1.25px solid currentColor;padding:0 .14em .05em}
    .math-frac>span:last-child{padding:.05em .14em 0}
    .q-fig svg{ max-width:100%; height:auto; }
    .q-fig figcaption{ font-size:11px; color:#555; }
    .q-code{ text-align:left; font-family:ui-monospace,Menlo,monospace; font-size:11px;
      background:#f6f7f9; border:1px solid #e3e6ec; border-radius:6px; padding:8px; margin:0; white-space:pre; }
    .q-solo-pantalla{ margin:6px 0; font-size:11px; font-style:italic; color:#555; }
    .q-visual-warning{margin:8px 0;padding:9px 11px;border:1.5px dashed #8a5a13;background:#fffaf0;color:#5f3d0c;font-size:12px;font-weight:650}
    .kpv{width:100%;color:#171923}.kpv blockquote{width:100%;margin:0;padding:12px 16px;border-left:4px solid #6849bd;background:#faf8ff}
    .kpv blockquote p{margin:0 0 8px;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.6}
    .kpv blockquote cite{display:block;font-size:11px;color:#4b5563}.kpv-annotated-copy{width:100%;padding:12px 14px;border:1px solid #9ca3af;line-height:1.75}
    .kpv-notes{width:100%;margin:4px 0 0;padding-left:24px}.kpv-notes li{margin:5px 0;text-align:left}
    .kpv-process{width:100%;display:flex;align-items:stretch;gap:20px;list-style:none;counter-reset:step;margin:0;padding:0}
    .kpv-process li{counter-increment:step;position:relative;flex:1;min-width:0;padding:12px;border:1.4px solid #1f5f5a;border-radius:8px;text-align:center}
    .kpv-process li:before{content:counter(step);display:block;width:24px;height:24px;margin:0 auto 7px;border-radius:50%;background:#1f5f5a;color:#fff;font-weight:800;line-height:24px}
    .kpv-process li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:50%;font-weight:800;color:#1f5f5a}
    .kpv-color_wheel svg{width:190px;max-width:48%}.kpv-histogram svg,.kpv-scatter_plot svg{max-width:560px}
    .kpv-frequency{width:100%;border-collapse:collapse}.kpv-frequency th,.kpv-frequency td{border:1px solid #20242c;padding:7px 10px;text-align:left}
    .kpv-frequency thead th{background:#f2f4f7}
    @media(max-width:640px){.kpv-process{display:grid;grid-template-columns:1fr}.kpv-process li:after{display:none}}
/* La lectura es una pieza editorial, no una hoja de respuestas ampliada.
   Bordes y números siguen legibles en fotocopia monocroma. */
.booklet.is-lesson{color:#202333}
.booklet.is-lesson .booklet-brand{margin-bottom:15px}
.booklet .lesson-cover{margin:0 0 15px;padding:0 0 14px;border-bottom:3px solid var(--subject-accent);break-after:avoid}
.booklet .lesson-cover-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.booklet .lesson-type{color:var(--subject-accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.booklet .lesson-duration{color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}
.booklet.is-lesson .lesson-cover h1{max-width:95%;margin:0;font-size:28px;line-height:1.16;letter-spacing:-.025em;color:#202333}
.booklet.is-lesson .student-line{margin:0 0 17px;padding-bottom:12px;border-bottom:1px solid #bdc1cb}
.booklet .lesson-eq{margin:0 0 18px;padding:12px 16px;border:1px solid #b9b4cf;border-left:5px solid var(--subject-accent);
  background:#f8f7fb;break-inside:avoid;page-break-inside:avoid}
.booklet .lesson-eq strong{display:block;margin-bottom:4px;color:var(--subject-accent);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.booklet .lesson-eq p{margin:0;font-size:15px;font-weight:650;line-height:1.4;text-align:initial}
.booklet.is-lesson section{margin-bottom:18px}
.booklet.is-lesson section>h2{border-bottom:0;color:#24283d}
.booklet .lesson-goals{margin:0 0 16px;padding:10px 14px;border:1px solid #d4d3dc;break-inside:avoid;page-break-inside:avoid}
.booklet .lesson-goals h2{margin:0 0 5px;padding:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--subject-accent)}
.booklet .lesson-goals ul{margin:0;padding-left:20px}
.booklet .lesson-goals li{margin:3px 0;line-height:1.43}
.booklet .lesson-reading{padding-top:10px;border-top:1px solid #c6c5d0}
.booklet .lesson-reading>h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 9px;padding:0;font-size:17px;line-height:1.25}
.booklet .lesson-reading .lesson-num{flex:none;color:var(--subject-accent);font-size:12px;font-weight:800;letter-spacing:.04em}
.booklet .lesson-reading .lesson-heading{flex:1}
.booklet .lesson-reading>p{margin:0 0 10px;line-height:1.55}
.booklet .lesson-reading .mins{margin-left:auto}
.booklet .lesson-img{display:block;max-width:100%;height:auto;margin:0 auto}
.booklet .lesson-caption{margin:4px 0 0;color:var(--muted);font-size:12px;text-align:center}
.booklet .lesson-checks{margin-top:22px;border-top:3px solid var(--subject-accent);padding-top:12px}
.booklet .lesson-checks>h2{margin:0 0 10px;font-size:18px}
/* Una comprobación tras su sección: aparte de la lectura, sin partirse. */
.booklet .lesson-check-inline{margin:6px 0 16px;padding:8px 12px 2px;border-left:3px solid var(--subject-accent);break-inside:avoid;page-break-inside:avoid}
.booklet .lesson-check-label{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--subject-accent)}
/* El apoyo de una comprobación: el fragmento que el enunciado manda leer. */
.booklet .q-stimulus{margin:6px 0 8px;padding:8px 12px;border-left:3px solid #1d1a2b;background:#f7f6fa;font-size:.95em;line-height:1.45;break-inside:avoid;page-break-inside:avoid}
.booklet .q-stimulus p{margin:0}
.booklet .lesson-guide{display:grid;grid-template-columns:max-content 1fr;gap:10px;align-items:baseline;
  margin:8px 0 10px;padding:7px 10px;border-left:3px solid var(--subject-accent);background:var(--subject-soft);color:#263b42;
  break-inside:avoid;page-break-inside:avoid;font-size:12.5px}
.booklet .lesson-guide strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--subject-accent)}
.booklet .lesson-kairos{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;
  margin:12px 0;padding:10px 12px;border:1px solid #d9d3fa;border-radius:8px;background:#faf9ff;
  break-inside:avoid;page-break-inside:avoid}
.booklet .lesson-kairos-mark{width:26px;height:26px;margin-top:1px;background:
  linear-gradient(145deg,transparent 48%,#a99cff 49% 52%,transparent 53%),
  linear-gradient(35deg,transparent 48%,#69c4ff 49% 52%,transparent 53%);
  border:1.5px solid #6250bf;transform:rotate(45deg);border-radius:3px}
.booklet .lesson-kairos strong{display:block;color:#51419d;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.booklet .lesson-kairos p{margin:2px 0 0;color:#302b45;font-size:13px;line-height:1.45}

/* EL TEXTO DEL PAPEL VA JUSTIFICADO. Una hoja impresa con el borde derecho
   dentado se lee como un borrador; en pantalla da igual, en papel no. Con
   guionado, que justificar sin partir palabras abre ríos blancos entre
   palabras largas —«corroboración», «incertidumbre»— y eso es peor que el
   borde dentado que se venía a arreglar. */
.booklet p,
.booklet li{text-align:justify;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.booklet h1,
.booklet h2{text-wrap:balance;overflow-wrap:break-word}
/* French and Haitian Creole regularly expand beyond the English source.
   Content-driven height and wrapping keep every label available instead of
   shrinking or clipping it to preserve a cosmetic row height. */
.booklet:lang(fr) .student-line,
.booklet:lang(ht) .student-line{flex-wrap:wrap}
.booklet:lang(fr) section h2,
.booklet:lang(ht) section h2{align-items:flex-start;flex-wrap:wrap}
/* Menos lo que NO es prosa: una línea de nombre y fecha justificada separa
   «Nombre» de su raya hasta el otro lado de la hoja. */
.booklet .student-line,
.booklet .sub,
.booklet .lesson-caption,
.booklet figcaption{text-align:initial;hyphens:manual}
.booklet .lesson-caption,
.booklet figcaption{text-align:center}

/* LA TABLA DE CAPTURA DE UNA PRÁCTICA. Los laboratorios del catálogo llevan
   una, y aquí salían cuatro renglones: sin dónde anotar lo medido, la práctica
   se queda sin su registro. Una celda vacía sin altura se cierra sobre sí
   misma, así que se le da la de una línea escrita a mano. */
.booklet .kx-table{margin:8px 0;break-inside:avoid;page-break-inside:avoid}
.booklet .kx-table table{width:100%;border-collapse:collapse;font-size:13px}
.booklet .kx-table th,
.booklet .kx-table td{border:1px solid #1d1a2b;padding:7px 9px;text-align:left;vertical-align:top}
.booklet .kx-table thead th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:#f2f0f7}
.booklet .kx-table td:empty{height:30px}
.booklet .kx-table th,
.booklet .kx-table td{text-align:initial;hyphens:manual}

/* LO QUE HAY QUE HACER, ARRIBA Y SIN CAJA. Es la primera frase que se lee, no
   un aviso: una caja más la pondría al mismo nivel que seguridad. */
.booklet .bk-instrucciones{margin:10px 0 14px;border-left:3px solid #1d1a2b;padding-left:12px}
.booklet .bk-instrucciones p{margin:0}

/* UN PROCEDIMIENTO SE LEE CON LAS MANOS OCUPADAS: un paso por línea, con aire
   entre uno y otro para poder seguir por dónde se iba. */
.booklet .bk-pasos{margin:8px 0 0;padding-left:22px}
.booklet .bk-pasos li{margin:0 0 7px;text-align:initial;hyphens:manual}

/* ── LA LECCIÓN DE IDIOMAS (kairos-language-lesson-v1) ─────────────────────
   Lengua meta arriba y en negrita; la lengua del alumno debajo, en gris y
   cursiva. Bordes antes que fondos: se fotocopia en blanco y negro. */
.booklet{--lang-a:#91436f;--lang-d:#5f2a49;--lang-s:#faeaf3;--lang-w:#f2b134;--lang-t:#2a9d8f}
.booklet .lang-title-support{margin:-2px 0 16px;color:var(--muted);font-size:15px;font-style:italic}
.booklet .lang-sec{margin:0 0 16px;break-inside:auto}
.booklet .lang-sec p,.booklet .lang-sec li,.booklet .lang-sec td{text-align:left;hyphens:manual}
.booklet .lang-keep{break-inside:avoid}
.booklet .lang-h>.lang-audio{flex:none}
.booklet .lang-sec-notice,.booklet .lang-sec-culture{margin:0}
.booklet .lang-n{color:var(--lang-a);margin-right:4px}
.booklet .lang-sec i,.booklet .lang-notice i,.booklet .lang-culture i{font-style:italic;color:var(--muted);font-weight:400}
.booklet .lang-h{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:0 0 6px;border-bottom:2px solid var(--lang-a);color:var(--lang-d);font-size:18px;font-weight:900;break-after:avoid}
.booklet .lang-h>span{flex:1;line-height:1.15}
.booklet .lang-h small{display:block;margin-top:1px;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.02em}
.booklet .lang-h .lang-picto{flex:none}
.booklet .lang-audio{flex:none;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 6px;border:1.5px solid var(--lang-a);border-radius:99px;color:var(--lang-a);font-size:11px;font-weight:800;letter-spacing:.02em}
.booklet .lang-instr{margin:0 0 10px;font-size:13px;white-space:normal}
.booklet .lang-end{color:var(--lang-a);font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}
.booklet .lang-blank{display:inline-block;min-width:92px;border-bottom:1.5px solid #555;margin:0 3px;transform:translateY(2px)}
.booklet .lang-box{display:inline-block;flex:none;width:15px;height:15px;border:1.8px solid var(--ink);border-radius:3px;vertical-align:middle}
/* Puedo… */
.booklet .lang-sec-can-do .lang-h{border-bottom:0;margin-bottom:4px}
.booklet .lang-sec-can-do{padding:12px 16px 8px;border:2px solid var(--lang-a);border-radius:14px;background:linear-gradient(90deg,var(--lang-s),#fff 70%)}
.booklet .lang-cando{list-style:none;margin:0;padding:0}
.booklet .lang-cando li{display:flex;gap:10px;align-items:flex-start;margin:0 0 7px;font-size:13.5px;line-height:1.35}
.booklet .lang-cando li .lang-box{margin-top:2px}
.booklet .lang-cando i{display:block;font-size:12px}
/* Vocabulario con dibujo */
.booklet .lang-vocab{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:10px;margin:0 0 10px;break-inside:avoid}
.booklet .lang-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:10px 6px 9px;border:1.5px solid #d9d3e3;border-radius:12px;background:#fff}
.booklet .lang-card b{font-size:14.5px;line-height:1.2;color:var(--ink)}
.booklet .lang-card .lang-answer{font-size:12.5px;font-weight:700;color:var(--lang-d)}
.booklet .lang-card i{font-size:11px;line-height:1.25}
.booklet .lang-noicon{display:block;height:52px}
/* Números */
.booklet .lang-numbers{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;break-inside:avoid}
.booklet .lang-numbers div{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border:1.5px solid var(--lang-a);border-radius:10px}
.booklet .lang-numbers b{font-size:22px;line-height:1;color:var(--lang-a)}
.booklet .lang-numbers span{font-size:12px;font-weight:700}
/* Diálogo en viñetas */
.booklet .lang-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px;break-inside:avoid}
.booklet .lang-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:228px;padding:10px 10px 4px;border:2px solid var(--ink);border-radius:12px;background:linear-gradient(#fff 55%,#f3f8fb)}
.booklet .lang-panel-n{position:absolute;left:-2px;top:-2px;display:grid;place-items:center;width:24px;height:24px;border-radius:10px 0 10px 0;background:var(--ink);color:#fff;font-size:12px;font-weight:800}
.booklet .lang-bubbles{display:flex;flex-direction:column;gap:6px;padding-top:6px}
.booklet .lang-bubble{position:relative;max-width:84%;margin:0;padding:6px 10px;border:1.6px solid var(--ink);border-radius:14px;background:#fff;font-size:13.5px;line-height:1.3;white-space:normal}
.booklet .lang-bubble.l{align-self:flex-start;border-bottom-left-radius:3px}
.booklet .lang-bubble.r{align-self:flex-end;border-bottom-right-radius:3px;background:var(--lang-s)}
.booklet .lang-cast{display:flex;justify-content:space-between;align-items:flex-end;margin-top:6px}
.booklet .lang-cast figure{margin:0;display:flex;flex-direction:column;align-items:center}
.booklet .lang-cast figcaption{margin-top:-2px;padding:1px 8px;border-radius:99px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:800}
.booklet .lang-gloss{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:7px 12px;border:1.5px dashed var(--lang-a);border-radius:10px;font-size:12px;white-space:normal}
.booklet .lang-gloss>b{color:var(--lang-a);text-transform:uppercase;letter-spacing:.06em;font-size:11px}
/* Verdadero o falso */
.booklet .lang-tf{margin:0;padding-left:22px}
.booklet .lang-tf li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}
.booklet .lang-vf{display:flex;gap:8px}.booklet .lang-vf b{display:grid;place-items:center;width:26px;height:26px;border:1.8px solid var(--ink);border-radius:50%;font-size:12px}
/* Así se dice */
.booklet .lang-frames{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);border:2px solid var(--ink);border-radius:12px;overflow:hidden;break-inside:avoid}
.booklet .lang-frames-h{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--lang-d);color:#fff}
.booklet .lang-frames-h b{font-size:14px}.booklet .lang-frames-h i{color:#f3dbe8!important;font-size:11px}
.booklet .lang-pron{align-self:flex-start;padding:1px 8px;border-radius:99px;background:var(--lang-w);color:var(--ink);font-size:11px;font-weight:900}
.booklet .lang-frames-c{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid #d9d3e3;border-left:1px solid #d9d3e3;font-size:15px;font-weight:600}
.booklet .lang-frames-c.lang-q{border-left:0;background:#faf9fc}
.booklet .lang-notice{margin:0 0 20px;padding:10px 14px;border-left:5px solid var(--lang-w);border-radius:0 10px 10px 0;background:#fff8e8;break-inside:avoid}
.booklet .lang-notice-tag{display:block;margin-bottom:4px;color:#8a5a00;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.booklet .lang-notice p{margin:2px 0;font-size:14px;white-space:normal}
/* Pronunciación */
.booklet .lang-sounds{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;break-inside:avoid}
.booklet .lang-sound{display:flex;gap:10px;padding:10px;border:1.5px solid #d9d3e3;border-radius:12px}
.booklet .lang-letter{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--lang-a);color:#fff;font-size:22px;font-weight:900}
.booklet .lang-sound p{margin:0 0 4px;font-size:12.5px;line-height:1.35;white-space:normal}
.booklet .lang-ex span{display:inline-block;margin:2px 4px 0 0;padding:1px 7px;border-radius:99px;background:var(--lang-s);font-size:12.5px;font-weight:700}
/* Cultura */
.booklet .lang-culture{display:flex;gap:14px;margin:0 0 20px;padding:12px 16px;border:2px solid var(--lang-t);border-radius:14px;background:linear-gradient(90deg,#e8f5f2,#fff 60%);break-inside:avoid}
.booklet .lang-culture .lang-h{border-bottom-color:var(--lang-t)}
.booklet .lang-culture p{margin:0 0 6px;font-size:13.5px;line-height:1.45;white-space:normal}
.booklet .lang-culture .lang-support{color:var(--muted);font-style:italic;font-size:12px}
.booklet .lang-compare{padding-top:6px;border-top:1px dashed #9ccfc6}
/* Práctica: une */
.booklet .lang-match{display:flex;flex-direction:column;gap:6px;break-inside:avoid}
.booklet .lang-match-row{display:grid;grid-template-columns:22px 44px 1fr 10px 90px 10px 1.4fr;align-items:center;gap:8px}
.booklet .lang-match-n{font-weight:900;color:var(--lang-a)}
.booklet .lang-match-line{border-bottom:1.5px dotted #bbb;height:1px}
.booklet .lang-dot{width:10px;height:10px;border-radius:50%;background:var(--ink)}
.booklet .lang-match-r{padding:7px 10px;border:1.5px solid #d9d3e3;border-radius:10px;font-size:14px}
/* Completa el diálogo */
.booklet .lang-bank{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;padding:8px 12px;border:1.5px solid var(--ink);border-radius:10px;white-space:normal}
.booklet .lang-bank b{margin-right:6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--lang-a)}
.booklet .lang-bank span{padding:2px 10px;border-radius:99px;background:var(--lang-s);font-weight:800;font-size:13.5px}
.booklet .lang-cloze-line{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:15px}
.booklet .lang-cloze-line>b{flex:none;width:58px;font-size:13px;color:var(--lang-d)}
/* Vacío de información */
.booklet .lang-gap{display:grid;grid-template-columns:1fr 1fr;gap:14px;break-inside:avoid}
.booklet .lang-gap-card{padding:10px 12px;border:2px dashed var(--ink);border-radius:12px}
.booklet .lang-gap-tag{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:14px;white-space:normal}
.booklet .lang-gap-tag b{padding:2px 10px;border-radius:99px;background:var(--lang-a);color:#fff;font-size:12px}
.booklet .lang-gap-sub{margin:6px 0 4px;color:var(--muted);font-size:11.5px;font-weight:700;white-space:normal}
.booklet .lang-roles{display:flex;flex-direction:column;gap:6px}
.booklet .lang-role{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:var(--lang-s)}
.booklet .lang-role p{margin:0;font-size:13px;line-height:1.35;white-space:normal}
.booklet .lang-grid{width:100%;border-collapse:collapse;font-size:12px}
.booklet .lang-grid th{padding:5px 6px;border:1.5px solid var(--ink);background:#f6f5fa;text-align:left;font-size:11.5px;line-height:1.25}
.booklet .lang-grid th small{display:block;color:var(--lang-a);font-weight:700}
.booklet .lang-grid td{height:30px;border:1.5px solid var(--ink)}
.booklet .lang-say{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 10px;font-size:13px;white-space:normal}
.booklet .lang-say b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--lang-a)}
.booklet .lang-say span{padding:2px 9px;border:1.5px solid var(--lang-a);border-radius:99px;font-weight:700}
/* Encuesta */
.booklet .lang-survey td{height:29px;padding:0 8px}
.booklet .lang-survey .n{width:28px;text-align:center;font-weight:800;color:var(--muted)}
.booklet .lang-survey tr.ex td{color:#8a8398;font-style:italic;font-size:13px}
.booklet .lang-note{margin:6px 0 0;font-size:12px;white-space:normal}
/* Escritura guiada */
.booklet .lang-model{display:flex;gap:12px;align-items:center;margin:0 0 10px;padding:8px 12px;border-radius:12px;background:var(--lang-s)}
.booklet .lang-model-tag{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--lang-a)}
.booklet .lang-model p{margin:2px 0 0;font-size:14px;white-space:normal}
.booklet .lang-write p{margin:0;padding:10px 0 3px;border-bottom:1px solid #c9cdd4;font-size:15px;white-space:normal}
/* Autoevaluación */
.booklet .lang-check{width:100%;border-collapse:collapse;break-inside:avoid}
.booklet .lang-check th{padding:0 6px 2px;font-size:11px;color:var(--muted);text-align:center}
.booklet .lang-check th span{display:block}
.booklet .lang-check td{padding:3px 6px;border-top:1px solid var(--line);font-size:13px;text-align:center}
.booklet .lang-check td:first-child{text-align:left}
.booklet .lang-check td i{display:block;font-size:11.5px}
/* Lotería / bingo */
.booklet .lang-bingo{width:72%;margin:0 auto;border-collapse:collapse;table-layout:fixed;break-inside:avoid}
.booklet .lang-bingo th{padding:6px;border:2px solid var(--ink);background:var(--lang-a);color:#fff;font-size:14px;letter-spacing:.14em}
.booklet .lang-bingo td{height:64px;border:2px solid var(--ink);text-align:center;vertical-align:middle}
.booklet .lang-bingo .lang-bingo-free{background:var(--lang-s);color:var(--lang-d);font-size:12px;font-weight:900}
.booklet .lang-bubble.m{align-self:center;background:#e8f5f2}
.booklet .lang-frames .lang-blank{min-width:56px}
.booklet .lang-sec svg{flex:none}

/* ── CIENCIAS (kairos-sci-lesson-v1) ──────────────────────────────────────
   Las piezas comunes y las cabeceras son las de idiomas (`.lang-*`); aquí
   sólo se cambia el tono (las variables) y se añaden las piezas del
   laboratorio. Bordes antes que fondos: se fotocopia en blanco y negro. */
.booklet .sci-tone{--lang-a:#167557;--lang-d:#0f4f3b;--lang-s:#e3f4ea;--sci-w:#f08a4b}
.booklet .sci-mins{flex:none;padding:2px 9px;border:1.5px solid var(--lang-a);border-radius:99px;color:var(--lang-a);font-size:11px;font-weight:800}
.booklet .sci-lines{height:calc(var(--n,2) * 30px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#8f96a3 29px,#8f96a3 30px)}
.booklet .sci-picto{flex:none}
/* Lectura de 4.º: bandera a la izquierda y sin cortar palabras. */
.booklet .sci-sec p{text-align:left;hyphens:manual}
/* Estándar: tres dimensiones */
.booklet .sci-sec--ngss{margin-bottom:10px}
.booklet .sci-tone.lang-can-do{padding:10px 16px 4px}.booklet .sci-tone .lang-cando li{margin-bottom:5px}
.booklet .sci-ngss-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;break-inside:avoid}
.booklet .sci-ngss-card{display:flex;gap:8px;align-items:flex-start;padding:6px 10px;border:1.5px solid var(--lang-a);border-radius:12px}
.booklet .sci-ngss-card small{display:block;color:var(--lang-a);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.booklet .sci-ngss-card p{margin:1px 0 0;font-size:12.5px;font-weight:700;line-height:1.3;white-space:normal}
.booklet .sci-ngss-codes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;font-size:11px;white-space:normal}
.booklet .sci-ngss-codes b{color:var(--muted);letter-spacing:.06em}
.booklet .sci-ngss-codes span{padding:1px 8px;border-radius:99px;background:var(--lang-d);color:#fff;font-weight:800;font-family:ui-monospace,Menlo,monospace}
/* Fenómeno */
.booklet .sci-scenes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 8px;break-inside:avoid}
.booklet .sci-scene{position:relative;margin:0;padding:8px 8px 6px;border:2px solid var(--ink);border-radius:12px;background:linear-gradient(#fff 60%,#f7f3e8)}
.booklet .sci-scene-svg{display:block;width:100%;height:auto}
.booklet .sci-scene figcaption{margin-top:4px;font-size:13px;font-weight:700;text-align:center}
.booklet .sci-scene-note{margin:0 0 8px;padding:6px 12px;border:1.5px dashed var(--lang-a);border-radius:10px;font-size:13px;text-align:center;white-space:normal}
.booklet .sci-wonder{display:grid;grid-template-columns:1fr 1fr;gap:12px;break-inside:avoid}
.booklet .sci-wonder-box{padding:6px 12px 2px;border:1.5px solid #d9d3e3;border-radius:12px}
.booklet .sci-wonder .sci-lines{height:calc(var(--n,2) * 26px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,#8f96a3 25px,#8f96a3 26px)}
.booklet .sci-wonder-box>b{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--lang-d)}
/* Vocabulario: la tarjeta de idiomas con una definición corta */
.booklet .sci-vocab .lang-card b{font-size:15px}
.booklet .sci-def{font-size:12px;line-height:1.3;color:var(--ink)}
/* Lectura */
.booklet .sci-p{margin:0 0 10px;font-size:14.5px;line-height:1.55;white-space:normal}
.booklet .sci-key{display:flex;gap:12px;align-items:center;margin:4px 0 0;padding:10px 14px;border:2px solid var(--lang-a);border-radius:14px;background:linear-gradient(90deg,var(--lang-s),#fff 70%);break-inside:avoid}
.booklet .sci-key b{color:var(--lang-a);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.booklet .sci-key p{margin:2px 0 0;font-size:15.5px;font-weight:800;line-height:1.35;white-space:normal}
/* Pregunta investigable y variables */
.booklet .sci-q-box{display:flex;gap:12px;align-items:center;margin:0 0 10px;padding:10px 14px;border:2px solid var(--ink);border-radius:14px}
.booklet .sci-q-box p{margin:0;font-size:16px;font-weight:800;line-height:1.3;white-space:normal}
.booklet .sci-vars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;break-inside:avoid}
.booklet .sci-var{padding:8px 10px;border:1.5px solid var(--lang-a);border-radius:12px}
.booklet .sci-var-tag{display:flex;align-items:center;gap:6px;margin:0;font-size:13.5px;color:var(--lang-d)}
.booklet .sci-var small{display:block;color:var(--muted);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.booklet .sci-var>p:last-child{margin:4px 0 0;font-size:13px;line-height:1.35;white-space:normal}
/* Predicción */
.booklet .sci-predict-box{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border:1.5px solid #d9d3e3;border-radius:14px;break-inside:avoid}
.booklet .sci-predict-box>div{flex:1}
.booklet .sci-predict-stem{margin:0 0 6px;font-size:14.5px;font-weight:700;white-space:normal}
.booklet .sci-choices{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 6px;font-size:14px}
.booklet .sci-choices span{display:inline-flex;align-items:center;gap:6px}
.booklet .sci-ring{display:inline-block;width:16px;height:16px;border:1.8px solid var(--ink);border-radius:50%}
.booklet .sci-because{margin:4px 0 0;font-size:14px;white-space:normal}
/* Materiales */
.booklet .sci-mats{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:8px;margin:0 0 8px;break-inside:avoid}
.booklet .sci-mat{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1.5px solid #d9d3e3;border-radius:12px}
.booklet .sci-mat p{margin:0;font-size:12.5px;line-height:1.25;white-space:normal}
.booklet .sci-mat p b{color:var(--lang-a)}
/* Seguridad: un solo bloque con borde de aviso */
.booklet .sci-sec--safety{padding:10px 14px;border:2.5px dashed var(--ink);border-radius:14px;background:#fffaf0;break-inside:avoid}
.booklet .sci-safety-tag{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.booklet .sci-safety-tag b{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.booklet .sci-safety-tag small{color:var(--muted);font-size:11.5px;font-weight:700}
.booklet .sci-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none}
.booklet .sci-rules li{display:flex;gap:8px;align-items:center}
.booklet .sci-rules p{margin:0;font-size:12.5px;line-height:1.3;white-space:normal}
/* Procedimiento */
.booklet .sci-step{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}
.booklet .sci-step p{flex:1;margin:0;font-size:14px;line-height:1.4;white-space:normal}
.booklet .sci-step-n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lang-a);color:#fff;font-size:14px;font-weight:900}
/* Montaje para rotular */
.booklet .sci-setup{margin:0 0 6px;padding:6px;border:2px solid var(--ink);border-radius:12px;break-inside:avoid}
.booklet .sci-setup-svg{display:block;width:100%;height:auto}
.booklet .sci-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px;margin:4px 0 8px}
.booklet .sci-slot{display:flex;align-items:flex-end;gap:6px;font-size:14px}
.booklet .sci-slot b{display:grid;place-items:center;flex:none;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;color:var(--lang-a);font-size:12px}
.booklet .sci-slot i{flex:1;height:22px;border-bottom:1.5px solid #555}
.booklet .sci-bank span{background:var(--lang-s)}
.booklet .sci-task{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:14px;font-weight:700;white-space:normal}
/* Tabla de datos */
.booklet .sci-table th{font-size:12px}
.booklet .sci-table td{height:38px;font-size:14px;text-align:center}
.booklet .sci-table th small{display:block;color:var(--muted);font-weight:600}
.booklet .sci-table .sci-row-h{width:24%;text-align:left;font-weight:800;padding:4px 8px;background:#f6f5fa}
.booklet .sci-table th:last-child,.booklet .sci-table td:last-child{background:var(--lang-s)}
.booklet .sci-unit{color:var(--muted);font-weight:600}
.booklet .sci-stack{display:inline-flex;flex-direction:column-reverse;gap:1px;margin-right:6px;vertical-align:middle}
.booklet .sci-stack i{display:block;width:18px;height:5px;border:1.2px solid var(--ink);border-radius:1px;background:#f2b134}
/* Gráfica para llenar */
.booklet .sci-graph-fig{margin:0;padding:6px 10px;border:1.5px solid #d9d3e3;border-radius:12px;break-inside:avoid}
.booklet .sci-graph-svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto}
/* Afirmación, evidencia, razonamiento */
.booklet .sci-cer-part{margin:0 0 8px;padding:8px 12px 4px;border:1.5px solid #d9d3e3;border-left:5px solid var(--lang-a);border-radius:0 12px 12px 0;break-inside:avoid}
.booklet .sci-cer-tag{display:flex;align-items:center;gap:8px;margin:0;white-space:normal}
.booklet .sci-cer-tag b{font-size:15px;font-weight:900;color:var(--lang-d)}
.booklet .sci-cer-tag span{color:var(--muted);font-size:12.5px}
.booklet .sci-starter{margin:4px 0 0;font-size:14px;white-space:normal}
/* Modelo para dibujar */
.booklet .sci-frames{display:grid;grid-template-columns:1fr 1fr;gap:12px;break-inside:avoid}
.booklet .sci-frame{border:2px solid var(--ink);border-radius:12px;overflow:hidden}
.booklet .sci-frame-h{margin:0;padding:5px 10px;background:var(--lang-d);color:#fff;font-size:12.5px;font-weight:800;white-space:normal}
.booklet .sci-draw{position:relative;height:170px}
.booklet .sci-floor{position:absolute;left:10px;right:10px;bottom:22px;border-bottom:2px solid #9a93ab}
.booklet .sci-model-key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:8px 0 0;font-size:12.5px;white-space:normal}
.booklet .sci-model-key b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--lang-a)}
.booklet .sci-model-key span{display:inline-flex;align-items:center;gap:5px}

/* ── MÚSICA (kairos-music-lesson-v1) ──────────────────────────────────────
   La misma identidad que idiomas: rótulo en el idioma del curso y apoyo en
   gris debajo; bordes antes que fondos, porque se fotocopia en blanco y
   negro. La notación es SVG a tinta. Las piezas comunes de idiomas que usa
   una lección de música (can_do, notice, self_check) toman aquí el acento
   de artes (familia `subject-arts`, la de Música): se fija en la clase del
   artículo, que viaja a cada hoja al paginar — un `:has(.mus-sec)` fallaba
   en la hoja que sólo trae piezas comunes. */
.booklet{--mus-a:#6849bd;--mus-d:#45307f;--mus-s:#eee9fb;--mus-w:#f2b134}
.booklet.subject-arts{--lang-a:#6849bd;--lang-d:#45307f;--lang-s:#eee9fb}
.booklet .mus-sec{margin:0 0 20px;break-inside:auto}
.booklet .mus-sec i{font-style:italic;color:var(--muted);font-weight:400}
.booklet .mus-sec svg{max-width:100%;height:auto}
.booklet .mus-h{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:0 0 6px;border-bottom:2px solid var(--mus-a);color:var(--mus-d);font-size:18px;font-weight:900}
.booklet .mus-h>.mus-h-t{flex:1;line-height:1.15}
.booklet .mus-h small{display:block;margin-top:1px;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.02em}
.booklet .mus-h .mus-picto{flex:none}
.booklet .mus-audio{flex:none;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 6px;border:1.5px solid var(--mus-a);border-radius:99px;color:var(--mus-a);font-size:11px;font-weight:800;letter-spacing:.02em}
.booklet .mus-instr{margin:0 0 10px;font-size:13px;white-space:normal}
.booklet .mus-body{margin:0 0 6px;font-size:14px;line-height:1.45;white-space:normal}
.booklet .mus-body i,.booklet .mus-instr i{font-size:12px}
.booklet .mus-lead{break-inside:avoid}
/* Pulso y ritmo alineados */
.booklet .mus-chart-line{margin:0 0 6px;padding:8px 10px 4px;border:1.5px solid #d9d3e3;border-radius:12px;background:#fff}
.booklet .mus-lead .mus-chart-line{margin-top:10px}
.booklet .mus-take{display:flex;gap:8px;align-items:flex-start;margin:8px 0 4px;padding:8px 12px;border:1.5px dashed var(--mus-a);border-radius:10px;font-size:13.5px;line-height:1.4;white-space:normal}
.booklet .mus-take .mus-picto{flex:none;margin-top:1px}
.booklet .mus-source{margin:2px 0 0;color:var(--muted);font-size:10.5px;text-align:right}
/* Tarjetas de símbolos */
.booklet .mus-cards{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:10px;margin:0 0 10px;break-inside:avoid}
.booklet .mus-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:10px 6px 9px;border:1.5px solid #d9d3e3;border-radius:12px;background:#fff}
.booklet .mus-card-sym{display:grid;place-items:center;height:60px}
.booklet .mus-card-name{font-size:14px;line-height:1.2;color:var(--ink)}
.booklet .mus-card>i{font-size:11px}
.booklet .mus-say{margin-top:3px;padding:2px 12px;border-radius:99px;background:var(--mus-a);color:#fff;font-size:14px;font-weight:900;letter-spacing:.02em}
.booklet .mus-beats{display:flex;align-items:center;gap:2px;margin-top:2px}
.booklet .mus-beats small{margin-left:4px;color:var(--mus-d);font-size:11.5px;font-weight:800}
.booklet .mus-card-note{color:var(--muted);font-size:11px;line-height:1.25}
/* Lee y palmea */
.booklet .mus-steps{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0 0 10px;padding:0;counter-reset:mus}
.booklet .mus-steps li{display:flex;align-items:center;gap:7px;font-size:13px;counter-increment:mus}
.booklet .mus-steps li::before{content:counter(mus);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;font-weight:800}
.booklet .mus-steps li span{display:flex;flex-direction:column;line-height:1.2}
.booklet .mus-steps li i{font-size:11px}
.booklet .mus-compose .mus-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;margin:0}
.booklet .mus-compose .mus-steps li{align-items:flex-start;font-size:12.5px}
.booklet .mus-steps li span,.booklet .mus-steps li b,.booklet .mus-steps li i{text-align:left;hyphens:manual}
.booklet .mus-lines{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:10px;margin:0 0 10px;break-inside:avoid}
.booklet .mus-line{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 8px 6px 26px;border:1.5px solid #d9d3e3;border-radius:12px}
.booklet .mus-line-n{position:absolute;left:-1.5px;top:-1.5px;display:grid;place-items:center;width:24px;height:24px;border-radius:10px 0 10px 0;background:var(--ink);color:#fff;font-size:12px;font-weight:800}
.booklet .mus-line-words{color:var(--muted);font-size:11.5px}
/* Mapa de escucha */
.booklet .mus-piece{display:flex;gap:12px;align-items:center;margin:0 0 10px;padding:8px 12px;border-radius:12px;background:var(--mus-s)}
.booklet .mus-piece .mus-picto{flex:none}
.booklet .mus-piece-t{display:block;font-size:15px;color:var(--mus-d)}
.booklet .mus-piece-c{display:block;font-size:12px;font-weight:700;color:var(--muted)}
.booklet .mus-piece p{margin:3px 0 0;font-size:13px;line-height:1.4;white-space:normal}
.booklet .mus-map{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:14px;break-inside:avoid}
.booklet .mus-map-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 8px;border:2px solid var(--ink);border-radius:12px;text-align:center}
.booklet .mus-map-box p{text-align:center;hyphens:manual}
.booklet .mus-map-top{display:flex;align-items:center;justify-content:center;gap:4px;min-height:24px}
.booklet .mus-map-tag{padding:1px 12px;border-radius:99px;background:var(--mus-a);color:#fff;font-size:14px;font-weight:900}
.booklet .mus-map-do{margin:0;font-size:12.5px;line-height:1.3;white-space:normal}
.booklet .mus-map-do i{display:block;margin-top:2px;font-size:10.5px}
.booklet .mus-map-for{margin:auto 0 0;padding-top:5px;border-top:1px dashed #c9c3d6;width:100%;font-size:11.5px;line-height:1.3;white-space:normal}
.booklet .mus-map-for span{display:block;color:var(--mus-a);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.booklet .mus-map-tick{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:11px;font-weight:700}
.booklet .mus-map-arrow{position:absolute;right:-13px;top:44%;color:var(--mus-a);font-size:12px}
/* Compón */
.booklet .mus-bank{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;padding:8px 12px;border:1.5px solid var(--ink);border-radius:10px}
.booklet .mus-bank>b{margin-right:4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mus-a)}
.booklet .mus-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 4px;border-radius:10px;background:var(--mus-s)}
.booklet .mus-chip>span{display:flex;flex-direction:column;line-height:1.1}
.booklet .mus-chip b{font-size:13.5px}.booklet .mus-chip small{font-size:10px;color:var(--muted);font-weight:700}
.booklet .mus-rules{margin:0 0 10px;padding-left:20px;font-size:13px;line-height:1.45}
.booklet .mus-rules i{font-size:11.5px}
.booklet .mus-model{display:flex;gap:12px;align-items:center;margin:0 0 8px;padding:4px 12px;border-radius:12px;background:var(--mus-s);break-inside:avoid}
.booklet .mus-model-tag{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mus-a)}
.booklet .mus-compose-grid{display:flex;align-items:stretch;margin:0 0 8px;padding:8px 12px 6px;border:2px solid var(--ink);border-radius:12px;break-inside:avoid}
.booklet .mus-compose-sig{display:flex;flex-direction:column;justify-content:center;margin-right:8px;font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:.95;text-align:center}
.booklet .mus-measure{flex:1;display:grid;grid-template-columns:repeat(var(--beats,4),1fr);gap:6px}
.booklet .mus-slot{display:flex;flex-direction:column;align-items:center;gap:4px}
.booklet .mus-slot-box{width:100%;height:48px;border:1.5px dashed #8d879c;border-radius:8px}
.booklet .mus-slot-say{width:80%;height:16px;border-bottom:1.5px solid #8d879c}
.booklet .mus-bar{flex:none;width:2px;margin:22px 8px 20px;background:var(--ink)}
.booklet .mus-bar.final{width:6px;margin-right:0;border-left:2px solid var(--ink);background:linear-gradient(90deg,#fff 0 2px,var(--ink) 2px)}
/* Rúbrica de interpretación */
.booklet .mus-rubric{width:100%;border-collapse:collapse;break-inside:avoid}
.booklet .mus-rubric th{padding:4px 8px;border:1.5px solid var(--ink);background:#f6f5fa;font-size:12px;text-align:left;line-height:1.2}
.booklet .mus-rubric th i{display:block;font-size:10.5px}
.booklet .mus-stars{display:block;color:var(--mus-w);font-size:14px;letter-spacing:1px;-webkit-text-stroke:.6px var(--ink)}
.booklet .mus-rubric td{padding:5px 8px;border:1.5px solid var(--ink);font-size:11.5px;line-height:1.28;vertical-align:top;white-space:normal}
.booklet .mus-rubric td .lang-box{width:13px;height:13px;margin:0 6px 0 0;vertical-align:-2px}
.booklet .mus-rubric .mus-crit{display:flex;align-items:center;gap:8px;min-width:118px}
.booklet .mus-rubric td:first-child{vertical-align:middle}
.booklet .mus-rubric .mus-crit span{display:flex;flex-direction:column;font-size:13px;line-height:1.2}
.booklet .mus-rubric .mus-crit i{font-size:10.5px}
.booklet .mus-rubric-foot{margin:8px 0 0;font-size:13px;font-weight:700}
.booklet .mus-rubric th.mus-rubric-by{vertical-align:bottom;font-size:11px;font-weight:700;color:var(--muted)}
.booklet .mus-rubric-by span{display:block;margin-top:14px;border-bottom:1.5px solid #8d879c}
.booklet .mus-q-fig{margin:6px 0 10px}
.booklet .mus-q-fig svg{max-width:100%;height:auto}
.booklet .mus-sec .mus-card p,.booklet .mus-line small{text-align:center}

/* ── TEATRO (kairos-theatre-lesson-v1) ───────────────────────────────── */
/* Las piezas de Teatro llevan su paleta: el curso US_G04_THE sale como familia «general» (subjectKey('THE')) y sin esto
   perdía bordes y fondos declarados con var(--the-*). */
.booklet.subject-arts,.booklet .the-sec{--the-a:#7b3f98;--the-d:#512865;--the-s:#f2e9f7;--the-w:#e39b38}
.booklet .the-sec{margin:0 0 20px;break-inside:auto}.booklet .the-h{display:flex;align-items:flex-end;margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--the-a);color:var(--the-d);font-size:18px}.booklet .the-h>span{flex:1}.booklet .the-h small{display:block;color:var(--muted);font-size:11px}.booklet .the-h>b{font-size:11px;color:var(--muted)}
.booklet .the-instr{margin:4px 0 8px;font-size:13.5px;white-space:normal}.booklet .the-standards{padding:9px 12px;border-left:5px solid var(--the-a);background:var(--the-s);font-size:12px;break-inside:avoid}.booklet .the-standards p{display:inline;margin-left:10px}.booklet .the-standards span{margin-right:9px;font-weight:900}.booklet .the-standards ul{display:flex;gap:18px;margin:6px 0 0;padding-left:18px}.booklet .the-standards li{flex:1}
.booklet .the-standards>small{display:block;margin-top:5px;color:var(--muted);font-size:8.5px;overflow-wrap:anywhere}
.booklet .the-rules{display:grid;grid-template-columns:1fr 1fr;gap:9px}.booklet .the-rules>div{padding:8px 10px;border:1.5px solid #cbbbd3;border-radius:9px}.booklet .the-rules p{margin:2px 0;font-size:12px;line-height:1.35;white-space:normal}.booklet .the-stop,.booklet .the-note,.booklet .the-alt{margin:9px 0;padding:8px 11px;border-left:5px solid var(--the-w);background:#fff7e8;font-size:12.5px;white-space:normal}
.booklet .the-cues{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}.booklet .the-cues li{display:flex;gap:9px;padding:8px 10px;border:1.5px solid #cbbbd3;border-radius:9px}.booklet .the-cues b{flex:none;color:var(--the-a)}.booklet .the-cues p{margin:0;font-size:12.5px;white-space:normal}
.booklet .the-given{padding:9px 12px;border:1.5px solid var(--the-d);background:var(--the-s);white-space:normal}.booklet .the-given b{display:block;color:var(--the-d)}.booklet .the-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.booklet .the-roles>div{padding:7px 9px;border:1px solid #cbbbd3;border-radius:8px}.booklet .the-roles>div>b{color:var(--the-a)}.booklet .the-roles p{margin:2px 0;font-size:11.5px;white-space:normal}
.booklet .the-beat{margin:7px 0;padding:7px 11px;border-left:4px solid var(--the-a);break-inside:avoid}.booklet .the-beat>p{margin:2px 0;font:14px/1.4 Georgia,serif;white-space:normal}.booklet .the-source{font-size:9.5px;color:var(--muted);white-space:normal}
.booklet .the-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.booklet .the-fields>div{padding:8px 10px;border:1.5px solid #cbbbd3;border-radius:9px}.booklet .the-fields small{display:block;color:var(--muted)}.booklet .the-lines{height:calc(var(--n,2) * 26px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,#afa7b4 26px)}.booklet .the-example{font-size:12px;padding:7px 10px;background:var(--the-s);white-space:normal}
.booklet .the-stage{margin:5px 0}.booklet .the-stage-svg{display:block;width:100%;height:auto}.booklet .the-legend{display:flex;flex-wrap:wrap;gap:8px 18px}.booklet .the-legend span{font-size:12px}.booklet .the-legend b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-right:5px;border:1px solid var(--the-d);border-radius:50%;color:var(--the-a)}.booklet .the-prompt{font-weight:750;white-space:normal}
.booklet .the-stage-piece,.booklet .the-rehearsal-piece,.booklet .the-keep{break-inside:avoid;page-break-inside:avoid}
.booklet .the-tableaux{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.booklet .the-tableaux>div{padding:8px;border:1.5px solid #cbbbd3;border-radius:9px}.booklet .the-tableaux p{height:34px;margin:2px 0;font-size:11.5px;line-height:1.25;white-space:normal}.booklet .the-draw{height:125px;border:1px dashed #999;background:linear-gradient(to bottom,transparent 84%,#ddd 85%)}.booklet .the-tableaux small{display:block;margin-top:4px;color:var(--muted);font-size:9.5px}
.booklet .the-score{width:100%;border-collapse:collapse;break-inside:avoid}.booklet .the-score th,.booklet .the-score td{padding:6px 8px;border:1.2px solid #8f8595;font-size:11.5px;text-align:left;vertical-align:top}.booklet .the-score th{background:var(--the-s);color:var(--the-d)}.booklet .the-score td:last-child{min-width:80px;height:42px}
.booklet .the-feedback-model{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.booklet .the-feedback-model p{margin:0;padding:8px;border-radius:8px;background:var(--the-s);font-size:11.5px;white-space:normal}.booklet .the-feedback-model b{display:block;color:var(--the-a)}.booklet .the-feedback-write{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.booklet .the-feedback-write>div{font-size:11px}.booklet .the-small-rules{font-size:11.5px}.booklet .the-cast{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:12px}.booklet .the-cast>b{color:var(--the-a)}
.booklet .the-reflect{display:grid;grid-template-columns:24px 1fr;gap:0 8px;margin:8px 0}.booklet .the-reflect>b{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--the-a);color:#fff}.booklet .the-reflect p{margin:0;white-space:normal}
@media(max-width:680px){.booklet .the-rules,.booklet .the-fields,.booklet .the-cues{grid-template-columns:1fr}.booklet .the-tableaux,.booklet .the-feedback-model,.booklet .the-feedback-write{grid-template-columns:1fr}.booklet .the-draw{height:90px}}
/* Teatro 08-10: escalas de voz y cuerpo, arco dramático y tarjetas de improvisación. */
.booklet .the-standards li{text-align:left;hyphens:manual}
.booklet .the-dials{table-layout:fixed}.booklet .the-dials th:first-child{width:74px}.booklet .the-dials td{padding:5px 4px;vertical-align:middle}.booklet .the-dial-row{display:flex;align-items:center;gap:3px}.booklet .the-dial-row small{flex:none;width:30px;font-size:8.5px;line-height:1.1;color:var(--muted);text-align:center;overflow-wrap:anywhere}.booklet .the-dial{display:flex;flex:1;min-width:0;justify-content:space-between;background:linear-gradient(transparent 42%,#8f8595 43%,#8f8595 57%,transparent 58%)}.booklet .the-dial i{display:block;flex:none;width:12px;height:12px;border:1.5px solid var(--the-d);border-radius:50%;background:#fff}
.booklet .the-arc-svg{display:block;width:100%;height:auto}.booklet .the-arc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;break-inside:avoid}.booklet .the-arc-grid>div{padding:7px 8px;border:1.5px solid #cbbbd3;border-radius:9px}.booklet .the-arc-grid b{display:block;font-size:12px;color:var(--the-a)}.booklet .the-arc-grid small{display:block;min-height:28px;font-size:10px;line-height:1.25;color:var(--muted);white-space:normal}.booklet .the-arc-ex{margin:3px 0 0;font-size:11px;line-height:1.3;white-space:normal}
.booklet .the-decks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}.booklet .the-deck>b{display:block;margin-bottom:4px;color:var(--the-a);font-size:13px}.booklet .the-card{display:block;margin:0 0 5px;padding:7px 9px;border:1.5px dashed var(--the-d);border-radius:6px;font-size:12px;line-height:1.25;white-space:normal}.booklet .the-cut{margin:4px 0 10px;font-size:10.5px;color:var(--muted)}
.booklet .the-chain td{height:34px}.booklet .the-chain td:first-child{width:24px;text-align:center}.booklet .the-chain-ex td{height:auto;background:var(--the-s);font-size:11px}
@media(max-width:680px){.booklet .the-arc-grid,.booklet .the-decks{grid-template-columns:1fr}}
/* ── g69the (Teatro 6.º y 9.º, 08-10): contexto con planta de escenario, partitura de subtexto y escalas anchas. ── */
.booklet .g69the-context{display:grid;grid-template-columns:42% 1fr;gap:14px;align-items:start}.booklet .g69the-noplan{display:block}
.booklet .g69the-plan{margin:0}.booklet .g69the-plan-svg{display:block;width:100%;height:auto}.booklet .g69the-plan figcaption{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.3;text-align:center;white-space:normal}
.booklet .g69the-era{display:inline-block;margin:0 0 6px;padding:2px 10px;border:1.5px solid var(--the-a);border-radius:99px;color:var(--the-a);font-size:11px;font-weight:800}
.booklet .g69the-facts{margin:0}.booklet .g69the-noplan .g69the-facts{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.booklet .g69the-facts>div{break-inside:avoid}.booklet .g69the-facts dt{color:var(--the-d);font-size:12px;font-weight:800}.booklet .g69the-facts dd{margin:0 0 6px;font-size:12px;line-height:1.35;white-space:normal;text-align:left;hyphens:manual}
.booklet .g69the-verbs{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;margin:4px 0 9px;font-size:11px;white-space:normal}.booklet .g69the-verbs>b{margin-right:3px;color:var(--the-a)}.booklet .g69the-verbs span{padding:2px 8px;border:1.2px dashed var(--the-d);border-radius:99px}
.booklet .g69the-subtext{table-layout:fixed}.booklet .g69the-subtext th:first-child{width:40%}.booklet .g69the-subtext td{height:48px;white-space:normal}.booklet .g69the-subtext td:first-child{font:12.5px/1.35 Georgia,serif}.booklet .g69the-subtext .g69the-ex td{height:auto;background:var(--the-s);font-size:11px}.booklet .g69the-tag{display:block;color:var(--the-a);font:800 9px/1.2 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.booklet .g69the-wide .the-dial-row small{width:44px}
/* Texto corto en tarjetas estrechas: sin justificar ni partir palabras (antes salían «peo-ple» y huecos enormes). */
.booklet .the-cues p,.booklet .the-rules p,.booklet .the-roles p,.booklet .the-feedback-model p,.booklet .the-tableaux p,.booklet .the-fields small,.booklet .the-arc-grid small,.booklet .the-arc-ex,.booklet .the-given{text-align:left;hyphens:manual}
@media(max-width:680px){.booklet .g69the-context,.booklet .g69the-noplan .g69the-facts{grid-template-columns:1fr}}

/* ── MATES (kairos-math-lesson-v1) ─────────────────────────────────────────
   Las piezas comunes (can_do, notice, self_check, cabeceras `lang-h`) toman
   aquí el color de la materia; las propias van con prefijo `m-`. Bordes
   antes que fondos: se fotocopia en blanco y negro. Los modelos se dibujan
   en SVG desde los datos de la sección. */
.booklet.subject-math{--lang-a:#226d67;--lang-d:#164b47;--lang-s:#e3f4f1;--m-fill:#93cfc6}
.booklet .m-sec{margin:0 0 18px}
.booklet .m-sec p,.booklet .m-sec li,.booklet .m-sec td{white-space:normal;text-align:left;hyphens:manual}
/* La fracción apilada se centra en la raya, a la altura del «=». Vale también
   para las de `rich()` en las preguntas de un libro de mates: con -.42em la
   letra de la opción («A.») quedaba por encima de la fracción. */
.booklet.subject-math .math-frac{vertical-align:middle}
.booklet .m-keep{break-inside:avoid}
.booklet .m-h .m-min{flex:none;padding:2px 9px;border:1.5px solid var(--lang-a);border-radius:99px;color:var(--lang-a);font-size:11px;font-weight:800;letter-spacing:.02em}
.booklet .m-svg{display:block;max-width:100%;height:auto;margin:0 auto}
.booklet .m-fig{margin:6px 0 8px;break-inside:avoid}
.booklet .m-fig figcaption{margin-top:4px;text-align:center;color:var(--muted);font-size:11.5px}
.booklet .m-frac{font-size:1em}
.booklet .m-hole{display:inline-block;width:.95em;height:1em;border:1.3px solid currentColor;border-radius:2px;vertical-align:-.1em;font-style:normal}
.booklet .m-box{display:inline-block;width:46px;height:24px;border:1.6px solid var(--ink);border-radius:4px;vertical-align:middle;font-style:normal}
.booklet .m-line{display:block;height:24px;border-bottom:1px solid #b9bec7}
.booklet .m-opts{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0 0;font-size:13px}
.booklet .m-opts>span{display:inline-flex;align-items:center;gap:6px}
/* Calentamiento */
.booklet .m-cards{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:8px;break-inside:avoid}
.booklet .m-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1.5px solid #cfd8d6;border-radius:12px}
.booklet .m-card p{margin:0;font-size:13px;line-height:1.35;flex:1}
.booklet .m-card .m-svg{width:100%}
.booklet .m-tag{align-self:flex-start;padding:1px 8px;border-radius:99px;background:var(--lang-s);color:var(--lang-d);font-size:10.5px;font-weight:800;letter-spacing:.03em}
.booklet .m-ans{align-self:flex-end;font-size:13px}
/* Arranque */
.booklet .m-story{display:flex;gap:12px;align-items:center;margin:0 0 6px}
.booklet .m-story p{margin:0;font-size:13.5px;line-height:1.45}
.booklet .m-cast{flex:none;display:flex;gap:2px}
.booklet .m-cast figure{margin:0;display:flex;flex-direction:column;align-items:center}
.booklet .m-cast figcaption,.booklet .m-claim figcaption{margin-top:-2px;padding:1px 7px;border-radius:99px;background:var(--ink);color:#fff;font-size:10px;font-weight:800}
.booklet .m-quote{margin:0 0 4px 0;padding:6px 12px;border:1.6px solid var(--ink);border-radius:14px;border-bottom-left-radius:3px;background:#fff;font-size:13.5px}
.booklet .m-steps{display:flex;flex-direction:column;gap:6px;break-inside:avoid}
.booklet .m-step{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start}
.booklet .m-step p{margin:0;font-size:13.5px}
.booklet .m-step-tag{padding:3px 0;border-radius:8px;background:var(--lang-d);color:#fff;font-size:11.5px;text-align:center;letter-spacing:.04em;text-transform:uppercase}
/* Concreto → pictórico → abstracto */
.booklet .m-stage{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;padding:8px 0;border-top:1px dashed #b7cfcb;break-inside:avoid}
.booklet .m-keep .m-stage{border-top:0}
.booklet .m-stage-tag{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border:2px solid var(--lang-a);border-radius:12px;text-align:center;color:var(--muted);font-size:10.5px;font-weight:700}
.booklet .m-stage-tag b{color:var(--lang-d);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}
.booklet .m-stage-body p{margin:0 0 4px;font-size:13.5px;line-height:1.4}
.booklet .m-concrete{display:flex;gap:12px;align-items:center}
.booklet .m-concrete .m-picto{flex:none;width:58px;height:58px}
.booklet .m-concrete ol{margin:0;padding-left:18px;font-size:13.5px;line-height:1.45}
/* Palabras */
.booklet .m-vocab{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:8px;break-inside:avoid}
.booklet .m-term{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 6px;border:1.5px solid #cfd8d6;border-radius:12px;text-align:center}
.booklet .m-term .m-svg{width:96px}
.booklet .m-term b{font-size:14px}
.booklet .m-term span{font-size:11.5px;line-height:1.3;color:var(--muted)}
/* Recta */
.booklet .m-asks{break-inside:avoid}
.booklet .m-ask{margin:4px 0;padding:6px 0 10px;border-bottom:1px solid #b9bec7;font-size:13.5px}
/* La regla */
.booklet .m-rule{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px;padding:12px 16px;border:2px solid var(--lang-a);border-radius:14px;background:linear-gradient(90deg,var(--lang-s),#fff 65%);break-inside:avoid}
.booklet .m-rule-tag{display:block;color:var(--lang-d);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.booklet .m-rule-eq{display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;margin:6px 0;font-size:18px;line-height:1.6}
.booklet .m-rule-eq>span:not(.math-frac){display:inline-flex;align-items:center;gap:4px}
.booklet .m-rule-why{margin:4px 0 0;font-size:13px;line-height:1.45}
.booklet .m-rule-why b{color:var(--lang-d)}
/* Ejemplo resuelto */
.booklet .m-problem{margin:0 0 4px;font-size:15px;font-weight:700}
.booklet .m-steps-t{width:100%;border-collapse:collapse;break-inside:avoid;font-size:13px}
.booklet .m-steps-t th{padding:5px 8px;background:var(--lang-d);color:#fff;text-align:left;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}
.booklet .m-steps-t td{padding:6px 8px;border-bottom:1.5px solid #cfd8d6;vertical-align:top;line-height:1.45}
.booklet .m-steps-t .n{width:34px;text-align:center;font-weight:900;color:var(--lang-a);font-size:15px}
.booklet .m-steps-t th.n{color:#fff;font-size:11.5px}
.booklet .m-steps-t td.why{width:44%;border-left:3px solid var(--lang-a);background:#f6fbfa;font-style:italic;color:#3c4a48}
/* Yo hago · hacemos · tú haces */
.booklet .m-rels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;break-inside:avoid}
.booklet .m-rel{display:flex;flex-direction:column;padding:8px 10px 10px;border:2px solid var(--ink);border-radius:12px}
.booklet .m-rel-together{border-color:var(--lang-a)}
.booklet .m-rel-you{border-style:dashed}
.booklet .m-rel-tag{align-self:flex-start;margin:0 0 4px;padding:2px 10px;border-radius:99px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.booklet .m-rel-together .m-rel-tag{background:var(--lang-a)}
.booklet .m-rel-you .m-rel-tag{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.booklet .m-rel-prob{margin:0 0 4px;font-size:16px;font-weight:700;text-align:center}
.booklet .m-rel-fig{margin:0 0 4px}
.booklet .m-rel ol{margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}
.booklet .m-rel .m-box{width:30px;height:20px;vertical-align:-5px}
.booklet .m-work{position:relative;height:calc(var(--h,3) * 26px);margin-top:6px;border:1.5px dashed #9aa1ab;border-radius:8px}
.booklet .m-work span{position:absolute;top:3px;left:8px;color:#8b93a0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
/* Detective del error */
.booklet .m-case{padding:8px 12px 6px;margin:0 0 8px;border:2px solid var(--ink);border-radius:12px;break-inside:avoid}
.booklet .m-claim{display:flex;gap:10px;align-items:center}
.booklet .m-bubble{flex:1;margin:0;padding:7px 12px;border:1.6px solid var(--ink);border-radius:14px;border-bottom-left-radius:3px;background:#fff8e8;font-size:14px}
.booklet .m-case-q{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;margin:4px 0 0;padding-left:20px;font-size:13.5px}
.booklet .m-case-q li{margin:0 0 4px}
.booklet .m-case-q li.m-wide{grid-column:1/-1}
.booklet .m-case-q li>.m-opts{display:inline-flex;margin-left:12px}
/* Problema con contexto */
.booklet .m-story-p{padding:8px 12px;border-radius:12px;background:var(--lang-s)}
.booklet .m-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px;break-inside:avoid}
.booklet .m-pbox{padding:8px 12px 8px;border:1.5px solid var(--ink);border-radius:12px}
.booklet .m-pbox p{margin:0 0 4px;font-size:13px;line-height:1.4}
.booklet .m-pbox-tag{display:flex;align-items:center;gap:8px;color:var(--lang-d);font-size:12px!important;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.booklet .m-pbox-tag b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lang-a);color:#fff;font-size:12px}
.booklet .m-draw .m-svg{width:100%;max-width:250px}
/* Fluidez */
.booklet .m-flu{width:100%;border-collapse:collapse;break-inside:avoid}
.booklet .m-flu th{padding:4px 6px;border:1.5px solid var(--ink);background:var(--lang-s);color:var(--lang-d);font-size:15px}
.booklet .m-flu td{height:38px;border:1.5px solid var(--ink);text-align:center;font-size:15px}
.booklet .m-flu tr.ex td{color:#5c5670;background:#fafafa}
.booklet .m-tally{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:13.5px}
/* Figuras de enteros, decimales y problemas, y las piezas `math_model` y
   `math_modeling_cycle` (08-10-2026, lecciones de EE. UU. 4.º). */
.booklet .m-text{margin:0 0 6px;font-size:13.5px;line-height:1.45}
.booklet .m-eqs{display:flex;flex-wrap:wrap;gap:4px 30px;margin:4px 0 0;font-size:16px;font-weight:700;line-height:1.5}
.booklet .m-eqs p{margin:0}
.booklet .m-figrow{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:10px;align-items:end;break-inside:avoid}
.booklet .m-grids{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px}
.booklet .m-gridi{margin:0;display:flex;flex-direction:column;align-items:center}
.booklet .m-gridi .m-svg{width:120px}
.booklet .m-gridi figcaption{margin-top:3px;font-size:13px;font-weight:700;color:var(--ink)}
.booklet .m-draw-any .m-svg{max-width:100%}
.booklet .m-draw-any .m-fig{margin:2px 0}
.booklet .m-forms{width:100%;table-layout:fixed;border-collapse:collapse;margin:4px 0 8px;font-size:13px;break-inside:avoid}
.booklet .m-forms th,.booklet .m-forms td{padding:5px 8px;border:1.5px solid #cfd8d6;vertical-align:top;text-align:left;line-height:1.4}
.booklet .m-forms thead th{background:var(--lang-d);color:#fff;font-size:11.5px;letter-spacing:.03em}
.booklet .m-forms thead th:first-child{background:none;border:0}
.booklet .m-forms tbody th{width:20%;color:var(--lang-d);background:var(--lang-s);font-size:12px}
.booklet .m-forms td .m-line{height:22px}
.booklet .m-askb{margin:6px 0;break-inside:avoid}
.booklet .m-askb p{margin:0;font-size:13.5px}
.booklet .m-mq{display:flex;gap:10px;align-items:baseline;margin:0 0 8px;padding:8px 12px;border-radius:12px;background:var(--lang-s);font-size:14px;font-weight:700}
.booklet .m-mq b{flex:none;padding:2px 9px;border-radius:99px;background:var(--lang-d);color:#fff;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.booklet .m-cycle{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none}
.booklet .m-cycle li{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 3px;border:1.5px solid var(--lang-a);border-radius:99px;color:var(--lang-d);font-size:11.5px;font-weight:800}
.booklet .m-cycle li b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--lang-a);color:#fff;font-size:10.5px}
.booklet .m-cycle li+li::before{content:'→';margin:0 4px 0 -2px;color:var(--lang-a)}
.booklet .m-data{margin:0 0 8px;padding:8px 12px;border:2px solid var(--ink);border-radius:12px;break-inside:avoid}
.booklet .m-data-t{margin:0 0 4px;font-size:12px;font-weight:800;color:var(--lang-d);text-transform:uppercase;letter-spacing:.05em}
.booklet .m-data table{width:100%;border-collapse:collapse;font-size:13px}
.booklet .m-data th{padding:4px 6px;background:var(--lang-s);color:var(--lang-d);text-align:left;font-size:11.5px}
.booklet .m-data td{padding:4px 6px;border-bottom:1px solid #cfd8d6}
.booklet .m-data td .m-line{height:20px}
.booklet .m-data-n{margin:4px 0 0;color:var(--muted);font-size:11px}
.booklet .m-pgrid-1{grid-template-columns:1fr}

/* ── ELA (kairos-ela-lesson-v1) ────────────────────────────────────────────
   Lengua y lectura en inglés como lengua materna. El color es el de la
   materia (`--subject-accent`), nunca uno fijo; bordes antes que fondos y
   renglones de verdad: se fotocopia en blanco y negro y se escribe encima. */
.booklet{--ela-a:var(--subject-accent);--ela-s:var(--subject-soft);--ela-d:color-mix(in srgb,var(--subject-accent) 70%,#000);--ela-w:#f2b134;--ela-rule:#c9cdd4}
.booklet .ela-sec{margin:0 0 20px;text-align:left;hyphens:manual}
.booklet .ela-sec p{white-space:normal}
/* El texto corrido del papel va justificado; dentro de una caja estrecha,
   justificar abre ríos: ahí va a la izquierda. */
.booklet .ela-sec p,.booklet .ela-sec li{text-align:left;hyphens:manual}
.booklet .ela-sec .ela-instr,.booklet .ela-sec .ela-rule{text-align:justify;hyphens:auto}
.booklet .ela-model{display:inline-block;margin-right:6px;padding:0 6px;border-radius:4px;background:var(--ela-w);color:var(--ink);font-family:-apple-system,'Segoe UI',system-ui,sans-serif;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
.booklet .ela-sec h2.ela-h{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 8px;padding:0 0 6px;border-bottom:2px solid var(--ela-a);color:var(--ela-d);font-size:18px;font-weight:900}
.booklet .ela-h>span{flex:1;line-height:1.15}
.booklet .ela-h small{display:block;margin-top:2px;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.02em}
.booklet .ela-picto{flex:none;color:var(--ela-a)}
.booklet .ela-tag{flex:none;display:inline-block;padding:2px 10px;border:1.5px solid var(--ela-a);border-radius:99px;color:var(--ela-a);font-size:10.5px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.booklet .ela-instr{margin:0 0 10px;font-size:13px}
.booklet .ela-hl{font-weight:900;text-decoration:underline;text-decoration-color:var(--ela-a);text-decoration-thickness:2px;text-underline-offset:2px}
.booklet .ela-blank{display:inline-block;min-width:110px;border-bottom:1.5px solid #555;margin:0 3px;transform:translateY(2px)}
.booklet .ela-blank.short{min-width:46px}.booklet .ela-blank.wide{display:block;width:100%;min-width:0;height:22px;margin:0}
.booklet .ela-box{display:inline-block;flex:none;width:15px;height:15px;border:1.8px solid var(--ink);border-radius:3px;vertical-align:middle}
.booklet .ela-lnchip{display:inline-block;flex:none;margin:0 6px 0 0;padding:0 7px;border:1.5px solid var(--ink);border-radius:5px;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;vertical-align:1px}
.booklet .ela-lines span{display:block;height:27px;border-bottom:1px solid var(--ela-rule)}
.booklet .ela-lines.tight span{height:23px}.booklet .ela-lines.draft span{height:30px}
.booklet .ela-sub{display:flex;align-items:center;gap:6px;margin:10px 0 4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
/* Antes de leer */
.booklet .ela-purpose{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}
.booklet .ela-purpose-main{padding:10px 14px;border:2px solid var(--ela-a);border-radius:14px}
.booklet .ela-genre{margin:0 0 6px;font-size:12.5px}.booklet .ela-genre b{margin-right:6px;padding:1px 8px;border-radius:99px;background:var(--ela-a);color:#fff;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.booklet .ela-goal{margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.35}.booklet .ela-goal b{display:block;color:var(--ela-a);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.booklet .ela-think{margin:0;padding-left:18px;font-size:13px;line-height:1.4}
.booklet .ela-annot{padding:10px 12px;border:1.5px dashed var(--ink);border-radius:12px}
.booklet .ela-annot-h{margin:0 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.booklet .ela-annot p{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:12.5px;line-height:1.3}
.booklet .ela-mk{flex:none;display:inline-grid;place-items:center;min-width:46px;font-family:Georgia,'Times New Roman',serif;font-size:13px}
.booklet .ela-mk-u{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.booklet .ela-mk-b{padding:0 4px;border:1.8px solid var(--ink)}
.booklet .ela-mk-c{padding:0 6px;border:1.8px solid var(--ink);border-radius:99px}
.booklet .ela-mk-q{font-family:inherit;font-weight:900;font-size:16px}
/* Vocabulario en contexto */
.booklet .ela-vrow{display:grid;grid-template-columns:118px 1.55fr 1fr 1fr;border:1.5px solid var(--ink);border-top:0;font-size:12.5px;line-height:1.35}
.booklet .ela-vrow>span{padding:7px 8px;border-left:1px solid #d9d3e3}.booklet .ela-vrow>span:first-child{border-left:0}
.booklet .ela-vhead{border-top:1.5px solid var(--ink);border-radius:10px 10px 0 0;background:#f6f5fa;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.booklet .ela-vword{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.booklet .ela-vword b{font-size:15px}.booklet .ela-vword i{color:var(--muted);font-size:11px}
.booklet .ela-vtext{font-family:Georgia,'Times New Roman',serif;font-size:13px;font-style:italic}.booklet .ela-vtext .ela-lnchip{font-family:-apple-system,'Segoe UI',system-ui,sans-serif;font-style:normal}
.booklet .ela-vrow.is-model .ela-vclue{color:#6b6480;font-style:italic}
.booklet .ela-vmean{color:#3f3854}
/* El pasaje: líneas autoradas, numeradas, con margen para anotar */
.booklet .ela-ptitle{font-family:Georgia,'Times New Roman',serif}
.booklet .ela-pintro{display:flex;align-items:center;gap:18px;margin:0 0 8px;padding:8px 10px;border:1.5px solid var(--ink);border-radius:12px}
.booklet .ela-scene{flex:none;width:252px;height:126px;color:var(--ela-a);border-radius:8px}
.booklet .ela-cast{display:flex;flex-direction:column;gap:6px}.booklet .ela-cast-h{margin:0;color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.booklet .ela-cast figure{display:flex;align-items:center;gap:6px;margin:0}
.booklet .ela-cast figcaption{display:flex;flex-direction:column;font-size:12px;line-height:1.2}.booklet .ela-cast figcaption i{color:var(--muted);font-size:11px}
.booklet .ela-ln{display:grid;grid-template-columns:30px minmax(0,1fr) 112px;column-gap:10px;align-items:start;height:27px}
.booklet .ela-ln .ela-n{color:#6b6480;font-size:10px;font-weight:700;text-align:right;line-height:26px}
.booklet .ela-ln.five .ela-n{color:var(--ink);font-size:11px;font-weight:900}
.booklet .ela-ln .ela-t{font-family:Georgia,'Times New Roman',serif;font-size:14.5px;line-height:27px;white-space:nowrap}
.booklet .ela-ln.p .ela-t{padding-left:1.6em}
.booklet .ela-ln.h .ela-t{font-family:-apple-system,'Segoe UI',system-ui,sans-serif;font-size:14px;font-weight:800;color:var(--ela-d)}
.booklet .ela-ln .ela-m{height:21px;border-bottom:1px dotted #a9a3b8}
.booklet .ela-ln.ela-lnhead{height:auto;align-items:end;margin-bottom:2px}.booklet .ela-lnhead .ela-n,.booklet .ela-lnhead .ela-m{line-height:16px;height:auto;border:0;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.booklet .ela-lnhead .ela-m{border-bottom:2px solid var(--ink);padding-bottom:2px}
.booklet .ela-source{margin:8px 0 0 40px;color:var(--muted);font-size:10.5px;font-style:italic}
/* La idea clave en letras */
.booklet .ela-keys{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:8px}
.booklet .ela-key{padding:8px 8px 6px;border:1.5px solid var(--ink);border-radius:12px}
.booklet .ela-key-l{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ela-a);color:#fff;font-size:22px;font-weight:900}
.booklet .ela-key-n{margin:6px 0 2px;font-size:13px;font-weight:900}
.booklet .ela-key-q{margin:0 0 6px;color:#3f3854;font-size:11.5px;line-height:1.3}
.booklet .ela-key-x{margin:0;padding-top:5px;border-top:1px dashed #bdb6cc;font-family:Georgia,'Times New Roman',serif;font-size:11.5px;line-height:1.3}
.booklet .ela-key-x .ela-lnchip{display:table;margin:4px 0 0;font-family:-apple-system,'Segoe UI',system-ui,sans-serif}
/* Preguntas dependientes del texto */
.booklet .ela-tq{margin:0 0 12px}
.booklet .ela-tq-p{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.35}
.booklet .ela-tq-n{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;transform:translateY(-1px)}
.booklet .ela-tq-p .ela-lnchip{border-color:var(--ela-a);color:var(--ela-a)}
.booklet .ela-tq-o{margin:2px 0 4px 30px;padding:0;list-style:upper-alpha;font-size:13.5px}
.booklet .ela-tq .ela-lines{margin-left:30px}
.booklet .ela-evid{margin:4px 0 0 30px;font-size:12px;font-weight:700;color:var(--muted)}
/* Organizadores */
.booklet .ela-org{width:100%;border-collapse:collapse;font-size:12.5px}
.booklet .ela-org th{padding:6px 8px;border:1.5px solid var(--ink);background:#f6f5fa;text-align:left;font-size:11.5px;line-height:1.25}
.booklet .ela-org th small{display:block;color:var(--muted);font-weight:600}
.booklet .ela-org td{height:44px;padding:4px 8px;border:1.5px solid var(--ink);vertical-align:top}
.booklet .ela-org tr.ex td{height:auto;color:#6b6480;font-style:italic;font-family:Georgia,'Times New Roman',serif}
.booklet .ela-web{display:grid;grid-template-columns:1fr 150px 1fr;gap:10px;align-items:center}
.booklet .ela-web-col{display:flex;flex-direction:column;gap:10px}
.booklet .ela-spoke{padding:6px 10px 4px;border:1.5px solid var(--ink);border-radius:12px}
.booklet .ela-spoke-h{display:flex;align-items:center;gap:6px;margin:0;font-size:13px}.booklet .ela-spoke-h i{color:var(--muted);font-size:11px}
.booklet .ela-spoke-x{margin:2px 0 0;color:#6b6480;font-family:Georgia,'Times New Roman',serif;font-size:12px;font-style:italic;border-bottom:1px solid var(--ela-rule);padding-bottom:3px}
.booklet .ela-web-center{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2.5px solid var(--ela-a);border-radius:50%;aspect-ratio:1;justify-content:center;text-align:center}
.booklet .ela-web-center b{font-size:13px;line-height:1.2}.booklet .ela-web-center i{color:var(--muted);font-size:11px;line-height:1.2}
.booklet .ela-flow{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:4px;align-items:stretch}
.booklet .ela-step{padding:6px 8px;border:1.5px solid var(--ink);border-radius:10px}.booklet .ela-step b{font-size:12px}
.booklet .ela-after{margin:10px 0 0;font-size:13.5px}
/* Mini-lección */
.booklet .ela-mini{padding:10px 14px;border:2px solid var(--ela-a);border-radius:14px}
.booklet .ela-rule{margin:0 0 8px;font-size:14px;line-height:1.4}.booklet .ela-rule .ela-tag{margin-right:8px;vertical-align:1px}
.booklet .ela-pair{display:grid;grid-template-columns:1fr 22px 1.5fr;align-items:center;gap:6px;padding:6px 0;border-top:1px solid var(--line);font-size:13.5px}
.booklet .ela-pair-h{border-top:0;padding:0 0 2px;color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.booklet .ela-arrow{color:var(--ela-a);font-weight:900;text-align:center}
.booklet .ela-tell{color:#6b6480;text-decoration:line-through;text-decoration-color:#bdb6cc}
.booklet .ela-pair-h .ela-tell,.booklet .is-try .ela-tell{text-decoration:none}
.booklet .ela-show{font-family:Georgia,'Times New Roman',serif}.booklet .ela-show .ela-lnchip{margin-left:6px;font-family:-apple-system,'Segoe UI',system-ui,sans-serif}
.booklet .ela-try{margin-top:8px;padding:6px 14px 2px;border:1.5px dashed var(--ink);border-radius:12px}
.booklet .ela-try-h{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.booklet .is-try .ela-tell{color:var(--ink);font-weight:700}
/* Fluidez */
.booklet .ela-flu-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;align-items:start}
.booklet .ela-flu-x{margin:0;padding:10px 14px;border-left:5px solid var(--ela-a);background:var(--ela-s);font-family:Georgia,'Times New Roman',serif;font-size:14.5px;line-height:1.75}
.booklet .ela-flu-x cite{display:block;margin-top:4px;color:var(--muted);font-family:-apple-system,'Segoe UI',system-ui,sans-serif;font-size:10.5px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.booklet .ela-pause{color:var(--ela-a);font-family:-apple-system,'Segoe UI',system-ui,sans-serif;font-weight:900}
.booklet .ela-flu-t th{font-size:10.5px;text-align:center}.booklet .ela-flu-t td{height:30px;text-align:center;vertical-align:middle}.booklet .ela-flu-t td.r{text-align:left;font-weight:800;font-size:12px;white-space:nowrap}
.booklet .ela-flu-key{margin:6px 0 0;color:var(--muted);font-size:11.5px}
/* Conversación */
.booklet .ela-talk{padding:10px 14px;border:2px solid var(--ink);border-radius:14px}
.booklet .ela-bigq{margin:0 0 8px;font-size:15px;font-weight:800;line-height:1.35}
.booklet .ela-talkcols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.booklet .ela-talkcol{padding:6px 10px;border-radius:12px;background:#f6f5fa}
.booklet .ela-talk-h{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.booklet .ela-frame{margin:0 0 6px;padding:5px 9px;border:1.5px solid var(--ink);border-radius:12px 12px 12px 3px;background:#fff;font-size:12.5px;line-height:1.45}
.booklet .ela-frame .ela-blank{min-width:56px}
.booklet .ela-record{margin:10px 0 0;font-size:12.5px}
/* Escritura */
.booklet .ela-prompt{margin:0 0 6px;padding:10px 14px;border:2px solid var(--ela-a);border-radius:14px;font-size:14.5px;font-weight:700;line-height:1.4}
.booklet .ela-plan{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:8px}
.booklet .ela-plan-b{padding:6px 8px 2px;border:1.5px solid var(--ink);border-radius:10px}
.booklet .ela-plan-b b{display:flex;align-items:center;gap:6px;font-size:12px}
.booklet .ela-plan-b b span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ela-a);color:#fff;font-size:10.5px}
.booklet .ela-plan-b i{display:block;color:var(--muted);font-size:10.5px;line-height:1.25}
.booklet .ela-starters{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;margin:8px 0 0;font-size:12px}
.booklet .ela-starters b{margin-right:4px;color:var(--ela-a);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.booklet .ela-starters>span{padding:2px 9px;border:1.5px solid var(--ink);border-radius:99px}
.booklet .ela-starters .ela-blank{min-width:34px}
.booklet .ela-checklist ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin:0;padding:0;list-style:none}
.booklet .ela-checklist li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.35}
.booklet .ela-checklist li .ela-box{margin-top:2px}

/* Apreciación musical: las pistas llevan un QR real y su procedencia; cada
   familia, escucha, biografía y comparación sigue siendo una unidad paginable. */
.booklet .mus-track{display:flex;align-items:flex-start;gap:10px;margin:8px 0 12px;padding:8px;border:1.5px solid #cfc7dc;border-radius:11px;background:#fff;break-inside:avoid}
.booklet .mus-track.compact{margin-top:6px;padding:6px 8px}
.booklet .mus-qr{flex:none;padding:3px;border:1px solid #c8c2d2;background:#fff}
.booklet .mus-qr-missing{flex:none;display:block;width:100px;overflow-wrap:anywhere;color:var(--muted);font-size:7.5px;line-height:1.2}
.booklet .mus-track-info{min-width:0;flex:1}
.booklet .mus-track-t{display:flex;align-items:flex-start;gap:5px;margin:0 0 4px;font-size:11.5px;line-height:1.25;white-space:normal}
.booklet .mus-track-t .mus-picto{flex:none}
.booklet .mus-track-n{flex:none;padding:1px 6px;border-radius:99px;background:var(--mus-a);color:#fff;font-size:9.5px;letter-spacing:.03em}
.booklet .mus-track-meta{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin:0;color:var(--muted);font-size:8.8px;line-height:1.25;white-space:normal}
.booklet .mus-track-meta span{min-width:0;overflow-wrap:anywhere}
.booklet .mus-track-meta b{color:var(--ink)}

.booklet .mus-fams{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:8px;margin:0 0 9px;break-inside:avoid}
.booklet .mus-fam{display:flex;flex-direction:column;align-items:center;padding:7px;border:1.5px solid #d9d3e3;border-radius:12px;text-align:center;break-inside:avoid}
.booklet .mus-fam-pic{display:flex;align-items:center;justify-content:center;min-height:60px}
.booklet .mus-fam-name{color:var(--mus-d);font-size:15px}
.booklet .mus-fam>i{font-size:10.5px}
.booklet .mus-fam p{width:100%;margin:5px 0 0;font-size:9.8px;line-height:1.3;white-space:normal}
.booklet .mus-fam p>span{display:block;color:var(--mus-a);font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.booklet .mus-fam-words{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}
.booklet .mus-fam-words em{padding:1px 5px;border-radius:99px;background:var(--mus-s);color:var(--mus-d);font-style:normal;font-weight:800}
.booklet .mus-fam-hear{margin-top:auto!important;padding-top:5px;border-top:1px dashed #cfc7dc}
.booklet .mus-fam-hear .mus-picto{float:left;margin-right:3px}

.booklet .mus-wb{display:grid;grid-template-columns:repeat(var(--cols,5),1fr);gap:7px;break-inside:avoid}
.booklet .mus-wb-col{padding:7px;border:1.5px solid #d9d3e3;border-radius:11px}
.booklet .mus-wb-h{display:flex;align-items:center;gap:5px;color:var(--mus-d);font-size:12px;line-height:1.1}
.booklet .mus-wb-h span{display:flex;flex-direction:column}.booklet .mus-wb-h i{font-size:9px}
.booklet .mus-wb-q{margin:4px 0;color:var(--muted);font-size:9.5px;font-weight:700}
.booklet .mus-wb ul{margin:0;padding:0;list-style:none}
.booklet .mus-wb li{display:flex;align-items:center;gap:3px;padding:2px 0;border-top:1px solid #ece9f1;font-size:9.5px;line-height:1.15}
.booklet .mus-wb li span{display:flex;flex-direction:column}.booklet .mus-wb li i{font-size:8.2px}

.booklet .mus-people{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:10px;break-inside:avoid}
.booklet .mus-person{display:flex;gap:9px;padding:8px;border:1.5px solid #d9d3e3;border-radius:12px}
.booklet .mus-person figure{flex:none;margin:0}.booklet .mus-person-n{display:block;color:var(--mus-d);font-size:14px}
.booklet .mus-person-d,.booklet .mus-person-p{display:block;color:var(--muted);font-size:10px;font-weight:700}
.booklet .mus-person-p{display:flex;align-items:center;gap:3px;margin-top:2px}
.booklet .mus-person ul{margin:5px 0 0;padding-left:15px;font-size:9.8px;line-height:1.3}
.booklet .mus-tl{margin-top:10px;padding:8px 10px;border-radius:12px;background:var(--mus-s);break-inside:avoid}
.booklet .mus-tl-h{margin:0 0 5px;color:var(--mus-d);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.booklet .mus-tl ol{display:grid;grid-template-columns:repeat(var(--n,8),1fr);margin:0;padding:0;list-style:none}
.booklet .mus-tl li{position:relative;padding:0 3px;border-top:2px solid #9b92ac;text-align:center}
.booklet .mus-tl li>b{display:block;margin-top:5px;font-size:9px}.booklet .mus-tl-dot{position:absolute;top:-5px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--mus-a)}
.booklet .mus-tl li.b .mus-tl-dot{background:#2a9d8f}.booklet .mus-tl li.world .mus-tl-dot{background:var(--mus-w)}
.booklet .mus-tl-t{display:block;font-size:7.8px;line-height:1.15}
.booklet .mus-tl-key{display:flex;justify-content:center;gap:12px;margin:5px 0 0;font-size:8.5px}
.booklet .mus-tl-key span{display:flex;align-items:center;gap:3px}.booklet .mus-tl-key i{width:7px;height:7px;border-radius:50%;background:var(--mus-a)}
.booklet .mus-tl-key .b i{background:#2a9d8f}.booklet .mus-tl-key .world i{background:var(--mus-w)}

.booklet .mus-circles{margin:0 0 8px;padding:7px 10px;border:1.5px solid #d9d3e3;border-radius:10px;break-inside:avoid}
.booklet .mus-circles-h{margin:0 0 3px;color:var(--mus-a);font-size:10px;font-weight:900;text-transform:uppercase}
.booklet .mus-circle-row{display:flex;align-items:center;gap:5px;margin:3px 0;font-size:10px}
.booklet .mus-circle-row>b{width:58px}.booklet .mus-circle{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-height:24px;padding:2px 8px;border:1px solid #898296;border-radius:99px;font-size:9.5px}
.booklet .mus-jq{display:flex;gap:8px;margin:0 0 7px;padding:6px 8px;border-left:3px solid var(--mus-a);break-inside:avoid}
.booklet .mus-jq>div{flex:1}.booklet .mus-jq b{font-size:11.5px}.booklet .mus-jq i{margin-left:5px;font-size:10px}
.booklet .mus-jq-start{margin:2px 0;color:var(--muted);font-size:10px}.booklet .mus-jq-line{display:block;height:15px;border-bottom:1px solid #8d879c}

.booklet .mus-culture-card{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px;border:1.5px solid #d9d3e3;border-radius:12px;break-inside:avoid}
.booklet .mus-culture-pic{display:flex;align-items:center;justify-content:center;gap:3px;border-radius:9px;background:var(--mus-s)}
.booklet .mus-culture-place{margin:0;color:var(--mus-d);font-size:13px;font-weight:900}
.booklet .mus-culture ul{margin:5px 0;padding-left:18px;font-size:10.5px;line-height:1.35}
.booklet .mus-culture-respect{margin:6px 0 0;padding:5px 8px;border-radius:7px;background:#fff3c4;font-size:10px;line-height:1.3}

.booklet .mus-cmp{width:100%;border-collapse:collapse;break-inside:avoid}
.booklet .mus-cmp th,.booklet .mus-cmp td{padding:5px 7px;border:1.2px solid #81798e;font-size:9.5px;line-height:1.2;vertical-align:middle}
.booklet .mus-cmp th{background:var(--mus-s);font-size:11px}.booklet .mus-cmp th small{display:block;color:var(--muted);font-size:8.5px}
.booklet .mus-cmp-k{display:flex;align-items:center;gap:4px;min-width:100px}.booklet .mus-cmp-k span{display:flex;flex-direction:column}.booklet .mus-cmp-k i{font-size:8px}
.booklet .mus-cmp td:not(.mus-cmp-k){text-align:center}.booklet .mus-cmp .mus-circle{margin:1px;padding:1px 5px}
.booklet .mus-cmp .given{font-weight:700}.booklet .mus-frames{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;break-inside:avoid}
.booklet .mus-frames p{margin:0;padding:7px;border:1.5px solid #d9d3e3;border-radius:8px;font-size:10.5px;white-space:normal}
.booklet .mus-blank{display:inline-block;min-width:110px;border-bottom:1px solid #706978}

.booklet .mus-verses{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:10px;break-inside:avoid}
.booklet .mus-verse{position:relative;padding:8px 8px 6px 30px;border:1.5px solid #d9d3e3;border-radius:12px}
.booklet .mus-verse-n{position:absolute;left:-1px;top:-1px;display:grid;place-items:center;width:24px;height:24px;border-radius:11px 0 11px 0;background:var(--mus-a);color:#fff;font-size:11px;font-weight:900}
.booklet .mus-verse p{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:4px;margin:2px 0;font-size:10.5px;line-height:1.2;white-space:normal}
.booklet .mus-verse small{color:var(--muted);font-size:8.5px;font-style:italic}
.booklet .mus-song .mus-steps{margin-top:8px}.booklet .mus-song-credit{margin:5px 0 0;color:var(--muted);font-size:9.5px;text-align:right}
/* Contorno melódico: la escalera de alturas con un punto por sonido. */
.booklet .mus-contour-line{margin:0 0 8px;padding:6px 10px 4px;border:1.5px solid #d9d3e3;border-radius:12px;background:#fff;break-inside:avoid}
.booklet .mus-lead .mus-contour-line{margin-top:8px}
.booklet .mus-contour-line svg{display:block}
.booklet .mus-contour-tag{display:table;margin:0 0 3px;padding:1px 9px;border-radius:99px;background:var(--mus-a);color:#fff;font-size:10.5px;font-weight:900}
.booklet .mus-contour-shape{margin:2px 0 0;color:var(--mus-d);font-size:11.5px;font-weight:700;white-space:normal}
/* ── g69mus (6.º y 9.º): ritmo con cuenta, pentagrama, teclado y rejilla de groove ── */
.booklet .g69mus-legend .mus-card-sym{height:auto;min-height:62px}
.booklet .g69mus-count{margin-top:3px;color:var(--mus-d);font-size:11.5px;font-weight:800;letter-spacing:.04em}
.booklet .g69mus-kb-wrap{display:flex;flex-direction:column;align-items:center;margin:0 0 8px;padding:6px 10px;border:1.5px solid #d9d3e3;border-radius:12px;background:#fff;break-inside:avoid}
.booklet .g69mus-kb-wrap .mus-contour-shape{text-align:center}
/* ── fin g69mus ── */

/* ── COMPUTACIÓN: algoritmos que se pueden ejecutar con lápiz ─────────── */
.booklet{--cs-a:#245b78;--cs-s:#e8f4fa;--cs-bug:#a43f38}
.booklet .cs-sec{margin:0 0 18px}.booklet .cs-h{margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--cs-a);color:var(--cs-a);font-size:18px}
.booklet .cs-h small{display:block;color:var(--muted);font-size:11px}.booklet .cs-instr,.booklet .cs-goal{margin:0 0 10px;font-size:13.5px;white-space:normal}
.booklet .cs-command-grid,.booklet .cs-bank{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.booklet .cs-command{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1.5px solid var(--cs-a);border-radius:8px;background:var(--cs-s)}
.booklet .cs-command b{font:800 12px/1.2 ui-monospace,Menlo,monospace;color:var(--cs-a)}.booklet .cs-command small{font-size:10.5px;color:var(--muted)}
.booklet .cs-trace{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(240px,1.3fr);gap:16px;align-items:start}.booklet .cs-trace ol,.booklet .cs-debug ol{margin:0;padding-left:28px;font:12.5px/1.55 ui-monospace,Menlo,monospace}
.booklet .cs-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);border:2px solid var(--ink)}.booklet .cs-grid span{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);font-weight:900}.booklet .cs-grid .is-start{background:#dff3e6}.booklet .cs-grid .is-goal{background:#fff0b8}.booklet .cs-grid .is-block{background:#3c4653;color:#fff}
.booklet .cs-state{width:100%;margin-top:10px;border-collapse:collapse;font-size:12px}.booklet .cs-state th,.booklet .cs-state td{padding:6px 8px;border:1.5px solid var(--ink);text-align:left}.booklet .cs-state th{background:var(--cs-s)}
.booklet .cs-debug{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booklet .cs-debug>div{padding:10px 12px;border:1.5px solid var(--line);border-radius:10px}.booklet .cs-debug>div:first-child{border-color:var(--cs-bug)}.booklet .cs-debug p{font-size:13px;white-space:normal}
.booklet .cs-write-lines{height:72px;background:repeating-linear-gradient(transparent 0,transparent 23px,#aeb7c2 24px)}.booklet .cs-alg-lines{margin:8px 0;padding-left:34px}.booklet .cs-alg-lines li{height:29px;border-bottom:1px solid #aeb7c2}.booklet .cs-tests td{height:31px}
@media(max-width:640px){.booklet .cs-trace,.booklet .cs-debug{grid-template-columns:1fr}.booklet .cs-state{font-size:11px}}
/* Computación · piezas nuevas (08-10): coordenadas, bucles, decisiones, variables, partes, pareja y estudio */
.booklet .cs-program li{white-space:pre-wrap;text-align:left}.booklet .cs-grid .is-item{background:#e3f4d7}.booklet .cs-grid .is-mark{background:#e8f4fa;color:var(--cs-a)}.booklet .cs-grid .is-water{background:#d8ecfb}
.booklet .cs-board{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto 1fr;column-gap:3px;row-gap:2px}.booklet .cs-board .cs-cols{display:grid;grid-template-columns:repeat(var(--cols),1fr);padding:0 2px}.booklet .cs-board .cs-rows{display:grid;grid-template-rows:repeat(var(--rows),1fr);padding:2px 0}
.booklet .cs-board .cs-cols span,.booklet .cs-board .cs-rows span{display:grid;place-items:center;font:800 11px/1 ui-monospace,Menlo,monospace;color:var(--cs-a)}
.booklet .cs-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin:6px 0 0;font-size:10.5px;color:var(--muted);white-space:normal}.booklet .cs-legend i{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-right:4px;border:1px solid var(--line);font-style:normal;font-weight:900;color:var(--ink)}.booklet .cs-legend .is-start{background:#dff3e6}.booklet .cs-legend .is-goal{background:#fff0b8}.booklet .cs-legend .is-block{background:#3c4653;color:#fff}.booklet .cs-legend .is-item{background:#e3f4d7}.booklet .cs-legend .is-water{background:#d8ecfb}
.booklet .cs-lines{margin-top:4px}.booklet .cs-lines i{display:block;height:24px;border-bottom:1px solid #aeb7c2}.booklet .cs-tests{table-layout:fixed}.booklet .cs-trace.cs-wide{grid-template-columns:minmax(200px,1fr) minmax(220px,1fr)}.booklet .cs-trace.cs-vt{grid-template-columns:minmax(250px,1.3fr) minmax(170px,.7fr)}.booklet .cs-trace.cs-solo{grid-template-columns:1fr}.booklet .cs-note{margin:6px 0 0;font-size:12px;color:var(--muted);white-space:normal}
.booklet .cs-compare{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:10px;margin:4px 0 6px}.booklet .cs-card{padding:8px 10px;border:1.5px solid var(--cs-a);border-radius:10px;background:#fff}.booklet .cs-card>b{display:block;color:var(--cs-a);font-size:13px}.booklet .cs-card>small{display:block;margin:2px 0 4px;color:var(--muted);font-size:10.5px}.booklet .cs-card ol{margin:4px 0 0;padding-left:24px;font:12px/1.5 ui-monospace,Menlo,monospace}
.booklet .cs-prompt{margin-top:10px}.booklet .cs-prompt p{margin:0 0 4px;font-size:13px;font-weight:700;white-space:normal}
.booklet .cs-vars{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 10px}.booklet .cs-var{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding:5px 10px 5px 0;border:2px solid var(--cs-a);border-radius:8px;background:var(--cs-s)}.booklet .cs-var i{padding:4px 8px;border-radius:6px 0 0 6px;background:var(--cs-a);color:#fff;font:800 12px/1 ui-monospace,Menlo,monospace;font-style:normal}.booklet .cs-var b{min-width:34px;padding:2px 6px;border:1.5px dashed var(--cs-a);border-radius:5px;background:#fff;text-align:center;font:800 14px/1.2 ui-monospace,Menlo,monospace}.booklet .cs-var small{grid-column:1/-1;padding:3px 0 0 8px;color:var(--muted);font-size:10px}
.booklet .cs-fork{margin:4px 0 8px}.booklet .cs-cond{width:max-content;max-width:100%;margin:0 auto 8px;padding:8px 14px;border:2px solid var(--cs-a);border-radius:999px;background:var(--cs-s);font-weight:800;font-size:13.5px;text-align:center;white-space:normal}.booklet .cs-cond span{margin-right:7px;font:900 12px ui-monospace,Menlo,monospace;color:var(--cs-a)}
.booklet .cs-arms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booklet .cs-arm{padding:8px 10px;border:1.5px solid #3f8a5a;border-radius:10px}.booklet .cs-arm.is-no{border-color:var(--cs-bug)}.booklet .cs-arm>b{display:block;font-size:12px;color:#2f6d45}.booklet .cs-arm.is-no>b{color:var(--cs-bug)}.booklet .cs-arm ol{margin:4px 0 0;padding-left:24px;font:12.5px/1.5 ui-monospace,Menlo,monospace}
.booklet .cs-decompose-map{max-width:330px;margin:0 0 10px}.booklet .cs-parts{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:10px}.booklet .cs-part{padding:8px 10px;border:1.5px solid var(--cs-a);border-top-width:5px;border-radius:10px}.booklet .cs-part>b{display:flex;gap:6px;align-items:baseline;font-size:12.5px;line-height:1.25;color:var(--cs-a)}.booklet .cs-part>b>span{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:var(--cs-a);color:#fff;font-size:10.5px}.booklet .cs-part>small{display:block;margin:3px 0;color:var(--muted);font-size:10.5px;white-space:normal}.booklet .cs-part ol{margin:5px 0 0;padding-left:22px;font:11.5px/1.5 ui-monospace,Menlo,monospace}
.booklet .cs-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 8px}.booklet .cs-role{padding:8px 10px;border:1.5px dashed var(--cs-a);border-radius:10px;background:var(--cs-s)}.booklet .cs-role b{color:var(--cs-a);font-size:13px}.booklet .cs-role p{margin:3px 0 0;font-size:12px;white-space:normal}
.booklet .cs-steps{margin:0 0 8px;padding-left:24px;font-size:13px}.booklet .cs-steps li{margin:3px 0;white-space:normal}.booklet .cs-criteria>b{font-size:12.5px;color:var(--cs-a)}.booklet .cs-swap{margin:6px 0 0;padding:6px 10px;border-left:3px solid var(--cs-a);background:var(--cs-s);font-size:12px;white-space:normal}
.booklet .cs-checks{margin:4px 0 0;padding:0;list-style:none}.booklet .cs-checks li{display:flex;gap:8px;align-items:flex-start;margin:3px 0;font-size:12.5px;white-space:normal}.booklet .cs-box{display:inline-block;flex:none;width:14px;height:14px;margin-top:1px;border:1.8px solid var(--ink);border-radius:3px}
.booklet .cs-gridprog{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(230px,1.2fr);gap:16px;align-items:start}.booklet .cs-gridprog .cs-alg-lines{margin-top:4px}
.booklet .cs-mission{margin:0 0 10px;padding:9px 12px;border-radius:10px;background:var(--cs-a);color:#fff;font-size:13.5px;white-space:normal}.booklet .cs-mission b{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.booklet .cs-brief{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booklet .cs-brief>div>b{font-size:12.5px;color:var(--cs-a)}
.booklet .cs-cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 0;padding:0;list-style:none;counter-reset:cs}.booklet .cs-cycle li{counter-increment:cs;padding:7px 9px;border:1.5px solid var(--line);border-radius:10px}.booklet .cs-cycle li b{display:block;font-size:12px;color:var(--cs-a)}.booklet .cs-cycle li b::before{content:counter(cs) '. '}.booklet .cs-cycle li span{display:block;font-size:11px;line-height:1.3;white-space:normal}
@media(max-width:640px){.booklet .cs-compare,.booklet .cs-arms,.booklet .cs-parts,.booklet .cs-roles,.booklet .cs-gridprog,.booklet .cs-brief{grid-template-columns:1fr}.booklet .cs-cycle{grid-template-columns:1fr 1fr}}

/* ── INGENIERÍA: requisitos → prototipo → prueba → iteración ───────────── */
.booklet.subject-engineering{--subject-accent:#856026;--subject-soft:#f7eedf}.booklet{--eng-a:#856026;--eng-d:#4f3917;--eng-s:#f7eedf;--eng-b:#2c7894}
.booklet .eng-sec{margin:0 0 18px;break-inside:auto}.booklet .eng-head{display:flex;gap:9px;align-items:center;margin:0 0 7px;padding-bottom:6px;border-bottom:2px solid var(--eng-a);color:var(--eng-d)}
.booklet .eng-head>span{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--eng-a);border-radius:50%;font-weight:900}.booklet .eng-head b{font-size:18px}.booklet .eng-head small{display:block;color:var(--muted);font-size:10.5px}.booklet .eng-instr{margin:0 0 9px;font-size:13px;line-height:1.4;white-space:normal}
.booklet .eng-standards{padding:10px 13px;border-left:6px solid var(--eng-a);background:var(--eng-s)}.booklet .eng-standards ul{margin:5px 0;padding-left:19px;font-size:11.5px}.booklet .eng-source{font-size:8.5px;color:var(--muted);overflow-wrap:anywhere}
.booklet .eng-brief{padding:12px 15px;border:2px solid var(--eng-d);border-radius:12px;background:linear-gradient(100deg,var(--eng-s),#fff)}.booklet .eng-user{display:block;width:100%}.booklet .eng-user b{display:block}.booklet .eng-user p,.booklet .eng-brief p{display:block;width:100%;margin:3px 0;font-size:13px;white-space:normal}.booklet .eng-brief blockquote{margin:9px 0;padding:8px 12px;border-left:5px solid var(--eng-b);font-size:17px;font-weight:800}
.booklet .eng-reqs,.booklet .eng-fair,.booklet .eng-concepts,.booklet .eng-failure{display:grid;gap:10px}.booklet .eng-reqs{grid-template-columns:1fr 1fr}.booklet .eng-reqs article{padding:10px 12px;border:1.5px solid var(--eng-a);border-radius:10px}.booklet .eng-reqs ul{margin:6px 0 0;padding:0;list-style:none;font-size:12px}.booklet .eng-reqs li{margin:4px 0}
.booklet .eng-concepts{grid-template-columns:repeat(3,1fr)}.booklet .eng-concepts article{padding:8px;border:1.5px solid var(--ink);border-radius:9px}.booklet .eng-concepts p{margin:4px 0;font-size:10.5px}.booklet .eng-sketch{height:86px;margin-top:5px;background:linear-gradient(90deg,transparent 49.7%,#ddd 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#ddd 50%,transparent 50.3%)}
.booklet .eng-lines{display:block}.booklet .eng-lines i{display:block;height:22px;border-bottom:1px solid #7e858b}.booklet .eng-table-wrap{overflow-x:auto}.booklet .eng-table{width:100%;margin-top:9px;border-collapse:collapse;font-size:11px}.booklet .eng-table th,.booklet .eng-table td{height:30px;padding:6px 7px;border:1.4px solid var(--ink);text-align:left}.booklet .eng-table th{background:var(--eng-s)}
.booklet .eng-plan{display:grid;grid-template-columns:1fr 1.7fr;gap:10px}.booklet .eng-plan article{padding:9px;border:1.5px solid var(--eng-a);border-radius:9px}.booklet .eng-drawing{display:grid;grid-template-columns:1fr 1fr;gap:7px}.booklet .eng-drawing span{display:flex;align-items:flex-start;justify-content:center;height:150px;padding-top:5px;border:1px solid #899198;background:linear-gradient(90deg,transparent 24.7%,#e4e7e9 25%,transparent 25.3%,transparent 49.7%,#e4e7e9 50%,transparent 50.3%,transparent 74.7%,#e4e7e9 75%,transparent 75.3%),linear-gradient(transparent 24.7%,#e4e7e9 25%,transparent 25.3%,transparent 49.7%,#e4e7e9 50%,transparent 50.3%,transparent 74.7%,#e4e7e9 75%,transparent 75.3%);font-size:8px}.booklet .eng-steps{columns:2;column-gap:34px;font-size:11.5px}.booklet .eng-steps li{break-inside:avoid}
.booklet .eng-fair{grid-template-columns:repeat(3,1fr)}.booklet .eng-fair article{padding:8px 10px;border-top:5px solid var(--eng-b);background:#eef6f8}.booklet .eng-fair p{margin:3px 0;font-size:11px}.booklet .eng-evidence{font-size:12px}.booklet .eng-failure{grid-template-columns:repeat(3,1fr)}.booklet .eng-failure article{padding:8px;border:1.5px solid var(--eng-a);border-radius:9px}.booklet .eng-failure p{min-height:35px;margin:3px 0;font-size:11px;white-space:normal}
.booklet .eng-cycle{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:7px;break-inside:avoid}.booklet .eng-cycle td{padding:8px 5px;border:1.5px solid var(--eng-a);border-radius:8px;background:var(--eng-s);font-size:10px;text-align:center}.booklet .eng-cycle td b{display:block;color:var(--eng-d);font-size:15px}
@media(max-width:640px){.booklet .eng-reqs,.booklet .eng-plan,.booklet .eng-fair,.booklet .eng-concepts,.booklet .eng-failure{grid-template-columns:1fr}.booklet .eng-table{font-size:10px}}

/* ── ALFABETIZACIÓN MEDIÁTICA: mensaje → fuente → evidencia ──────────── */
.booklet{--med-a:#225d67;--med-d:#123e48;--med-s:#e4f4f3}.booklet.subject-media_literacy,.booklet[data-discipline="media_literacy"]{--subject-accent:#225d67;--subject-soft:#e4f4f3}
.booklet .med-sec{margin:0 0 20px}.booklet .med-h{margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--med-a);color:var(--med-d);font-size:18px}
.booklet .med-h small{display:block;color:var(--muted);font-size:11px}.booklet .med-instr{margin:0 0 10px;font-size:13.5px;white-space:normal}
.booklet .med-message{padding:14px 16px;border:2px solid var(--med-d);border-radius:12px;background:var(--med-s);break-inside:avoid}.booklet .med-message__label{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--med-d);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase}
.booklet .med-message blockquote{margin:10px 0;font-size:18px;font-weight:800;line-height:1.35}.booklet .med-message dl,.booklet .med-source-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.booklet .med-message dl div,.booklet .med-source-grid dl div{padding:5px 7px;border-left:3px solid var(--med-a)}
.booklet .med-message dt,.booklet .med-source-grid dt{color:var(--muted);font-size:9.5px;font-weight:800;text-transform:uppercase}.booklet .med-message dd,.booklet .med-source-grid dd{margin:0;font-size:11.5px;line-height:1.3}
.booklet .med-sort{display:grid;grid-template-columns:1fr 1fr;gap:9px}.booklet .med-sort article{position:relative;padding:9px 10px 8px 36px;border:1.5px solid var(--line);border-radius:9px;break-inside:avoid}.booklet .med-sort article>span{position:absolute;left:9px;top:9px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--med-a);color:#fff;font-size:10px;font-weight:900}
.booklet .med-sort p{margin:0 0 9px;font-size:12.5px;white-space:normal}.booklet .med-sort__choices{font-size:9.5px;color:var(--muted);line-height:1.5}
.booklet .med-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.booklet .med-source-grid article{padding:10px 11px;border:1.5px solid var(--med-a);border-radius:10px;break-inside:avoid}.booklet .med-source-grid h3{margin:0 0 5px;color:var(--med-d);font-size:13px}.booklet .med-source-grid p{margin:5px 0;font-size:11px;line-height:1.35;white-space:normal}.booklet .med-source-grid dl{grid-template-columns:1fr}.booklet .med-limit{padding:6px 8px;border-left:4px solid #b25b34;background:#fff4ed;font-size:11.5px;white-space:normal}
.booklet .med-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}.booklet .med-chain>div{padding:9px 11px;border:1.5px solid var(--med-a);border-radius:9px;font-size:11.5px;line-height:1.35}.booklet .med-chain>div small{display:block;margin-bottom:4px;color:var(--med-d);font-size:9px;font-weight:900;letter-spacing:.06em}.booklet .med-chain>span{align-self:center;color:var(--med-a);font-size:22px;font-weight:900}
.booklet .med-table-wrap{overflow-x:auto}.booklet .med-table{width:100%;border-collapse:collapse;font-size:11px}.booklet .med-table th,.booklet .med-table td{padding:6px 8px;border:1.3px solid var(--ink);text-align:left;vertical-align:top}.booklet .med-table th{background:var(--med-s);color:var(--med-d)}
.booklet .med-verify{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0;padding:0;list-style:none;counter-reset:none}.booklet .med-verify li{text-align:left;padding:8px 9px;border-top:5px solid var(--med-a);border-radius:5px;background:var(--med-s);font-size:10.5px;line-height:1.35}.booklet .med-verify b,.booklet .med-verify span{display:block}.booklet .med-verify b{margin-bottom:4px;color:var(--med-d)}
.booklet .med-privacy{position:relative;padding:10px 14px 10px 58px;border:2px dashed var(--med-a);border-radius:12px}.booklet .med-privacy .med-h{border:0;margin-bottom:2px}.booklet .med-privacy__shield{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:32px;height:38px;border:3px solid var(--med-a);border-radius:15px 15px 18px 18px;color:var(--med-d);font-weight:900}.booklet .med-privacy ul{margin:5px 0;padding-left:19px;font-size:11.5px}.booklet .med-privacy>p{margin:5px 0;font-size:11.5px;white-space:normal}
@media(max-width:640px){.booklet .med-source-grid,.booklet .med-sort{grid-template-columns:1fr}.booklet .med-chain{grid-template-columns:1fr}.booklet .med-chain>span{transform:rotate(90deg);justify-self:center}.booklet .med-verify{grid-template-columns:1fr 1fr}.booklet .med-message dl{grid-template-columns:1fr}.booklet .med-table thead{display:none}.booklet .med-table,.booklet .med-table tbody,.booklet .med-table tr,.booklet .med-table td{display:block;width:100%}.booklet .med-table tr{margin-bottom:9px;border:1.3px solid var(--ink);border-radius:8px;overflow:hidden}.booklet .med-table td{border:0;border-bottom:1px solid var(--line)}.booklet .med-table td:last-child{border-bottom:0}.booklet .med-table td::before{display:block;color:var(--med-d);font-size:9px;font-weight:900;text-transform:uppercase}.booklet .med-table td:nth-child(1)::before{content:'Source'}.booklet .med-table td:nth-child(2)::before{content:'Direct evidence?'}.booklet .med-table td:nth-child(3)::before{content:'Purpose / expertise'}.booklet .med-table td:nth-child(4)::before{content:'Useful conclusion'}}
@media print{.booklet .med-table-wrap{overflow:visible}.booklet .med-source-grid article,.booklet .med-message,.booklet .med-chain{break-inside:avoid}.booklet .med-verify{break-inside:avoid}}

/* ── ESTUDIOS SOCIALES (kairos-social-studies-lesson-v1) ─────────────── */
.booklet.subject-social_studies{--soc-a:#9b581f;--soc-d:#653815;--soc-s:#faeadc;--soc-w:#dca44e}
.booklet .soc-sec{margin:0 0 20px;break-inside:auto}.booklet .soc-lead{break-inside:avoid}
.booklet .soc-h{display:flex;align-items:flex-end;margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--soc-a);color:var(--soc-d);font-size:18px}
.booklet .soc-h>span{flex:1}.booklet .soc-h small{display:block;color:var(--muted);font-size:11px}.booklet .soc-h>b{font-size:11px;color:var(--muted)}
.booklet .soc-instr,.booklet .soc-p{margin:4px 0 8px;font-size:14px;line-height:1.5;white-space:normal}.booklet .soc-cite{font-size:10.5px;color:var(--muted);white-space:normal}
.booklet .soc-standards{margin:0 0 16px;padding:8px 12px;border-left:5px solid var(--soc-a);background:var(--soc-s);font-size:12px;break-inside:avoid}
.booklet .soc-standards>p{display:inline;margin-left:10px}.booklet .soc-standards span{margin-right:8px;font-weight:800}.booklet .soc-standards ul{display:flex;gap:18px;margin:6px 0 0;padding-left:18px}.booklet .soc-standards li{flex:1}
.booklet .soc-big-q{display:flex;align-items:center;gap:14px;padding:12px 16px;border:2px solid var(--soc-d);border-radius:12px;background:var(--soc-s)}
.booklet .soc-big-q>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--soc-a);color:#fff;font-size:26px}.booklet .soc-big-q p{margin:0;font-size:20px;font-weight:900;white-space:normal}
.booklet .soc-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.booklet .soc-prompts>div,.booklet .soc-notes>div{padding:8px 10px;border:1.5px solid #cdbca9;border-radius:10px}
.booklet .soc-lines{height:calc(var(--n,2) * 26px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,#a9a3b0 26px)}
.booklet .soc-vocab{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.booklet .soc-vocab>div{padding:8px 10px;border:1.5px solid #cdbca9;border-radius:9px}.booklet .soc-vocab b{color:var(--soc-d)}.booklet .soc-vocab p{margin:2px 0;font-size:12px;line-height:1.3;white-space:normal}.booklet .soc-vocab i{font-size:11px;color:var(--muted)}
.booklet .soc-map,.booklet .soc-primary{margin:6px 0 10px;break-inside:avoid}.booklet .soc-map-svg{display:block;width:100%;height:auto}.booklet .soc-map figcaption,.booklet .soc-primary figcaption{font-size:9.5px;color:var(--muted);line-height:1.3}
.booklet .soc-task{display:grid;grid-template-columns:24px 1fr;gap:0 8px;margin:7px 0;break-inside:avoid}.booklet .soc-task>b{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--soc-a);color:#fff;font-size:11px}.booklet .soc-task p{margin:0;white-space:normal}
.booklet .soc-source-card{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;padding:9px 12px;border:1.5px solid var(--soc-d);background:#fff;break-inside:avoid}.booklet .soc-source-card p{margin:2px 0;font-size:11px;white-space:normal}
.booklet .soc-primary{padding:8px;border:1px solid #cdbca9}.booklet .soc-primary img{display:block;width:100%;max-height:520px;object-fit:contain;filter:grayscale(100%)}
.booklet .soc-primary--pending{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed #89949b;background:repeating-linear-gradient(45deg,#fff 0 10px,#f1f3f4 10px 20px);color:var(--muted);font-size:12px;text-align:center}
.booklet .soc-source-q{margin:8px 0;padding:9px 12px;border-left:5px solid var(--soc-a);background:var(--soc-s);break-inside:avoid}.booklet .soc-source-q p{margin:2px 0;white-space:normal}
.booklet .soc-look{display:grid;grid-template-columns:1fr 1fr;gap:10px}.booklet .soc-look>div{padding:8px 12px;border:1.5px solid #cdbca9;border-radius:9px}.booklet .soc-look ul{margin:4px 0;padding-left:20px;font-size:13px}
.booklet .soc-timeline{display:flex;gap:0;margin:8px 0 12px;padding:0;list-style:none;break-inside:avoid}.booklet .soc-timeline li{position:relative;flex:1;padding:34px 8px 4px;border-top:4px solid var(--soc-a)}.booklet .soc-timeline li:before{content:'';position:absolute;top:-9px;left:10px;width:14px;height:14px;border:2px solid var(--soc-d);border-radius:50%;background:#fff}.booklet .soc-timeline b{position:absolute;top:8px;left:8px;color:var(--soc-d)}.booklet .soc-timeline p{margin:0;font-size:11.5px;line-height:1.35;white-space:normal}
.booklet .soc-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.booklet .soc-notes small{display:block;color:var(--muted);font-size:10px}
.booklet .soc-claim{display:grid;gap:9px}.booklet .soc-claim>div{padding:8px 12px;border:1.5px solid #cdbca9;border-left:6px solid var(--soc-a);border-radius:0 10px 10px 0;break-inside:avoid}.booklet .soc-claim p{margin:2px 0;font-size:13px;white-space:normal}
.booklet .soc-excerpt{margin:8px 0 10px;padding:10px 14px 8px;border:1.5px solid var(--soc-d);border-radius:4px;background:#fffdf8;break-inside:avoid;page-break-inside:avoid}.booklet .soc-excerpt>b{color:var(--soc-d);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.booklet .soc-excerpt ol{margin:6px 0 4px;padding-left:26px}.booklet .soc-excerpt li{margin:0 0 7px;font-size:13.5px;line-height:1.5;white-space:normal}.booklet .soc-excerpt q{font-family:Georgia,'Times New Roman',serif;quotes:'\201C' '\201D'}.booklet .soc-excerpt li i{display:block;margin-top:2px;font-style:normal;font-size:12px;color:var(--muted)}
.booklet .soc-primary--compact img{max-height:360px}
@media print{.booklet .soc-primary img{max-height:185mm}.booklet .soc-primary--compact img{max-height:112mm}}

/* ── SALUD Y EDUCACIÓN FÍSICA: moverse, observar y elegir ─────────────── */
.booklet{--hpe-a:#16705d;--hpe-s:#e5f5ef;--hpe-w:#b45f18}.booklet .hpe-sec{margin:0 0 18px}.booklet .hpe-h{margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--hpe-a);color:var(--hpe-a);font-size:18px}.booklet .hpe-h small{display:block;color:var(--muted);font-size:11px}.booklet .hpe-instr,.booklet .hpe-note{margin:0 0 10px;font-size:13.5px;white-space:normal}
.booklet .hpe-check{display:grid;gap:7px;margin:0;padding:0;list-style:none}.booklet .hpe-check li{display:flex;gap:9px;align-items:flex-start;padding:7px 10px;border:1px solid var(--line);border-radius:8px;text-align:left}.booklet .hpe-check span{font-size:18px;line-height:1}
.booklet .hpe-cues,.booklet .hpe-circuit{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:10px}.booklet .hpe-cues>div,.booklet .hpe-circuit>div{position:relative;padding:10px;border:1.5px solid var(--hpe-a);border-radius:10px;background:var(--hpe-s)}.booklet .hpe-cues p,.booklet .hpe-circuit p{margin:4px 0;font-size:13px;white-space:normal}.booklet .hpe-cues small,.booklet .hpe-circuit small{color:var(--muted);font-size:10.5px}.booklet .hpe-circuit>div>span{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--hpe-a);color:#fff;font-weight:900}
.booklet .hpe-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.booklet .hpe-scale>div{display:flex;flex-direction:column;gap:2px;padding:8px 5px;border:1.5px solid var(--hpe-a);border-radius:9px;text-align:center}.booklet .hpe-scale b{font-size:19px;color:var(--hpe-a)}.booklet .hpe-scale span{font-size:12px;font-weight:800}.booklet .hpe-scale small{font-size:9.5px;color:var(--muted)}
.booklet .hpe-table-scroll{max-width:100%;overflow-x:auto}.booklet .hpe-log{width:100%;min-width:520px;border-collapse:collapse;font-size:12px}.booklet .hpe-log th,.booklet .hpe-log td{height:31px;padding:6px 8px;border:1.5px solid var(--ink);text-align:left}.booklet .hpe-log th{background:var(--hpe-s)}.booklet .hpe-goal{padding:10px 12px;border:2px solid var(--hpe-a);border-radius:12px}.booklet .hpe-goal p{margin:3px 0;font-size:13.5px;white-space:normal}.booklet .hpe-lines{height:65px;background:repeating-linear-gradient(transparent 0,transparent 21px,#aeb7c2 22px)}
@media print{.booklet .hpe-table-scroll{overflow:visible}}
@media(max-width:640px){.booklet .hpe-cues,.booklet .hpe-circuit{grid-template-columns:1fr}.booklet .hpe-scale{grid-template-columns:repeat(5,minmax(56px,1fr));overflow-x:auto}.booklet .hpe-log{font-size:11px}}
/* Salud/PE (08-10): cabecera pegada a su contenido, estaciones con postura y
   otra forma de hacerlas, pulso, plato genérico, juego cooperativo y datos con
   su fuente a la vista. */
.booklet .hpe-keep{break-inside:avoid;page-break-inside:avoid}.booklet .hpe-scale+.hpe-note{margin-top:6px}
.booklet .hpe-stations{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:10px;margin:0 0 10px}.booklet .hpe-station{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border:1.5px solid var(--hpe-a);border-radius:12px;background:#fff}.booklet .hpe-station .hpe-n{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--hpe-a);color:#fff;font-weight:900;font-size:12px}
.booklet .hpe-station-main{display:flex;gap:10px;align-items:flex-start}.booklet .hpe-station-main>svg{flex:none;background:var(--hpe-s);border-radius:10px}.booklet .hpe-station-main b{display:block;padding-right:24px;font-size:14px}.booklet .hpe-dose{display:inline-block;margin:3px 0;padding:2px 8px;border-radius:8px;background:var(--hpe-a);color:#fff;font-style:normal;font-weight:800;font-size:11.5px}.booklet .hpe-station-main p{margin:3px 0 0;font-size:12.5px;white-space:normal}
.booklet .hpe-adapt{display:flex;gap:8px;align-items:center;padding:6px 8px;border:1px dashed var(--hpe-a);border-radius:9px;background:var(--hpe-s)}.booklet .hpe-adapt svg{flex:none}.booklet .hpe-adapt p{margin:0;font-size:11.5px;white-space:normal}.booklet .hpe-done{align-self:flex-end;color:var(--muted);font-size:11px}.booklet .hpe-nopose{display:none}
.booklet .hpe-pulse{display:flex;gap:12px;align-items:center;margin:0 0 10px}.booklet .hpe-pulse-figs{display:flex;flex:none;gap:8px}.booklet .hpe-pulse figure{width:112px;margin:0;padding:6px;border:1px solid var(--line);border-radius:10px;text-align:center}.booklet .hpe-pulse figcaption{color:var(--muted);font-size:10.5px}.booklet .hpe-steps{margin:0;padding-left:20px;font-size:13px}.booklet .hpe-steps li{margin:2px 0}
.booklet .hpe-plate{display:flex;gap:14px;align-items:flex-start;margin:0 0 10px}.booklet .hpe-plate figure{flex:0 0 46%;margin:0}.booklet .hpe-plate-svg{width:100%;height:auto}.booklet .hpe-plate figcaption{color:var(--muted);font-size:11px}.booklet .hpe-groups{flex:1;display:grid;gap:6px;margin:0;padding:0;list-style:none}.booklet .hpe-groups li{padding:6px 9px;border-left:8px solid var(--g);border-radius:6px;background:#fafcfb;font-size:12px}.booklet .hpe-groups b{display:block;font-size:13px}.booklet .hpe-groups i{display:block;color:var(--hpe-a);font-style:normal;font-weight:700}.booklet .hpe-groups span{color:var(--muted)}
.booklet .hpe-plate-mine>p{margin:0 0 6px;font-size:13.5px}.booklet .hpe-plate-lines{flex:1}.booklet .hpe-plate-lines p{display:flex;gap:6px;margin:0 0 12px;font-size:12.5px}.booklet .hpe-plate-lines span{flex:1;border-bottom:1.5px solid #aeb7c2}
.booklet .hpe-game{padding:12px;border:2px solid var(--hpe-a);border-radius:14px}.booklet .hpe-game-goal{display:flex;gap:10px;align-items:center;margin:0 0 10px;padding:8px 10px;border-radius:10px;background:var(--hpe-s)}.booklet .hpe-game-goal svg{flex:none}.booklet .hpe-game-goal p{margin:0;font-size:13.5px;white-space:normal}.booklet .hpe-game-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.booklet .hpe-game ol,.booklet .hpe-game ul{margin:2px 0 8px;padding-left:18px;font-size:12.5px}.booklet .hpe-game li{margin:2px 0}
.booklet .hpe-tag{display:block;color:var(--hpe-a);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.booklet .hpe-score{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px;padding-top:8px;border-top:1px dashed var(--line);font-size:12.5px}.booklet .hpe-score>b{flex-basis:100%}.booklet .hpe-score span{display:flex;gap:6px;align-items:center}.booklet .hpe-score i{display:inline-block;width:46px;height:24px;border:1.5px solid var(--ink);border-radius:6px}.booklet .hpe-game-reflect{margin:8px 0 0;font-size:12.5px;white-space:normal}
.booklet .hpe-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}.booklet .hpe-facts>div{padding:10px 12px;border-top:4px solid var(--hpe-a);border-radius:10px;background:var(--hpe-s)}.booklet .hpe-facts p{margin:0 0 6px;font-size:13px;white-space:normal}.booklet .hpe-facts small{color:var(--muted);font-size:10.5px}
@media(max-width:640px){.booklet .hpe-stations,.booklet .hpe-facts,.booklet .hpe-game-cols{grid-template-columns:1fr}.booklet .hpe-plate,.booklet .hpe-pulse{flex-direction:column}.booklet .hpe-plate figure{flex-basis:auto;width:100%}}

/* Artes visuales: mirar → ensayar → planear → crear → revisar. La paleta
   conserva contraste en escala de grises; ninguna instrucción depende sólo
   del color y las áreas de dibujo quedan blancas para no gastar tinta. */
.booklet .art-sec{--art-a:#315d79;--art-b:#9d4d31;--art-pale:#eef5f8;margin:0 0 14px;break-inside:auto}
.booklet .art-keep{break-inside:avoid;page-break-inside:avoid}
.booklet .art-head{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding-bottom:5px;border-bottom:2px solid var(--art-a)}
.booklet .art-head-mark{flex:none;width:17px;height:17px;border:4px solid var(--art-a);border-radius:50% 35% 55% 42%;transform:rotate(-12deg)}
.booklet .art-head>span:last-child{display:flex;flex-direction:column;line-height:1.15}
.booklet .art-head b{font-size:17px}.booklet .art-head i{font-size:11px;color:var(--muted)}
.booklet .art-instr{margin:0 0 9px;font-size:13px;line-height:1.4;white-space:normal}
.booklet .art-instr i{display:block;font-size:11.5px;color:var(--muted)}
.booklet .art-box{display:inline-block;flex:none;width:15px;height:15px;border:1.7px solid var(--ink);border-radius:3px}
.booklet .art-goals{list-style:none;margin:0;padding:9px 12px;border:1.5px solid var(--art-a);border-radius:12px;background:linear-gradient(90deg,var(--art-pale),#fff)}
.booklet .art-goals li{display:flex;gap:8px;align-items:flex-start;margin:0 0 6px;font-size:13px}.booklet .art-goals li:last-child{margin:0}
.booklet .art-goals i{display:block;font-size:11px;color:var(--muted)}
.booklet .art-work{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(150px,1fr);gap:12px;margin:0;break-inside:avoid}
.booklet .art-work img{display:block;width:100%;max-height:330px;object-fit:contain;border:1.5px solid var(--ink);background:#fff}
.booklet .art-work figcaption{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;border-left:4px solid var(--art-a);font-size:12px;line-height:1.3}
.booklet .art-work figcaption b{font:700 17px Georgia,'Times New Roman',serif}.booklet .art-work figcaption small{font-size:9.5px;color:var(--muted)}
.booklet .art-source{margin:4px 0 0;font-size:8.5px;color:var(--muted);overflow-wrap:anywhere}
.booklet .art-look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;break-inside:avoid}
.booklet .art-look-grid article{padding:8px 9px;border:1.5px solid var(--ink);border-radius:10px}.booklet .art-look-grid article>b{color:var(--art-a);font-size:14px}
.booklet .art-look-grid p{min-height:35px;margin:3px 0;font-size:11.5px;line-height:1.3;white-space:normal}
.booklet .art-writing-lines span{display:block;height:16px;border-bottom:1px solid #777}
.booklet .art-stem{margin:8px 0 0;padding:7px 10px;border-left:4px solid var(--art-b);background:#faf4f1;font-size:12.5px}
.booklet .art-line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;break-inside:avoid}
.booklet .art-line-grid article{display:flex;flex-direction:column;align-items:center;padding:6px;border:1.5px solid #9ca7ad;border-radius:10px;text-align:center}
.booklet .art-line-svg{width:100%;height:58px}.booklet .art-line-grid b{font-size:13px}.booklet .art-line-grid i{min-height:25px;font-size:10px;color:var(--muted)}
.booklet .art-try{width:100%;height:38px;margin-top:4px;border-top:1px dashed #89949b;background:repeating-linear-gradient(#fff 0 18px,#d9dde0 19px,#fff 20px)}
.booklet .art-motion{margin:0;break-inside:avoid}.booklet .art-motion-svg{display:block;width:100%;height:auto}.booklet .art-motion figcaption{margin-top:3px;font-size:10.5px;color:var(--muted)}
.booklet .art-notice-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;list-style:none;margin:8px 0 0;padding:0;font-size:12px}
.booklet .art-notice-list li{display:flex;gap:7px;align-items:flex-start}
.booklet .art-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;break-inside:avoid}.booklet .art-thumbs article{padding:6px;border:1.5px solid var(--ink);border-radius:9px}
.booklet .art-thumbs article>b{font-size:11px;color:var(--art-a)}.booklet .art-thumbs article>div{height:105px;margin:4px 0;border:1px solid #879198;background:linear-gradient(90deg,transparent 32.8%,#d8dcdf 33%,transparent 33.5%,transparent 66%,#d8dcdf 66.2%,transparent 66.7%),linear-gradient(transparent 32.8%,#d8dcdf 33%,transparent 33.5%,transparent 66%,#d8dcdf 66.2%,transparent 66.7%)}
.booklet .art-thumbs p{margin:0;font-size:9.5px}.booklet .art-choice{margin:8px 0 0;font-size:12px}
.booklet .art-studio-meta{display:flex;justify-content:space-between;gap:16px;margin:0 0 6px;font-size:11.5px}
.booklet .art-canvas{position:relative;height:365px;border:2px solid var(--ink);background:#fff;break-inside:avoid;overflow:hidden}
.booklet .art-canvas i{position:absolute;display:block;background:#dce1e4}.booklet .art-canvas i:nth-child(1),.booklet .art-canvas i:nth-child(2){top:0;bottom:0;width:1px}.booklet .art-canvas i:nth-child(1){left:33.333%}.booklet .art-canvas i:nth-child(2){left:66.666%}.booklet .art-canvas i:nth-child(3),.booklet .art-canvas i:nth-child(4){left:0;right:0;height:1px}.booklet .art-canvas i:nth-child(3){top:33.333%}.booklet .art-canvas i:nth-child(4){top:66.666%}
.booklet .art-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;counter-reset:art-step;margin:8px 0 0;padding:0;font-size:10.5px;line-height:1.25}
.booklet .art-steps li{display:flex;gap:5px;text-align:left;hyphens:manual;counter-increment:art-step}.booklet .art-steps li::before{content:counter(art-step);display:grid;place-items:center;flex:none;width:17px;height:17px;border-radius:50%;background:var(--art-a);color:#fff;font-size:9px;font-weight:800}
.booklet .art-critique{width:100%;border-collapse:collapse;break-inside:avoid}.booklet .art-critique th,.booklet .art-critique td{padding:6px;border:1.5px solid var(--ink);font-size:11px;text-align:left;vertical-align:top}.booklet .art-critique th{background:var(--art-pale)}
.booklet .art-critique td span{display:block;height:30px;border-bottom:1px solid #777}.booklet .art-revise{margin:12px 0 0;font-size:12px;text-align:left;hyphens:manual}
.booklet .art-revision-lines span{display:block;height:34px;border-bottom:1px solid #777}
/* Artes 08-10: muestras de elementos, rueda de color, herramientas y rutina del taller. */
.booklet .art-sample-svg{height:62px}
.booklet .art-stem,.booklet .art-choice{text-align:left;hyphens:manual}
.booklet .art-wheels{display:flex;gap:14px;justify-content:center;break-inside:avoid}.booklet .art-wheels figure{flex:1;max-width:360px;margin:0;text-align:center}.booklet .art-wheel-svg{display:block;width:100%;height:auto}.booklet .art-wheels figcaption{font-size:10.5px;color:var(--muted)}
.booklet .art-wheel-key{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center;margin:6px 0 0;font-size:11.5px}.booklet .art-wheel-key b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:4px;border:1.5px solid var(--ink);border-radius:50%;font-size:10px}
.booklet .art-mixes{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:8px;font-size:12px}.booklet .art-mixes p{display:flex;align-items:center;gap:5px;margin:0;text-align:left}.booklet .art-sw{display:inline-block;flex:none;width:20px;height:20px;border:1.5px solid var(--ink);border-radius:4px}.booklet .art-sw-blank{width:30px;background:#fff;border-style:dashed}
.booklet .art-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;break-inside:avoid}.booklet .art-tools article{padding:7px 9px;border:1.5px solid var(--art-a);border-radius:10px;break-inside:avoid}.booklet .art-tool-top{display:flex;align-items:center;gap:8px;margin-bottom:3px}.booklet .art-tool-svg{flex:none;width:38px;height:38px}.booklet .art-tool-top b{font-size:13.5px}
.booklet .art-tools p{margin:2px 0;font-size:11px;line-height:1.3;text-align:left;hyphens:manual}.booklet .art-tools small{display:block;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--art-a)}.booklet .art-tool-safe{padding:3px 6px;border-left:3px solid var(--art-b);background:#faf4f1}.booklet .art-tool-safe small{color:var(--art-b)}
.booklet .art-routine{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;break-inside:avoid}.booklet .art-routine article{padding:8px 10px;border:1.5px solid var(--ink);border-radius:10px}.booklet .art-routine article>b{color:var(--art-a);font-size:14px}.booklet .art-routine article>i{display:block;font-size:10.5px;color:var(--muted)}
.booklet .art-routine ul{list-style:none;margin:5px 0 0;padding:0}.booklet .art-routine li{display:flex;gap:6px;align-items:flex-start;margin:0 0 5px;font-size:11.5px;line-height:1.3;text-align:left;hyphens:manual}
@media(max-width:680px){.booklet .art-wheels{flex-direction:column;align-items:center}.booklet .art-tools,.booklet .art-routine,.booklet .art-mixes{grid-template-columns:1fr}}

/* ── FINANZAS PERSONALES: cantidades, planes y consecuencias ─────────── */
.booklet{--fin-a:#1f6255;--fin-d:#153f38;--fin-s:#e5f4ef;--fin-w:#a76516}.booklet .fin-sec{margin:0 0 20px}.booklet .fin-h{margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--fin-a);color:var(--fin-d);font-size:18px}.booklet .fin-h small{display:block;color:var(--muted);font-size:11px}.booklet .fin-instr{margin:0 0 10px;font-size:13.5px;white-space:normal}
.booklet .fin-scenario{display:grid;grid-template-columns:112px 1fr;gap:10px 14px;padding:12px 14px;border:2px solid var(--fin-a);border-radius:12px;background:var(--fin-s);break-inside:avoid}.booklet .fin-scenario>div{grid-row:1/3;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--fin-a)}.booklet .fin-scenario small{font-size:10.5px;font-weight:900;text-align:center}.booklet .fin-scenario strong{font-size:27px;color:var(--fin-d);font-variant-numeric:tabular-nums}.booklet .fin-scenario p{margin:0;white-space:normal}.booklet .fin-rule{font-size:12px}
.booklet .fin-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.booklet .fin-choices article{display:flex;flex-direction:column;padding:8px 9px;border:1.5px solid var(--fin-a);border-radius:9px;break-inside:avoid}.booklet .fin-choices span{align-self:flex-start;margin-bottom:5px;padding:1px 6px;border-radius:99px;background:var(--fin-s);color:var(--fin-d);font-size:10.5px;font-weight:900;text-transform:uppercase}.booklet .fin-choices b{font-size:12.5px}.booklet .fin-choices strong{margin:4px 0;color:var(--fin-d);font-size:19px;font-variant-numeric:tabular-nums}.booklet .fin-choices small{color:var(--muted);font-size:10.5px;line-height:1.3}
.booklet .fin-goal{padding:10px 13px;border:1.5px solid var(--fin-a);border-radius:10px}.booklet .fin-goal__bar{height:16px;border:1.5px solid var(--fin-d);border-radius:99px;overflow:hidden;background:#fff}.booklet .fin-goal__bar i{display:block;height:100%;background:var(--fin-a)}.booklet .fin-goal__numbers{display:flex;justify-content:space-between;margin-top:3px;font-size:11px}.booklet .fin-goal>p{margin:8px 0 0;text-align:center;font-size:14px;white-space:normal;font-variant-numeric:tabular-nums}
.booklet .fin-table-wrap{max-width:100%;overflow-x:auto}.booklet .fin-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.booklet .fin-table th,.booklet .fin-table td{height:31px;padding:6px 8px;border:1.4px solid var(--ink);text-align:left}.booklet .fin-table th{background:var(--fin-s);color:var(--fin-d)}.booklet .fin-budget td:nth-child(n+2),.booklet .fin-budget tfoot td,.booklet .fin-log td:nth-child(2),.booklet .fin-log td:nth-child(3){text-align:right}
.booklet .fin-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.booklet .fin-plans article{padding:9px 11px;border:1.5px solid var(--fin-a);border-radius:10px;break-inside:avoid}.booklet .fin-plans h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 6px;color:var(--fin-d);font-size:14px}.booklet .fin-plans h3 span{font-size:10.5px;text-align:right;text-transform:uppercase}.booklet .fin-plans dl{margin:0}.booklet .fin-plans dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11.5px}.booklet .fin-plans dt,.booklet .fin-plans dd{margin:0;padding:2px 0}.booklet .fin-plans dd{font-weight:800;font-variant-numeric:tabular-nums}.booklet .fin-plans p{margin:7px 0 0;font-size:11.5px;line-height:1.35;white-space:normal}
.booklet .fin-note{position:relative;padding:10px 14px 10px 58px;border:2px dashed var(--fin-a);border-radius:12px}.booklet .fin-note .fin-h{margin-bottom:2px;border:0}.booklet .fin-note__mark{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;border:3px solid var(--fin-a);border-radius:50%;color:var(--fin-d);font:900 19px Georgia,serif}.booklet .fin-note p{margin:3px 0;font-size:12px;white-space:normal}.booklet .fin-note ul{margin:5px 0;padding-left:18px;font-size:11.5px}
@media print{.booklet .fin-table-wrap{overflow:visible}.booklet .fin-scenario,.booklet .fin-goal,.booklet .fin-plans{break-inside:avoid}}
@media(max-width:640px){.booklet .fin-scenario{grid-template-columns:1fr}.booklet .fin-scenario>div{grid-row:auto;border-right:0;border-bottom:1px solid var(--fin-a);padding-bottom:7px}.booklet .fin-choices{grid-template-columns:1fr 1fr}.booklet .fin-plans{grid-template-columns:1fr}.booklet .fin-table thead{display:none}.booklet .fin-table,.booklet .fin-table tbody,.booklet .fin-table tfoot,.booklet .fin-table tr,.booklet .fin-table th,.booklet .fin-table td{display:block;width:100%}.booklet .fin-table tr{margin-bottom:8px;border:1.4px solid var(--ink);border-radius:8px;overflow:hidden}.booklet .fin-table th,.booklet .fin-table td{height:auto;border:0;border-bottom:1px solid var(--line);text-align:left!important}.booklet .fin-table td::before{display:block;color:var(--fin-d);font-size:10.5px;font-weight:900;text-transform:uppercase}.booklet .fin-budget td:nth-child(1)::before{content:'Category'}.booklet .fin-budget td:nth-child(2)::before{content:'Planned'}.booklet .fin-budget td:nth-child(3)::before{content:'Actual'}.booklet .fin-budget td:nth-child(4)::before{content:'Difference'}.booklet .fin-log td:nth-child(1)::before{content:'Step'}.booklet .fin-log td:nth-child(2)::before{content:'Change'}.booklet .fin-log td:nth-child(3)::before{content:'Balance'}.booklet .fin-log td:nth-child(4)::before{content:'Proof'}.booklet .fin-budget tfoot th{background:var(--fin-s)}.booklet .fin-choices article:last-child{grid-column:1/-1}}

/* ── MATES SECUNDARIA (kairos-math-hs-lesson-v1) ──────────────────────────
   Álgebra I y Geometría. La cabecera, el reloj y los colores son los de mates
   (`lang-h m-h`, `--lang-a`); lo propio va con prefijo `mh-`. Bordes antes que
   fondos (se fotocopia en B/N); los SVG no se encogen dentro de un flex
   (`flex:none`); los párrafos, a la izquierda y sin `pre-wrap`. */
.booklet .mh-sec{margin:0 0 18px}
.booklet .mh-sec p,.booklet .mh-sec li,.booklet .mh-sec td,.booklet .mh-sec th,.booklet .mh-std p,.booklet .mh-std li{white-space:normal;text-align:left;hyphens:manual}
.booklet .mh-keep{break-inside:avoid}
.booklet .mh-svg{display:block;flex:none;max-width:100%;height:auto;margin:0 auto}
.booklet .mh-fig{margin:6px 0 8px;break-inside:avoid}
.booklet .mh-fig figcaption{margin-top:3px;text-align:center;color:var(--muted);font-size:11px}
.booklet .mh-m{font-family:Georgia,'Times New Roman',serif;font-size:1.06em}
.booklet .mh-eqt .mh-m,.booklet .mh-sys .mh-m,.booklet .mh-aexpr .mh-m,.booklet .mh-rules .mh-m{white-space:nowrap}
.booklet .mh-m i{font-style:italic}
.booklet .mh-sec sup,.booklet .mh-std sup{font-size:.7em;line-height:0;vertical-align:.55em}
.booklet .mh-sec sub{font-size:.7em;line-height:0;vertical-align:-.25em}
.booklet .mh-frac{font-size:1em;vertical-align:middle}
.booklet .mh-box{display:inline-block;width:46px;height:22px;border:1.6px solid var(--ink);border-radius:4px;vertical-align:middle;font-style:normal}
.booklet .mh-box-s{width:30px;height:18px}
.booklet .mh-box-w{width:100%;min-width:90px;height:24px;border-style:dashed;border-color:#8f96a3}
.booklet .mh-blank{min-width:110px}
.booklet .mh-blank.w{display:block;min-width:0;width:100%;height:20px;margin:0}
.booklet .mh-line{height:24px}
.booklet .mh-ov{position:relative;display:inline-block;padding-top:.32em;line-height:1;font-family:Georgia,'Times New Roman',serif;font-style:italic}
.booklet .mh-ov::before{content:'';position:absolute;left:0;right:0;top:.06em;border-top:1.3px solid currentColor}
.booklet .mh-ah{position:absolute;top:-.1em;width:.32em;height:.32em;border:solid currentColor;border-width:1.3px 1.3px 0 0}
.booklet .mh-ah.r{right:-.05em;transform:rotate(45deg)}
.booklet .mh-ah.l{left:-.05em;transform:rotate(-135deg)}
.booklet .mh-arc::before{left:-.05em;right:-.05em;top:-.1em;height:.3em;border:1.3px solid currentColor;border-bottom:0;border-radius:50% 50% 0 0}
.booklet .mh-opts{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;font-size:13px}
.booklet .mh-opts>span{display:inline-flex;align-items:center;gap:6px}
.booklet .mh-two{display:flex;gap:14px;align-items:flex-start;justify-content:center}
.booklet .mh-two>*{flex:none}
/* Estándares */
.booklet .mh-std{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:9px 14px;border:1.5px solid var(--lang-a);border-radius:12px}
.booklet .mh-std>svg{flex:none}
.booklet .mh-std-tag{margin:0 0 3px;color:var(--lang-d);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.booklet .mh-std ul{list-style:none;margin:0;padding:0}
.booklet .mh-std li{display:flex;gap:10px;align-items:baseline;margin:0 0 3px;font-size:12.5px;line-height:1.38}
.booklet .mh-std li b{flex:none;min-width:92px;padding:1px 8px;border-radius:99px;background:var(--lang-d);color:#fff;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;text-align:center}
.booklet .mh-std-note{margin:4px 0 0;color:var(--muted);font-size:11.5px}
/* Arranque */
.booklet .mh-story{align-items:flex-start}
.booklet .mh-quote{margin:0 0 6px}
.booklet .mh-steps{margin:4px 0}
/* Anatomía de una expresión */
.booklet .mh-anat{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:4px 10px;margin:6px 0 4px;break-inside:avoid}
.booklet .mh-aterm{display:flex;flex-direction:column;align-items:stretch}
.booklet .mh-aparts{display:flex;align-items:flex-end;gap:4px;justify-content:center}
.booklet .mh-apart{display:flex;flex-direction:column;align-items:center}
.booklet .mh-apart small{min-height:14px;padding:0 5px;border-radius:99px;background:var(--lang-s);color:var(--lang-d);font-size:10px;font-weight:800;line-height:14px;white-space:nowrap}
.booklet .mh-apart small:empty{background:none}
.booklet .mh-aexpr{font-size:26px;line-height:1.25;padding:0 2px}
.booklet .mh-abrace{height:9px;margin:1px 2px 0;border:2px solid var(--lang-a);border-top:0;border-radius:0 0 8px 8px}
.booklet .mh-adown{margin-top:2px;text-align:center;color:var(--lang-d);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.booklet .mh-asign{align-self:center;margin-bottom:14px;font-family:Georgia,serif;font-size:26px}
.booklet .mh-aread{margin:4px 0 8px;font-size:13px;text-align:center!important}
/* Resolver paso a paso */
.booklet .mh-problem{margin:0 0 6px}
.booklet .mh-eqt{width:100%;border-collapse:collapse;break-inside:avoid;font-size:13px}
.booklet .mh-eqt th{padding:5px 8px;background:var(--lang-d);color:#fff;text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.booklet .mh-eqt td{padding:3px 6px;vertical-align:middle}
.booklet .mh-eqt tr.mh-eq td{border-top:1.5px solid #cfd8d6}
.booklet .mh-eqt td.n{width:32px;text-align:center;font-weight:900;color:var(--lang-a);font-size:14px}
.booklet .mh-eqt th.n{width:32px;text-align:center}
.booklet .mh-eqt td.l{width:24%;text-align:right;font-size:16px}
.booklet .mh-eqt td.rel{width:22px;text-align:center;font-family:Georgia,serif;font-size:16px;font-weight:700}
.booklet .mh-eqt td.r{width:24%;text-align:left;font-size:16px}
.booklet .mh-eqt td.why{border-left:3px solid var(--lang-a);background:#f6fbfa;font-style:italic;color:#3c4a48;line-height:1.35}
.booklet .mh-eqt tr.mh-op td{padding-top:0;padding-bottom:2px}
.booklet .mh-eqt tr.mh-op td.l,.booklet .mh-eqt tr.mh-op td.r{color:var(--lang-a);font-size:14px}
.booklet .mh-eqt tr.mh-op td.l .mh-m,.booklet .mh-eqt tr.mh-op td.r .mh-m{border-bottom:1.5px solid var(--lang-a);padding:0 3px}
.booklet .mh-eqt tr.mh-op td.why{font-size:12px}
.booklet .mh-eqt tr.fin td.l,.booklet .mh-eqt tr.fin td.r{font-weight:700}
.booklet .mh-eqt tr.fin td.l .mh-m,.booklet .mh-eqt tr.fin td.r .mh-m{background:#fff4d6;padding:0 4px;border-radius:4px}
.booklet .mh-flip{display:inline-block;padding:0 7px;border-radius:99px;background:#b03a2e;color:#fff;font-style:normal;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase}
.booklet .mh-check{margin:6px 0 4px;padding:5px 10px;border-left:3px solid var(--lang-w);background:#fffaf0;font-size:13px}
/* Tabla de razones de secundaria: conserva cabeceras y filas legibles al imprimir. */
.booklet .mh-ratio-table{width:100%;border-collapse:collapse;break-inside:avoid;font-size:13px}
.booklet .mh-ratio-table th{padding:5px 8px;background:var(--lang-d);color:#fff;text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.booklet .mh-ratio-table td{padding:5px 8px;border-bottom:1.5px solid #cfd8d6;text-align:center;font-variant-numeric:tabular-nums}
.booklet .mh-ratio-table tbody tr:nth-child(even){background:#f3f8f7}
.booklet .mh-chart-source{margin:3px 0 6px;color:#5c5670;font-size:11px;font-style:italic}
/* Tablas partibles: mismas columnas en la tabla con cabecera y en sus hermanas */
.booklet .mh-eqt,.booklet .mh-pf,.booklet .mh-wk{table-layout:fixed}
.booklet table.mh-cont{margin-top:0}
.booklet table.mh-cont tr:first-child td{border-top:0}
/* Ejemplo resuelto */
.booklet .mh-wk{width:100%;border-collapse:collapse;break-inside:avoid;font-size:13px}
.booklet .mh-wk th{padding:5px 8px;background:var(--lang-d);color:#fff;text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.booklet .mh-wk td{padding:6px 8px;border-bottom:1.5px solid #cfd8d6;vertical-align:top;line-height:1.45}
.booklet .mh-wk td.n,.booklet .mh-wk th.n{text-align:center;font-weight:900;color:var(--lang-a);font-size:15px}
.booklet .mh-wk th.n{color:#fff;font-size:11px}
.booklet .mh-wk td.why{border-left:3px solid var(--lang-a);background:#f6fbfa;font-style:italic;color:#3c4a48}
.booklet .mh-wk-top{display:flex;gap:14px;align-items:center;justify-content:space-between}
.booklet .mh-wk-top>.mh-fig{flex:none;margin:0}
.booklet .mh-wk-given{margin:0 0 6px;font-size:13px;color:var(--muted)}
/* Recta numérica de inecuaciones */
.booklet .mh-nl{break-inside:avoid}
.booklet .mh-nl-t{margin:2px 0 0;font-size:13.5px}
/* Tabla y gráfica */
.booklet .mh-rules{margin:0 0 6px;text-align:center!important;font-size:15px}
.booklet .mh-sep{margin:0 12px;color:var(--muted)}
.booklet .mh-tg{display:flex;gap:16px;align-items:center;justify-content:center;break-inside:avoid}
.booklet .mh-tg>.mh-fig{flex:none;margin:0}
.booklet .mh-tg-t{flex:none}
.booklet .mh-tab{border-collapse:collapse;font-size:13.5px}
.booklet .mh-tab th{padding:4px 12px;border:1.5px solid var(--ink);background:var(--lang-s);color:var(--lang-d);font-family:Georgia,serif;font-size:14px}
.booklet .mh-tab td{min-width:44px;height:26px;padding:2px 10px;border:1.5px solid var(--ink);text-align:center!important;font-family:Georgia,serif;font-size:14px}
.booklet .mh-tab-c th,.booklet .mh-tab-c td{padding:2px 7px;font-size:12.5px;height:22px}
.booklet .mh-source{max-width:300px;margin:4px 0 0;color:var(--muted);font-size:10.5px;line-height:1.3}
.booklet .mh-figtab{display:flex;flex-direction:column;align-items:center;margin:4px 0 8px}
.booklet .mh-figtab .mh-source{max-width:560px;text-align:center!important}
/* Sistemas */
.booklet .mh-sysg{display:flex;gap:16px;align-items:flex-start;break-inside:avoid}
.booklet .mh-sysg>div{flex:1;min-width:0}
.booklet .mh-sysg>.mh-fig{flex:none;margin:0}
.booklet .mh-sys{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:16px}
.booklet .mh-brace{width:9px;align-self:stretch;border:2px solid var(--ink);border-right:0;border-radius:8px 0 0 8px}
.booklet .mh-sys-eqs{display:flex;flex-direction:column;gap:2px}
.booklet .mh-steps-t td{font-size:12.5px}
/* Diagramas de flechas */
.booklet .mh-maps{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:10px;break-inside:avoid}
.booklet .mh-map{margin:0;padding:6px 6px 8px;border:1.5px solid #cfd8d6;border-radius:12px}
.booklet .mh-map-t{margin:0 0 2px;text-align:center;font-size:13px;font-weight:800;color:var(--lang-d)}
.booklet .mh-map-q{margin:4px 4px 0;font-size:12.5px}
/* Práctica graduada */
.booklet .mh-lvl{margin:0 0 8px;break-inside:avoid}
.booklet .mh-lvl-tag{display:flex;align-items:center;gap:8px;margin:0 0 5px;color:var(--lang-d);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.booklet .mh-lvl-tag b{padding:1px 9px;border-radius:99px;background:var(--lang-a);color:#fff;font-size:11px}
.booklet .mh-lvl-g{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:8px}
.booklet .mh-item{padding:7px 10px 8px;border:1.5px solid var(--ink);border-radius:10px}
.booklet .mh-item p{margin:0;font-size:13px;line-height:1.4}
.booklet .mh-item-n{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:2px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px}
.booklet .mh-work{position:relative;height:calc(var(--h,3) * 24px);margin-top:6px;border:1.5px dashed #9aa1ab;border-radius:8px}
.booklet .mh-work span{position:absolute;top:3px;left:8px;color:#8b93a0;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.booklet .mh-frame{margin-top:4px!important;text-align:right!important}
/* Definiciones */
.booklet .mh-defs{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:8px;margin:0 0 8px;break-inside:avoid}
.booklet .mh-def{display:flex;flex-direction:column;gap:2px;padding:6px 9px 8px;border:1.5px solid #cfd8d6;border-radius:12px}
.booklet .mh-def .mh-svg{margin:0 auto 2px}
.booklet .mh-def-t{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin:0;font-size:14px}
.booklet .mh-def-n{font-size:14px}
.booklet .mh-def-d{margin:0;font-size:12px;line-height:1.38}
.booklet .mh-def-u{margin:2px 0 0;font-size:10.5px;color:var(--muted)}
.booklet .mh-def-u span{display:inline-block;margin:0 3px 2px 0;padding:0 6px;border:1px solid #b7cfcb;border-radius:99px;color:var(--lang-d);font-weight:700}
/* Transformaciones */
.booklet .mh-trs{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:10px;margin:0 0 6px;break-inside:avoid}
.booklet .mh-tr{display:flex;flex-direction:column;align-items:center}
.booklet .mh-tr-t{margin:0;font-size:13.5px;font-weight:800;color:var(--lang-d);text-align:center!important}
.booklet .mh-tr-r{margin:0 0 2px;font-size:13px;text-align:center!important}
.booklet .mh-tr .mh-fig{margin:2px 0 4px}
.booklet .mh-coords td{font-family:inherit}
/* Triángulos */
.booklet .mh-tri{margin:0 0 8px;break-inside:avoid}
.booklet .mh-tri-g{display:flex;gap:16px;align-items:center;justify-content:center}
.booklet .mh-tri-g>.mh-fig{flex:none;margin:0}
.booklet .mh-meas{flex:none}
.booklet .mh-meas td:first-child{text-align:left!important}
.booklet .mh-meas tr.sum td{font-weight:800;background:#fff4d6}
/* Demostraciones */
.booklet .mh-pf-top{display:flex;gap:14px;align-items:center;margin:0 0 6px;break-inside:avoid}
.booklet .mh-pf-top>.mh-fig{flex:none;margin:0}
.booklet .mh-pf-gp{flex:1;padding:8px 12px;border:1.5px solid var(--ink);border-radius:10px}
.booklet .mh-pf-gp p{margin:0 0 4px;font-size:13.5px;line-height:1.4}
.booklet .mh-pf-plan{color:var(--muted);font-size:12.5px!important}
.booklet .mh-pf{width:100%;border-collapse:collapse;break-inside:avoid;font-size:13px}
.booklet .mh-pf th{padding:5px 8px;background:var(--lang-d);color:#fff;text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.booklet .mh-pf td{padding:5px 8px;border-bottom:1.5px solid #cfd8d6;vertical-align:top;line-height:1.4}
.booklet .mh-pf td.n,.booklet .mh-pf th.n{width:30px;text-align:center;font-weight:900;color:var(--lang-a)}
.booklet .mh-pf th.n{color:#fff}
.booklet .mh-pf td.why{width:46%;border-left:3px solid var(--lang-a);background:#f6fbfa;font-style:italic;color:#3c4a48}
.booklet .mh-bank{margin:6px 0 0;font-size:12px}
.booklet .mh-bank span{display:inline-block;margin:0 5px 4px 0;padding:1px 8px;border:1.3px solid var(--lang-a);border-radius:99px}
/* Construcciones */
.booklet .mh-css{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:8px;margin:0 0 6px;break-inside:avoid}
.booklet .mh-cs{display:flex;flex-direction:column;padding:6px 6px 4px;border:1.5px solid #cfd8d6;border-radius:12px}
.booklet .mh-cs-n{display:flex;gap:6px;align-items:flex-start;min-height:46px;margin:0 0 2px;font-size:11.5px;line-height:1.3}
.booklet .mh-cs-n b{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--lang-a);color:#fff;font-size:10.5px}
.booklet .mh-cs-why{margin:4px 0 0;padding:6px 10px;border-left:3px solid var(--lang-a);background:#f6fbfa;font-size:12.5px}
/* Teoremas y contraejemplos */
.booklet .mh-thm{display:flex;gap:14px;align-items:center;margin:0 0 8px;padding:10px 14px;border:2px solid var(--lang-a);border-radius:14px;background:linear-gradient(90deg,var(--lang-s),#fff 70%);break-inside:avoid}
.booklet .mh-thm>.mh-fig{flex:none;margin:0}
.booklet .mh-thm-txt{flex:1}
.booklet .mh-thm-name{margin:0 0 4px;color:var(--lang-d);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.booklet .mh-if,.booklet .mh-then{margin:0 0 3px;font-size:14.5px;line-height:1.4}
.booklet .mh-if b,.booklet .mh-then b{display:inline-block;min-width:44px;padding:0 6px;border-radius:6px;background:var(--lang-a);color:#fff;font-size:11px;text-align:center;text-transform:uppercase;letter-spacing:.05em}
.booklet .mh-then b{background:var(--lang-d)}
.booklet .mh-thm-note{margin:4px 0 0;color:var(--muted);font-size:12px}
.booklet .mh-ces{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:8px;margin:0 0 8px;break-inside:avoid}
.booklet .mh-ce{padding:7px 10px 8px;border:2px solid var(--ink);border-radius:12px}
.booklet .mh-ce p{margin:0 0 4px;font-size:13px;line-height:1.4}
.booklet .mh-ce-why{color:#3c4a48;font-style:italic}
.booklet .mh-sort{width:100%;border-collapse:collapse;break-inside:avoid;font-size:13px}
.booklet .mh-sort th{padding:4px 6px;border-bottom:2px solid var(--lang-a);color:var(--lang-d);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;text-align:center!important}
.booklet .mh-sort td{padding:5px 6px;border-bottom:1px solid #d8dde3}
.booklet .mh-sort td:not(:first-child){width:84px;text-align:center!important}
/* ── g69art ── piezas de artes visuales de 6.º y 9.º (08-10-2026): perspectiva, mezclas, mapa de ideas, rúbrica y obra sin imagen */
.booklet .g69art-persp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;break-inside:avoid}.booklet .g69art-persp-grid.is-3{grid-template-columns:repeat(3,1fr)}
.booklet .g69art-persp-grid article{padding:6px 8px;border:1.5px solid #9ca7ad;border-radius:10px;break-inside:avoid}.booklet .g69art-persp-svg{display:block;width:100%;height:auto}
.booklet .g69art-persp-grid b{display:block;margin-top:3px;font-size:12.5px}.booklet .g69art-persp-grid i{display:block;font-size:10.5px;line-height:1.3;color:var(--muted);text-align:left;hyphens:manual}
.booklet .g69art-persp-practice{margin:8px 0 0;break-inside:avoid}.booklet .g69art-persp-practice svg{display:block;width:100%;height:auto}.booklet .g69art-persp-practice figcaption{margin-top:3px;font-size:10.5px;color:var(--muted);text-align:left}
.booklet .g69art-mix{width:100%;border-collapse:collapse;table-layout:fixed;break-inside:avoid}.booklet .g69art-mix th,.booklet .g69art-mix td{padding:4px;border:1.5px solid var(--ink);font-size:10.5px;text-align:center;vertical-align:middle}
.booklet .g69art-mix th{background:var(--art-pale)}.booklet .g69art-mix th small{display:block;font-size:9px;font-weight:400;color:var(--muted)}.booklet .g69art-mix td{height:46px}.booklet .g69art-mix td:first-child{width:24%;text-align:left}
.booklet .g69art-mix .art-sw{width:24px;height:24px;margin-right:6px;vertical-align:middle}
.booklet .g69art-scale{display:flex;align-items:center;gap:4px;margin:9px 0 0;break-inside:avoid}.booklet .g69art-scale>b{flex:none;width:24%;font-size:11px;text-align:left}
.booklet .g69art-scale>span{flex:1;height:34px;border:1.5px dashed #89949b;border-radius:4px}.booklet .g69art-scale>span.is-end{border:1.5px solid var(--ink)}
.booklet .g69art-web{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"b1 b2 b3" "b8 c b4" "b7 b6 b5";gap:12px 20px;break-inside:avoid}
.booklet .g69art-web-lines{position:absolute;inset:0;z-index:0;width:100%;height:100%}.booklet .g69art-web>article,.booklet .g69art-web-center{position:relative;z-index:1;background:#fff}
.booklet .g69art-web>article{min-height:72px;padding:6px 8px;border:1.5px solid var(--ink);border-radius:10px}.booklet .g69art-web>article>b{font-size:11.5px;color:var(--art-a)}
.booklet .g69art-web>article>p{margin:1px 0 2px;font-size:10px;line-height:1.25;color:var(--muted);text-align:left;hyphens:manual}
.booklet .g69art-web-center{grid-area:c;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;padding:10px 26px;border:3px solid var(--art-a);border-radius:50%;text-align:center}
.booklet .g69art-web-center b{font-size:11px;line-height:1.2}.booklet .g69art-web-fill{display:block;width:100%;height:16px;border-bottom:1.5px solid var(--ink)}.booklet .g69art-web-center i{font-size:10px;color:var(--muted)}
.booklet .g69art-b1{grid-area:b1}.booklet .g69art-b2{grid-area:b2}.booklet .g69art-b3{grid-area:b3}.booklet .g69art-b4{grid-area:b4}.booklet .g69art-b5{grid-area:b5}.booklet .g69art-b6{grid-area:b6}.booklet .g69art-b7{grid-area:b7}.booklet .g69art-b8{grid-area:b8}
.booklet .g69art-rubric{width:100%;border-collapse:collapse;table-layout:fixed;break-inside:avoid}.booklet .g69art-rubric th,.booklet .g69art-rubric td{padding:4px 5px;border:1.5px solid var(--ink);font-size:9.5px;line-height:1.25;text-align:left;vertical-align:top;hyphens:manual}
.booklet .g69art-rubric thead th{background:var(--art-pale);font-size:10px}.booklet .g69art-rubric tbody th{font-size:10.5px}.booklet .g69art-rubric tbody th small{display:block;margin-top:2px;font-size:8.5px;font-weight:400;color:var(--muted)}
.booklet .g69art-rubric-name{width:15%}.booklet .g69art-rubric-score{width:7%}
.booklet .g69art-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:180px;padding:12px;border:2px dashed #89949b;background:repeating-linear-gradient(45deg,#fff 0 10px,#f1f3f4 10px 20px);font-size:12px;color:var(--muted);text-align:center}
@media(max-width:680px){.booklet .g69art-persp-grid,.booklet .g69art-persp-grid.is-3{grid-template-columns:1fr}.booklet .g69art-web{grid-template-columns:1fr;grid-template-areas:none}.booklet .g69art-web>*{grid-area:auto}.booklet .g69art-web-lines{display:none}.booklet .g69art-web-center{border-radius:14px}}
/* ── g69cs ── Computación 6.º/9.º: Python legible en papel (listado numerado con sangría visible, bloques↔texto, marcos de ámbito, contrato de función). */
.booklet .g69cs-listing{position:relative;margin:4px 0 0;padding:9px 0 6px;border:1.5px solid var(--cs-a);border-radius:8px;background:#fbfdfe;font:12px/1.55 ui-monospace,Menlo,Consolas,monospace;text-align:left}
.booklet .g69cs-lang{position:absolute;top:-8px;right:10px;padding:0 6px;background:#fff;color:var(--cs-a);font:800 9.5px/16px Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.booklet .g69cs-ln{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline}.booklet .g69cs-ln b{padding-right:7px;border-right:1px solid #d5dde5;color:#7d8a97;font-size:10.5px;font-weight:700;text-align:right}
.booklet .g69cs-ln code{padding-left:10px;white-space:pre;font:inherit;color:var(--ink)}.booklet .g69cs-ind{display:inline-block;border-left:1px dotted #9fb3c4;white-space:pre}
.booklet .g69cs-k{font-weight:800;color:#6d2a84}.booklet .g69cs-s{color:#9b3f12}.booklet .g69cs-c{color:#5f6b76;font-style:italic}.booklet .g69cs-f{font-weight:700;color:var(--cs-a)}
.booklet .g69cs-code.has-notes{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(160px,.7fr);gap:12px;align-items:start}
.booklet .g69cs-notes{margin:4px 0 0;padding:0;list-style:none}.booklet .g69cs-notes li{margin:0 0 6px;padding:4px 8px;border-left:3px solid var(--cs-a);background:var(--cs-s);font-size:11.5px;line-height:1.35;text-align:left}.booklet .g69cs-notes li b.g69cs-nl{color:var(--cs-a);font:800 10px/1.3 ui-monospace,Menlo,monospace;white-space:nowrap}.booklet .g69cs-notes li span{white-space:normal}
.booklet .g69cs-input{margin:8px 0 0;font-size:12px;text-align:left;white-space:normal}.booklet .g69cs-input code{padding:1px 6px;border:1px solid #aeb7c2;border-radius:4px;background:#fff;font:700 12px ui-monospace,Menlo,monospace}
.booklet .g69cs-console{margin-top:8px;padding:5px 10px 7px;border:1.5px solid #3c4653;border-radius:8px;background:#f1f3f5;text-align:left;break-inside:avoid}.booklet .g69cs-console>b{display:block;color:#3c4653;font:800 9.5px/1.6 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.booklet .g69cs-console pre{margin:0;font:12px/1.5 ui-monospace,Menlo,monospace;white-space:pre-wrap}.booklet .g69cs-console.is-blank{background:#fff}.booklet .g69cs-console.is-blank i{display:block;height:24px;border-bottom:1px solid #aeb7c2}
.booklet .g69cs-bt{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:8px;align-items:start}.booklet .g69cs-arrow{align-self:center;color:var(--cs-a);font:900 18px/1 Inter,Arial,sans-serif;text-align:center}
.booklet .g69cs-blocks{position:relative;margin:4px 0 0;padding:12px 10px 7px;border:1.5px dashed #b9c4ce;border-radius:8px;text-align:left}
.booklet .g69cs-blk{width:max-content;max-width:100%;margin:0 0 3px;padding:3px 10px;border:1.5px solid;border-radius:6px;color:#1d2228;font:700 12px/1.45 Inter,Arial,sans-serif}
.booklet .g69cs-blk.is-event{border-color:#a87a0b;border-radius:14px 14px 6px 6px;background:#ffe9a8}.booklet .g69cs-blk.is-var{border-color:#c7650f;background:#ffe2c6}.booklet .g69cs-blk.is-looks{border-color:#6b4fc8;background:#e8e0ff}.booklet .g69cs-blk.is-control{border-color:#b88a12;background:#fff1cc}
.booklet .g69cs-blk.g69cs-c{min-width:62%;padding:0}.booklet .g69cs-chead{padding:3px 10px}.booklet .g69cs-cbody{margin-left:14px;padding:3px 6px 0;border-left:1.5px solid #b88a12;background:#fff}.booklet .g69cs-cfoot{height:8px}
.booklet .g69cs-slot{display:inline-block;padding:0 6px;border:1px solid currentColor;border-radius:9px;background:#fff;font-weight:800}.booklet .g69cs-val{display:inline-block;min-width:16px;padding:0 6px;border:1px solid #8a97a5;border-radius:9px;background:#fff;text-align:center}.booklet .g69cs-bool{display:inline-block;padding:0 5px;border:1px solid #3f8a5a;border-radius:4px;background:#ddf2dd}
.booklet .g69cs-scope.has-code{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;align-items:start}.booklet .g69cs-moment{margin:4px 0 8px;font-size:12px;text-align:left;white-space:normal}
.booklet .g69cs-frames{display:flex;flex-direction:column;gap:8px}.booklet .g69cs-frame{padding:6px 10px 8px;border:2px solid var(--cs-a);border-radius:8px;background:#fff;text-align:left;break-inside:avoid}.booklet .g69cs-frame.is-global{background:var(--cs-s)}.booklet .g69cs-frame.is-gone{border-style:dashed;border-color:#8a97a5;color:#5f6b76}
.booklet .g69cs-frame>b{display:block;margin-bottom:4px;color:var(--cs-a);font:800 12px/1.3 ui-monospace,Menlo,monospace}.booklet .g69cs-frame.is-gone>b{color:#5f6b76}.booklet .g69cs-frame table{border-collapse:collapse;font:12px/1.4 ui-monospace,Menlo,monospace}.booklet .g69cs-frame th{padding:2px 10px 2px 0;font-weight:700;text-align:left}.booklet .g69cs-frame td{min-width:64px;padding:2px 8px;border:1.5px dashed var(--cs-a);background:#fff;white-space:nowrap}
.booklet .g69cs-frame small{display:block;margin-top:4px;color:var(--muted);font-size:10.5px;white-space:normal}.booklet .g69cs-empty{margin:0;color:var(--muted);font-size:11px}
.booklet .g69cs-fn{margin:4px 0 0;padding:10px 12px;border:2px solid var(--cs-a);border-radius:10px;background:#fff;text-align:left}.booklet .g69cs-sig{display:block;padding:6px 10px;border-radius:6px;background:var(--cs-s);font:800 13px/1.4 ui-monospace,Menlo,monospace;white-space:pre-wrap}
.booklet .g69cs-purpose{margin:6px 0;font-size:12.5px;white-space:normal}.booklet .g69cs-io{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.booklet .g69cs-io>div>b{color:var(--cs-a);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.booklet .g69cs-io ul{margin:3px 0 0;padding:0;list-style:none}.booklet .g69cs-io li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px;align-items:baseline;margin:2px 0;font-size:12px}.booklet .g69cs-io li span{white-space:normal}
.booklet .g69cs-io code{font:800 12px ui-monospace,Menlo,monospace}.booklet .g69cs-io em{color:#6d2a84;font-size:10.5px;font-style:normal;font-weight:700}.booklet .g69cs-io p{margin:3px 0 0;font-size:12px;white-space:normal}
.booklet .g69cs-hidden{margin:8px 0 0;padding:5px 8px;border:1.5px dashed #8a97a5;border-radius:6px;color:#4a5560;font-size:11.5px;white-space:normal}.booklet .g69cs-examples code{font:12px/1.4 ui-monospace,Menlo,monospace;white-space:pre}
@media(max-width:640px){.booklet .g69cs-code.has-notes,.booklet .g69cs-bt,.booklet .g69cs-scope.has-code,.booklet .g69cs-io{grid-template-columns:1fr}.booklet .g69cs-arrow{transform:rotate(90deg)}.booklet .g69cs-ln code{white-space:pre-wrap}}
.booklet .g69cs-listing.is-blank .g69cs-ln{height:27px;border-bottom:1px solid #d5dde5}.booklet .g69cs-listing.is-blank .g69cs-ln:last-child{border-bottom:0}.booklet .g69cs-notes code,.booklet .g69cs-moment code,.booklet .g69cs-frame small code,.booklet .g69cs-io code,.booklet .g69cs-purpose code,.booklet .cs-prompt code,.booklet .g69cs-hidden code,.booklet .cs-sec .cs-instr code{font:700 11.5px ui-monospace,Menlo,monospace}
.booklet .g69cs-table code{font:12px/1.4 ui-monospace,Menlo,monospace;white-space:pre}
/* ── fin g69cs ── */
/* ── g69fin: recibo de nómina, barras con fuente, tramos del impuesto y patrimonio neto (6.º y 9.º) ── */
.booklet .g69fin-blank{display:inline-block;min-width:74px;height:20px;border:1.5px dashed var(--fin-d);border-radius:4px;background:#fff;vertical-align:middle}
.booklet .g69fin-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.booklet .g69fin-table th,.booklet .g69fin-table td{padding:5px 8px;border:1.4px solid var(--ink);text-align:left}.booklet .g69fin-table thead th,.booklet .g69fin-table tfoot th{background:var(--fin-s);color:var(--fin-d)}
.booklet .g69fin-src{margin:6px 0 0;color:var(--muted);font-size:10.5px;line-height:1.35;white-space:normal}.booklet .g69fin-note{margin:4px 0 0;font-size:11.5px;line-height:1.35;white-space:normal}
.booklet .g69fin-stub{border:2px solid var(--fin-d);border-radius:10px;overflow:hidden;break-inside:avoid;font-variant-numeric:tabular-nums}.booklet .g69fin-stub__top{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;background:var(--fin-d);color:#fff}.booklet .g69fin-stub__top b{font-size:14px}.booklet .g69fin-stub__top span{font-size:10.5px;font-weight:900;letter-spacing:.08em}
.booklet .g69fin-stub__meta{display:flex;flex-wrap:wrap;gap:4px 18px;padding:6px 12px;border-bottom:1.4px solid var(--fin-a);background:var(--fin-s);font-size:11px}.booklet .g69fin-stub__meta span{color:var(--muted)}.booklet .g69fin-stub__meta b{color:var(--ink)}
.booklet .g69fin-stub__cols{display:grid;grid-template-columns:1.05fr 1fr;gap:0}.booklet .g69fin-stub__t{width:100%;border-collapse:collapse;font-size:11.5px}.booklet .g69fin-stub__t+.g69fin-stub__t{border-left:1.4px solid var(--fin-a)}
.booklet .g69fin-stub__t th,.booklet .g69fin-stub__t td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.booklet .g69fin-stub__t thead th{color:var(--fin-d);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em}
.booklet .g69fin-stub__t td:not(:first-child){text-align:right;white-space:nowrap}.booklet .g69fin-stub__t td small{display:block;color:var(--muted);font-size:9.5px}.booklet .g69fin-stub__t em{font-style:normal;font-size:9px;font-weight:900;color:var(--fin-w);text-transform:uppercase}
.booklet .g69fin-stub__t tfoot th,.booklet .g69fin-stub__t tfoot td{border-top:1.4px solid var(--fin-a);border-bottom:0;font-weight:900}.booklet .g69fin-stub__t tfoot td{text-align:right}
.booklet .g69fin-stub__emp{margin:0;padding:6px 12px;border-top:1px dashed var(--fin-a);font-size:11px;white-space:normal}
.booklet .g69fin-stub__net{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:2px solid var(--fin-d);background:var(--fin-s)}.booklet .g69fin-stub__net span{font-weight:900;color:var(--fin-d)}.booklet .g69fin-stub__net small{font-weight:600;color:var(--muted)}.booklet .g69fin-stub__net strong{font-size:20px;color:var(--fin-d)}
.booklet .g69fin-stub .g69fin-src{padding:0 12px 7px}
.booklet .g69fin-bars{padding:9px 12px;border:1.5px solid var(--fin-a);border-radius:10px;break-inside:avoid}.booklet .g69fin-bars__head,.booklet .g69fin-bars__row{display:grid;grid-template-columns:170px 1fr 74px;gap:8px;align-items:center}.booklet .g69fin-bars__head{margin-bottom:4px;color:var(--fin-d);font-size:10px;font-weight:900;text-transform:uppercase}
.booklet .g69fin-bars__head span:last-child,.booklet .g69fin-bars__ex{text-align:right}.booklet .g69fin-bars__row{padding:2px 0;font-size:11.5px}.booklet .g69fin-bars__bar{display:flex;align-items:center;gap:6px}.booklet .g69fin-bars__bar i{display:block;height:13px;border-radius:0 4px 4px 0;background:var(--fin-a);opacity:.55}.booklet .g69fin-bars__bar b{font-variant-numeric:tabular-nums}
.booklet .g69fin-bars__row.is-hi .g69fin-bars__bar i{opacity:1}.booklet .g69fin-bars__row.is-hi .g69fin-bars__lab{font-weight:900}.booklet .g69fin-bars__ex{font-variant-numeric:tabular-nums}
.booklet .g69fin-ladder{break-inside:avoid}.booklet .g69fin-ladder__svg{display:block;width:100%;height:auto;margin-bottom:6px}.booklet .g69fin-ladder__step{fill:#fff;stroke:var(--fin-a);stroke-width:1.5}.booklet .g69fin-ladder__paid{fill:var(--fin-a);opacity:.45}.booklet .g69fin-ladder__axis{stroke:var(--ink);stroke-width:1.5}
.booklet .g69fin-ladder__mark{stroke:var(--fin-w);stroke-width:2;stroke-dasharray:5 4}.booklet .g69fin-ladder__rate{font:800 12px Inter,Arial,sans-serif;fill:var(--fin-d)}.booklet .g69fin-ladder__tick{font:600 9.5px Inter,Arial,sans-serif;fill:var(--muted)}.booklet .g69fin-ladder__label{font:800 11px Inter,Arial,sans-serif;fill:var(--fin-w)}
.booklet .g69fin-ladder__t td:nth-child(n+2),.booklet .g69fin-ladder__t tfoot td{text-align:right}
.booklet .g69fin-nw{break-inside:avoid}.booklet .g69fin-nw__who{margin:0 0 6px;font-size:12px}.booklet .g69fin-nw__cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.booklet .g69fin-nw__t td:last-child,.booklet .g69fin-nw__t tfoot td{text-align:right}
.booklet .g69fin-nw__eq{margin:9px 0 0;padding:8px 12px;border:2px solid var(--fin-a);border-radius:10px;background:var(--fin-s);text-align:center;font-size:13px;white-space:normal}.booklet .g69fin-nw__eq strong{color:var(--fin-d)}
@media(max-width:640px){.booklet .g69fin-stub__cols,.booklet .g69fin-nw__cols{grid-template-columns:1fr}.booklet .g69fin-stub__t+.g69fin-stub__t{border-left:0;border-top:1.4px solid var(--fin-a)}.booklet .g69fin-bars__head,.booklet .g69fin-bars__row{grid-template-columns:110px 1fr 56px}}
.booklet .fin-scenario{grid-template-columns:minmax(112px,auto) 1fr}.booklet .fin-scenario>div{padding-right:10px}.booklet .fin-scenario>div small{max-width:96px}
/* ── fin g69fin ── */
/* ── g69eng ── Ingeniería 6.º y 9.º (08-10): bucle del proceso, cebolla de partes interesadas, dibujo con cotas, requisitos, matriz de decisión, alcance ADA e investigación con usuarios. */
.booklet .g69eng-fig{margin:4px 0 6px}.booklet .g69eng-fig svg{display:block;width:100%;height:auto}.booklet .g69eng-note{margin:6px 0 0;font-size:12px;line-height:1.4}.booklet .g69eng-source{margin:4px 0 0;font-size:9px;line-height:1.35;color:var(--muted)}
.booklet .g69eng-loop-out{display:grid;grid-template-columns:repeat(var(--n),1fr);column-gap:3.5%;padding:0 1.2%}.booklet .g69eng-loop-out p{margin:0;font-size:10px;line-height:1.3}.booklet .g69eng-loop-out b{display:block;color:var(--eng-d);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase}
.booklet .g69eng-loops{margin:8px 0 0;padding:0;list-style:none;font-size:11.5px;line-height:1.35}.booklet .g69eng-loops li{margin:3px 0}.booklet .g69eng-loops b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border:1.5px solid var(--eng-b);border-radius:50%;color:var(--eng-b);font-size:10px}
.booklet .g69eng-table td small,.booklet .g69eng-table th small{display:block;color:var(--muted);font-size:9px;font-weight:600}.booklet .g69eng-shall{color:var(--eng-b)}.booklet .g69eng-badge{display:inline-block;padding:1px 7px;border-radius:9px;background:#e4f0f4;color:var(--eng-b);font-size:10px;font-weight:800}
.booklet .g69eng-need{margin:0 0 6px;padding:8px 12px;border-left:5px solid var(--eng-a);background:var(--eng-s);font-size:12.5px;line-height:1.4}.booklet .g69eng-need b{margin-right:6px;color:var(--eng-d)}
.booklet .g69eng-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.booklet .g69eng-legend p{margin:0;padding:6px 8px;border-top:4px solid var(--eng-b);background:#eef6f8;font-size:10px;line-height:1.3}.booklet .g69eng-legend b{display:block;color:var(--eng-b)}
.booklet .g69eng-matrix td,.booklet .g69eng-screen td{text-align:center}.booklet .g69eng-matrix td:first-child,.booklet .g69eng-screen td:first-child{text-align:left}.booklet .g69eng-matrix tfoot td{background:var(--eng-s);font-weight:800}.booklet .g69eng-table .g69eng-out{background:#ecebe8;color:#7a7a7a}
.booklet .g69eng-pass{color:#2f7d4f;font-weight:800}.booklet .g69eng-fail{color:#b23b2e;font-weight:800}.booklet .g69eng-box{display:inline-block;width:38px;height:20px;border:1.3px solid var(--ink);border-radius:4px;vertical-align:middle;background:#fff}.booklet .g69eng-box--sq{width:18px;height:18px}
.booklet .g69eng-titleblock{width:70%;margin:2px 0 0 auto;border-collapse:collapse;font-size:11px}.booklet .g69eng-titleblock td{padding:3px 7px;border:1.3px solid var(--ink)}.booklet .g69eng-titleblock small{display:block;color:var(--muted);font-size:8px;letter-spacing:.06em;text-transform:uppercase}
.booklet .g69eng-practice p{margin:8px 0 2px;font-size:12px}
.booklet .g69eng-goal{padding:9px 12px;border:2px solid var(--eng-d);border-radius:10px;background:var(--eng-s)}.booklet .g69eng-goal p{margin:3px 0 0;font-size:13px;line-height:1.4}.booklet .g69eng-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.booklet .g69eng-methods article{padding:8px 9px;border:1.5px solid var(--eng-a);border-radius:9px;font-size:10.5px;line-height:1.35}.booklet .g69eng-methods p{margin:3px 0}
.booklet .g69eng-qcheck td:nth-child(2),.booklet .g69eng-qcheck td:nth-child(3){width:64px;text-align:center}.booklet .g69eng-qcheck td:nth-child(4){width:34%}.booklet .g69eng-consent{margin-top:8px;padding:7px 10px;border-left:5px solid var(--eng-b);background:#eef6f8;font-size:11px;line-height:1.4}
@media print{.booklet .g69eng-fig,.booklet .g69eng-legend,.booklet .g69eng-methods{break-inside:avoid}}
@media(max-width:640px){.booklet .g69eng-legend{grid-template-columns:1fr 1fr}.booklet .g69eng-methods{grid-template-columns:1fr}.booklet .g69eng-titleblock{width:100%}}
.booklet .eng-sec[class*="g69eng-"] p,.booklet .eng-sec[class*="g69eng-"] li{text-align:left;hyphens:manual}
/* ── fin g69eng ── */
/* ── MATES DE SECUNDARIA (kairos-math-advanced-lesson-v1) · g10mat ─────────
   Álgebra II: paso a paso con razones, identidades comprobadas, gráficas con
   ceros y vértice exactos, plano complejo, tablas de valores, rectángulo
   genérico y división de polinomios. Toma el color de la materia de las
   piezas de mates; bordes antes que fondos (fotocopia en B/N). */
.booklet .ma-sec .m-text{margin:0 0 6px}
.booklet .ma-plane{max-width:100%}
.booklet .ma-row{align-items:start}
.booklet .ma-row .ma-plane{width:100%}
.booklet .ma-facts{margin:4px 0 0;font-size:12px;line-height:1.5;text-align:center;color:#33413f}
.booklet .ma-facts b{color:var(--lang-d)}
.booklet .ma-dot{margin:0 6px;color:var(--lang-a);font-weight:900}
.booklet .ma-fact{display:inline-block}
.booklet .ma-deriv{width:100%;border-collapse:collapse;break-inside:avoid;font-size:13px}
.booklet .ma-deriv th{padding:5px 8px;background:var(--lang-d);color:#fff;text-align:left;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}
.booklet .ma-deriv td{padding:5px 8px;border-bottom:1.5px solid #cfd8d6;vertical-align:middle;line-height:1.4}
.booklet .ma-deriv .n{width:34px;text-align:center;font-weight:900;color:var(--lang-a);font-size:15px}
.booklet .ma-deriv th.n{color:#fff;font-size:11.5px}
.booklet .ma-deriv td.ma-m{width:50%;font-family:Georgia,'Times New Roman',serif;font-size:15.5px;font-weight:700;white-space:nowrap}
.booklet .ma-deriv td.why{border-left:3px solid var(--lang-a);background:#f6fbfa;font-style:italic;color:#3c4a48}
.booklet .ma-deriv .m-box{width:120px}
.booklet .ma-result{margin:6px 0 0;padding:6px 12px;border:2px solid var(--lang-a);border-radius:10px;font-family:Georgia,'Times New Roman',serif;font-size:15.5px;break-inside:avoid}
.booklet .ma-result b{margin-right:8px;color:var(--lang-d);font-family:inherit;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.booklet .ma-check{margin:6px 0 0;padding:6px 12px;border:1.5px dashed var(--lang-a);border-radius:10px;font-size:13px;break-inside:avoid}
.booklet .ma-check>b{display:block;color:var(--lang-d);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.booklet .ma-check p{margin:2px 0;font-family:Georgia,'Times New Roman',serif}
.booklet .ma-ok{color:#1f7a4d}.booklet .ma-no{color:#b0302a}
.booklet .ma-id{margin:0 0 8px;padding:8px 12px;border:2px solid var(--ink);border-radius:12px;break-inside:avoid}
.booklet .ma-id-claim{margin:0 0 6px;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:700}
.booklet .ma-verdict{margin:6px 0 0;font-size:13px;line-height:1.45}
.booklet .ma-verdict.ma-ask{color:var(--ink);font-weight:700}
.booklet .ma-tbl{border-collapse:collapse;margin:4px auto;font-size:13.5px;break-inside:avoid}
.booklet .ma-tbl th,.booklet .ma-tbl td{min-width:58px;padding:5px 10px;border:1.5px solid var(--ink);text-align:center;font-family:Georgia,'Times New Roman',serif}
.booklet .ma-tbl thead th{background:var(--lang-d);color:#fff;font-size:12.5px}
.booklet .ma-tbl tbody th{background:var(--lang-s);color:var(--lang-d)}
.booklet .ma-tbl .ma-eq{font-weight:900;color:var(--lang-a)}
.booklet .ma-tbl .m-box,.booklet .ma-rect .m-box{width:52px;height:22px}
.booklet .ma-rectw{display:flex;flex-direction:column;align-items:center}
.booklet .ma-rect{border-collapse:collapse;font-family:Georgia,'Times New Roman',serif;font-size:15px;break-inside:avoid}
.booklet .ma-rect th{padding:4px 10px;color:var(--lang-d);font-weight:800}
.booklet .ma-rect td{min-width:78px;height:48px;padding:4px 10px;border:2px solid var(--ink);text-align:center;font-weight:700}
.booklet .ma-rect td.a{background:var(--lang-s)}.booklet .ma-rect td.b{background:#fff}
.booklet .ma-rect td.dash{border-style:dashed;background:#fff8e8}
.booklet .ma-rect .ma-corner{color:var(--lang-a)}
.booklet .ma-total{margin:6px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:15px;font-weight:700;text-align:center}
.booklet .ma-dv{display:flex;flex-direction:column;align-items:center}
.booklet .ma-dv-t{border-collapse:collapse;font-family:Georgia,'Times New Roman',serif;font-size:15px;break-inside:avoid}
.booklet .ma-dv-t td{min-width:44px;padding:2px 6px;text-align:center;white-space:nowrap}
.booklet .ma-dv-t .ma-dv-lead{padding-right:2px;text-align:right;font-weight:700}
.booklet .ma-dv-q td:not(.ma-dv-lead){border-bottom:2px solid var(--ink);color:var(--lang-d);font-weight:800}
.booklet .ma-dv-paren{margin-left:4px;font-size:20px;font-weight:400}
.booklet .ma-dv-sub td:not(.ma-dv-lead){border-bottom:1.5px solid #6f7785;color:#5c5670}
.booklet .ma-dv-t .m-box{width:40px;height:20px}
/* ── g69hpe ── Salud 6.º y 9.º: fases de una destreza, jugada dibujada y zonas de pulso (08-10-2026) */
.booklet .g69hpe-phases{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:14px;margin:0 0 10px}.booklet .g69hpe-phase{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 8px;border:1.5px solid var(--hpe-a);border-radius:12px;text-align:center}.booklet .g69hpe-phase>svg{background:var(--hpe-s);border-radius:10px}.booklet .g69hpe-phase>b{font-size:13.5px}.booklet .g69hpe-phase ul{margin:0;padding-left:16px;text-align:left;font-size:12px}.booklet .g69hpe-phase li{margin:1px 0}
.booklet .g69hpe-phase:not(:last-child)::after{content:"";position:absolute;right:-12px;top:46px;border:6px solid transparent;border-left:9px solid var(--hpe-w)}
.booklet .g69hpe-n{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--hpe-a);color:#fff;font-weight:900;font-size:12px}.booklet .g69hpe-phase>.g69hpe-n{position:absolute;left:7px;top:7px}
.booklet .g69hpe-check{margin-top:10px}.booklet .g69hpe-check .hpe-log td:not(:first-child){width:15%}
.booklet .g69hpe-plays{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 10px}.booklet .g69hpe-play{padding:8px 10px;border:1.5px solid var(--hpe-a);border-radius:12px;break-inside:avoid}.booklet .g69hpe-play>b{display:flex;gap:7px;align-items:center;margin:0 0 5px;font-size:13.5px}.booklet .g69hpe-court{display:block;width:100%;height:auto}.booklet .g69hpe-play p{margin:5px 0 0;font-size:12.5px;white-space:normal}
.booklet .g69hpe-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 8px;color:var(--muted);font-size:11.5px}.booklet .g69hpe-legend span{display:inline-flex;gap:6px;align-items:center}.booklet .g69hpe-legend i{display:inline-block}.booklet .g69hpe-key-a{width:12px;height:12px;border-radius:50%;background:var(--hpe-a)}.booklet .g69hpe-key-d{width:11px;height:11px;border:2px solid var(--hpe-w);border-radius:2px}.booklet .g69hpe-key-run{width:24px;border-top:2px dashed var(--hpe-a)}.booklet .g69hpe-key-pass{width:24px;border-top:2px solid var(--hpe-w)}.booklet .g69hpe-key-zone{width:16px;height:11px;border:1.5px dashed var(--hpe-w);border-radius:3px;background:#fdf1e6}
.booklet .g69hpe-zones svg{display:block;width:100%;height:auto;margin:0 0 6px}.booklet .g69hpe-worked{margin:0 0 8px;font-size:12.5px;white-space:normal}.booklet .g69hpe-src{margin:6px 0 0;color:var(--muted);font-size:10.5px}
@media(max-width:640px){.booklet .g69hpe-phases,.booklet .g69hpe-plays{grid-template-columns:1fr}.booklet .g69hpe-phase:not(:last-child)::after{display:none}}

/* UX-050 (21-10-2026): quién habla. El borde y el nombre llevan el color de la camiseta del personaje. */
.booklet .lang-bubble[style*="--who"]{border-color:var(--who);border-left-width:4px}
.booklet .lang-bubble.r[style*="--who"]{border-left-width:1.6px;border-right-width:4px}
.booklet .lang-who{display:inline-block;margin-right:2px;padding:0 6px;border-radius:99px;background:color-mix(in srgb,var(--who,#ccc) 24%,#fff);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.01em}
.booklet .lang-cast figure[style*="--who"] figcaption{box-shadow:inset 0 -3px 0 var(--who)}
/* «Para entender»: la regla en una caja, el ejemplo resuelto y lo hago yo / lo hacemos / lo haces. */
.booklet .lang-rule{margin:0 0 12px;padding:12px 16px;border:2.5px solid var(--lang-a);border-radius:14px;background:#fff;break-inside:avoid}
.booklet .lang-rule p{margin:4px 0 0;font-size:16px;line-height:1.4;white-space:normal}
.booklet .lang-rule-tag,.booklet .lang-guided-tag{display:block;color:var(--lang-a);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.booklet .lang-worked{margin:0 0 12px;padding:10px 16px;border-radius:12px;background:var(--lang-s);break-inside:avoid}
.booklet .lang-worked ol{margin:6px 0 0;padding-left:22px}
.booklet .lang-worked li{margin:3px 0;font-size:14px;white-space:normal}
.booklet .lang-worked-problem{margin:4px 0 0;font-size:15px;font-weight:700;white-space:normal}
.booklet .lang-worked-result{margin:6px 0 0;font-size:15px;font-weight:800;white-space:normal}
.booklet .lang-guided{margin:0 0 10px;padding:8px 14px;border-left:5px solid var(--lang-a);border-radius:0 10px 10px 0;break-inside:avoid}
.booklet .lang-guided-we-do{border-left-color:var(--lang-w)}
.booklet .lang-guided-you-do{border-left-color:var(--ink)}
.booklet .lang-guided p{margin:0;padding:8px 0 3px;border-bottom:1px solid #d6d9df;font-size:15px;white-space:normal}
.booklet .lang-filled{padding:0 6px;border-bottom:1.5px solid #555;color:var(--lang-a)}
.booklet .lang-order{list-style:none;margin:0 0 12px;padding:0}
.booklet .lang-order li{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #d6d9df;font-size:15px;white-space:normal}
.booklet .lang-order-box{flex:none;width:30px;height:30px;border:2px solid var(--ink);border-radius:8px}