/* La casa de ciencias (D206): lo que no traen eng_casa.css ni eng_mark.css. Solo tokens de
   estilo.css (los auditores cargan ese). */
.sci-emblema{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px}
.sci-glifo{font-family:var(--math);font-size:5rem;line-height:1;color:var(--accentText)}
.sci-materia{font-family:var(--serif);font-size:1.6rem;color:var(--ink)}

.sci-prosa p{margin:0 0 .6em;line-height:1.55}
.sci-prosa p:last-child{margin-bottom:0}
.sci-parte{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.sci-parte-cab{display:flex;gap:10px;align-items:baseline;margin-bottom:6px}

.sci-tabla-env{overflow-x:auto;margin:12px 0}
.sci-tabla{border-collapse:collapse;font-size:.95rem;min-width:60%}
.sci-tabla th,.sci-tabla td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}
.sci-tabla th{background:var(--surface2);font-weight:600}

.sci-figura{margin:14px 0;overflow-x:auto}
.sci-figura-svg svg{max-width:100%;height:auto;display:block;margin:0 auto}
/* las figuras del banco traen fondo blanco: en oscuro, sobre papel claro para que se lean */
@media (prefers-color-scheme:dark){.sci-figura-svg{background:#F4F1E8;border-radius:10px;padding:8px}}
:root[data-theme="dark"] .sci-figura-svg{background:#F4F1E8;border-radius:10px;padding:8px}

.sci-mc{gap:14px}
.sci-mc-q{padding:16px}
/* min-width:0 en el fieldset y en cada opción: un fieldset crece por defecto hasta lo más ancho que
   lleva dentro (min-inline-size:min-content), y una fórmula sin cortes sacaba la opción entera de la
   tarjeta en vez de deslizarse dentro de .sci-opcion-txt (la sonda de medir_opciones_mc.py, D18) */
.sci-opciones{border:0;padding:0;margin:10px 0;display:grid;gap:8px;min-width:0}
.sci-opcion{display:flex;gap:10px;align-items:flex-start;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface)}
.sci-opcion input{margin-top:4px}
.sci-opcion.bien{border-color:var(--accentText);background:var(--blueSoft)}
.sci-opcion.mal{border-color:var(--lost);background:var(--lostbg)}
.sci-letra{min-width:1.2em}
/* el texto de la opción encoge con la tarjeta; lo que aun así no cabe se desliza dentro (D18) */
.sci-opcion-txt{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;padding-block:5px;margin-block:-5px}
.sci-mc-estado{min-height:1.2em;margin:8px 0 0}
/* «How sure are you?» (D207): sin esto era el fieldset del navegador, con su marco y los dos
   radios pegados («Sure○ Not sure») */
.sci-seguro{border:0;padding:0;margin:4px 0 12px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.sci-seguro legend{float:left;width:100%;padding:0;margin:0 0 2px}
.sci-seguro label{display:inline-flex;align-items:center;gap:6px;min-height:32px;cursor:pointer}
/* Practise por tema (bloque 3): la mezcla y un bloque por módulo */
.sci-modulo{margin-top:12px}
.sci-modulo-h{margin:0 0 2px}
.sci-modulo li:last-child .li,#topics .sci-mezcla{border-bottom:0}

/* una línea larga de su respuesta se desliza, no se corta (D18) */
#sci-mark .renglon .texto,#sci-sheet .renglon .texto{overflow-x:auto;overflow-y:hidden;min-width:0}

/* la sala */
.sci-reloj{position:sticky;top:64px;z-index:5;align-items:center}
.sci-reloj-tx{display:grid;gap:2px;min-width:0}
.sci-aviso{margin:0;font-weight:600}
.sci-resultado{margin:0;padding-left:1.4em;display:grid;gap:6px}
/* antes de sentarse: «Start now» y, en el Full paper, la hora del examen como consejo (D260) */
.sci-antes{max-width:560px}
.sci-consejo{margin:0;padding:8px 12px;border-left:3px solid var(--blue);background:var(--blueSoft);border-radius:0 10px 10px 0;color:var(--ink)}
.sci-gratis,.sci-armado,.sci-corto{margin:0}
.sci-armado{font-weight:600}
/* «Build your paper» (D260): chips con su input de verdad, que parten línea en 375 */
.sci-form{display:grid;gap:18px;min-width:0}
.sci-grupo{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
.sci-grupo legend{font-size:14px;line-height:20px;font-weight:600;color:var(--ink);padding:0;margin:0 0 8px}
.sci-grupo .small{margin:0}
.sci-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.sci-op{min-height:44px;cursor:pointer;white-space:normal;max-width:100%;line-height:1.25;padding-top:6px;padding-bottom:6px}
.sci-op input{accent-color:var(--blue);margin:0;flex:none}
.sci-op:has(input:checked){border-color:var(--blue);color:var(--accentText);background:var(--blueSoft)}
.sci-op:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
.sci-resumen{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.sci-antes .btn-out{white-space:normal;text-align:center;width:100%;padding-top:10px;padding-bottom:10px}
.sci-antes .link{align-self:start}
#sci-sala #sala,#progress>.two,#sci-exam>.two{margin-top:22px}
/* la sala en escritorio: el paper a la izquierda y la mesa a la derecha (7/5, como `.two`); Section I
   ancha y Section II al lado; al soltar el boli, la lista a marcar ancha y el resultado de Section I
   al lado, fijo al bajar. En móvil las envolturas no existen (display:contents) y la mesa del
   menú no se pinta: la pantalla de 375 px queda como era */
.sci-dos,.sci-col,.sci-antes-a,.sci-antes-b,.sci-lado{display:contents}
.sci-mesa,.sci-mesa-h{display:none}
@media (min-width:1024px){
  #sci-sala .sci-dos{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start}
  #sci-sala .sci-dos.fin>.stack:not(:only-child){grid-column:1;grid-row:1}
  #sci-sala .sci-dos.fin>.card:not(:only-child){grid-column:2;grid-row:1;position:sticky;top:80px}
  #sci-sala .sci-dos>:only-child{grid-column:1/-1}
  #sci-sala .sci-dos>:empty{display:none}
  #sci-sala .sci-dos:has(>:empty){grid-template-columns:minmax(0,1fr)}
  #sci-sala .sci-col{display:grid;gap:14px;min-width:0}
  #sci-sala .sci-col .intents{grid-template-columns:minmax(0,1fr)}
  #sci-sala .sci-col .intent{grid-template-columns:56px minmax(0,1fr);padding:20px 22px}
  #sci-sala .sci-col .intent .ig{width:56px;height:56px;border-radius:17px;font-size:27px}
  #sci-sala .sci-col .intent b{font-size:19px;line-height:25px}
  #sci-sala .sci-col .intent small{font-size:14px;line-height:20px;margin-top:3px}
  #sci-sala .sci-col .link{justify-self:start}
  .sci-mesa{display:grid;background:linear-gradient(145deg,var(--blueSoft),transparent 70%),var(--cardBg)}
  .sci-mesa .link{white-space:normal}
  /* antes y a la espera: una tarjeta ancha, lo del paper a la izquierda y la mesa a la derecha */
  .sci-antes:has(.sci-lado){max-width:none;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;column-gap:32px;padding:26px 28px}
  .sci-antes .sci-antes-a,.sci-antes .sci-antes-b{display:grid;gap:12px;grid-column:1;min-width:0;align-content:start}
  .sci-antes .sci-antes-b{margin-top:12px}
  .sci-antes .sci-antes-b .btn-out,.sci-antes .sci-antes-b .btn{width:auto;justify-self:start;padding-left:22px;padding-right:22px}
  .sci-antes .sci-lado{display:grid;gap:12px;grid-column:2;grid-row:1/3;align-content:start;min-width:0;
    padding-left:28px;border-left:1px solid var(--line)}
  .sci-antes .sci-lado .link{white-space:normal}
  .sci-antes .sci-mesa-h{display:block}
}