/* Cuaderno compartido por mesa: ejercicios y plantillas editables, sin respuestas de referencia. */
.cuaderno { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); min-height: calc(100vh - 78px); }
.cuaderno-nav { padding: 1rem; border-right: 1px solid #dce7eb; background: #f6f9fa; }
.cuaderno-nav a { color: var(--pri-d); }
.cuaderno-gantt { display: block; margin-bottom: 1rem; font-weight: 700; }
.cuaderno-switch { display: flex; gap: .3rem; margin-bottom: .8rem; }
.cuaderno-switch button.on { background: var(--pri); border-color: var(--pri); color: #fff; }
.cuaderno-nav h3 { margin: 1.25rem 0 .3rem; font-size: .85rem; }
.cuaderno-nav nav button { display: block; width: 100%; margin: .16rem 0; text-align: left; border: 0; background: transparent; padding: .45rem .5rem; }
.cuaderno-nav nav button:hover, .cuaderno-nav nav button.on { background: #e3eff4; color: var(--pri-d); }
.cuaderno-contenido { width: min(100%, 950px); padding: 2rem clamp(1rem, 4vw, 3rem) 4rem; }
.cuaderno-contenido h2 { font-size: 1.5rem; }
.cuaderno-contenido h3 { margin-top: 1.5rem; }
.cuaderno-contenido .objetivo { background: var(--pri-l); border-left: 4px solid var(--pri); padding: .75rem 1rem; line-height: 1.5; }
.cuaderno-contenido .consigna { white-space: pre-line; line-height: 1.55; max-width: 75ch; }
.cuaderno-contenido .respuesta { display: block; margin: 1.2rem 0; font-weight: 700; color: var(--pri-d); }
.cuaderno-contenido .respuesta input, .cuaderno-contenido .respuesta textarea { display: block; margin-top: .4rem; width: 100%; font-weight: 400; color: var(--ink); padding: .65rem; }
.cuaderno-contenido .respuesta textarea { min-height: 7rem; line-height: 1.45; resize: vertical; }
.cuaderno-contenido .hint { line-height: 1.5; }
.cuaderno-contenido .toolbar-cuaderno { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; }
.cuaderno-contenido .toolbar-cuaderno a { color: var(--pri-d); }
@media (max-width: 760px) { .cuaderno { display: block; } .cuaderno-nav { border-right: 0; border-bottom: 1px solid #dce7eb; } .cuaderno-nav nav { max-height: 170px; overflow-y: auto; } .cuaderno-contenido { padding: 1.2rem 1rem 3rem; } }