/* _content/LearningApps.Web/Components/Identity/LearnerGate.razor.rz.scp.css */
.gate-loading[b-cs6g5yffdo] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    font-size: 1.25rem;
    color: var(--tla-color-text-muted, #475569);
}
/* _content/LearningApps.Web/Components/Identity/SwitchLearner.razor.rz.scp.css */
.switch-open[b-19brow2zxy],
.switch-confirm[b-19brow2zxy],
.switch-cancel[b-19brow2zxy] {
    min-height: 48px;
    padding: 8px 20px;
    font-size: 1.125rem;
    border-radius: var(--tla-radius, 12px);
    cursor: pointer;
}

.switch-open[b-19brow2zxy] {
    color: var(--tla-color-primary, #2563eb);
    background: none;
    border: 0;
    text-decoration: underline;
}

.switch-panel[b-19brow2zxy] {
    max-width: 30rem;
    padding: 16px;
    font-size: 1.125rem;
    background: var(--tla-color-bg, #fff);
    border: 2px solid var(--tla-color-border, #94a3b8);
    border-radius: var(--tla-radius, 12px);
}

.switch-title[b-19brow2zxy] {
    font-weight: 600;
}

.switch-actions[b-19brow2zxy] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.switch-confirm[b-19brow2zxy] {
    color: #fff;
    background: var(--tla-color-primary, #2563eb);
    border: 2px solid var(--tla-color-primary, #2563eb);
}

.switch-cancel[b-19brow2zxy] {
    color: var(--tla-color-primary, #2563eb);
    background: var(--tla-color-bg, #fff);
    border: 2px solid var(--tla-color-primary, #2563eb);
}

.switch-open:focus-visible[b-19brow2zxy],
.switch-confirm:focus-visible[b-19brow2zxy],
.switch-cancel:focus-visible[b-19brow2zxy] {
    outline: 3px solid var(--tla-color-focus, #f59e0b);
    outline-offset: 2px;
}
/* _content/LearningApps.Web/Components/Identity/TransferCodeCard.razor.rz.scp.css */
.code-card[b-4rkentyah0] {
    padding: 16px;
    font-size: 1.125rem;
    background: var(--tla-color-surface, #f1f5f9);
    border: 2px solid var(--tla-color-border, #94a3b8);
    border-radius: var(--tla-radius, 12px);
}

.code-card-note[b-4rkentyah0] {
    margin: 0 0 12px;
}

.code-card-code[b-4rkentyah0] {
    margin: 0 0 12px;
    font-family: ui-monospace, Consolas, monospace;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
    user-select: all;
}

.code-card-copy[b-4rkentyah0] {
    min-height: 48px;
    padding: 8px 20px;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--tla-color-primary, #2563eb);
    background: var(--tla-color-bg, #fff);
    border: 2px solid var(--tla-color-primary, #2563eb);
    border-radius: var(--tla-radius, 12px);
    cursor: pointer;
}

.code-card-copy:focus-visible[b-4rkentyah0] {
    outline: 3px solid var(--tla-color-focus, #f59e0b);
    outline-offset: 2px;
}
/* _content/LearningApps.Web/Components/Identity/WelcomeScreen.razor.rz.scp.css */
.welcome[b-rq7afh29pl] {
    max-width: 30rem;
    margin: 0 auto;
    padding: 24px 16px;
    font-size: 1.125rem;
}

.welcome h1[b-rq7afh29pl] {
    font-size: 1.75rem;
    margin: 0 0 16px;
}

.welcome label[b-rq7afh29pl] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.welcome-input[b-rq7afh29pl] {
    box-sizing: border-box;
    width: 100%;
    min-height: 56px;
    padding: 8px 16px;
    font-size: 1.25rem;
    border: 2px solid var(--tla-color-border, #94a3b8);
    border-radius: var(--tla-radius, 12px);
}

.welcome-input:focus-visible[b-rq7afh29pl],
.welcome-button:focus-visible[b-rq7afh29pl],
.welcome-link:focus-visible[b-rq7afh29pl] {
    outline: 3px solid var(--tla-color-focus, #f59e0b);
    outline-offset: 2px;
}

.welcome-button[b-rq7afh29pl] {
    display: block;
    width: 100%;
    min-height: 56px;
    margin-top: 16px;
    padding: 8px 24px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    background: var(--tla-color-primary, #2563eb);
    border: 0;
    border-radius: var(--tla-radius, 12px);
    cursor: pointer;
}

.welcome-button:disabled[b-rq7afh29pl] {
    opacity: 0.6;
    cursor: progress;
}

.welcome-link[b-rq7afh29pl] {
    min-height: 48px;
    margin-top: 16px;
    padding: 8px 12px;
    font-size: 1.125rem;
    color: var(--tla-color-primary, #2563eb);
    background: none;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
}

.welcome-error[b-rq7afh29pl] {
    margin: 12px 0 0;
    font-weight: 600;
    color: var(--tla-color-error, #b91c1c);
}
/* _content/LearningApps.Web/Components/Pages/MyProgress.razor.rz.scp.css */
.progress-card[b-tcfv6whbx5],
.progress-empty[b-tcfv6whbx5],
.progress-code[b-tcfv6whbx5] {
    margin-bottom: var(--tla-space-5);
}

.progress-current[b-tcfv6whbx5] {
    margin: 0 0 var(--tla-space-4);
}

.progress-stages[b-tcfv6whbx5] {
    list-style: none;
    margin: 0 0 var(--tla-space-4);
    padding: 0;
    display: grid;
    gap: var(--tla-space-2);
}

.progress-stage[b-tcfv6whbx5] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--tla-space-3);
    padding: var(--tla-space-2) var(--tla-space-3);
    background: var(--tla-surface-alt);
    border-radius: var(--tla-radius-sm);
}

.progress-stage__marker[b-tcfv6whbx5] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    font-weight: 800;
    color: var(--tla-ink);
    background: var(--tla-surface);
    border: 2px solid var(--tla-border);
    border-radius: 50%;
}

.progress-stage--open .progress-stage__marker[b-tcfv6whbx5] {
    color: var(--tla-on-primary);
    background: var(--tla-primary);
    border-color: var(--tla-primary);
}

.progress-stage--mastered .progress-stage__marker[b-tcfv6whbx5] {
    color: var(--tla-success-ink);
    background: var(--tla-success-bg);
    border-color: var(--tla-success-line);
}

.progress-stage__state[b-tcfv6whbx5] {
    font-size: var(--tla-text-sm);
    font-weight: 700;
    text-align: right;
}

.progress-days[b-tcfv6whbx5] {
    margin: 0 0 var(--tla-space-4);
}

.progress-review[b-tcfv6whbx5] {
    margin-bottom: var(--tla-space-4);
    padding: var(--tla-space-3) var(--tla-space-4);
    background: var(--tla-hint-bg);
    color: var(--tla-hint-ink);
    border-left: 4px solid var(--tla-hint-line);
    border-radius: var(--tla-radius-sm);
}

.progress-review h3[b-tcfv6whbx5] {
    margin: 0 0 var(--tla-space-2);
    font-size: var(--tla-text-md);
}

.progress-review ul[b-tcfv6whbx5] {
    margin: 0;
    padding-left: var(--tla-space-5);
}

.progress-review p[b-tcfv6whbx5] {
    margin: 0;
    color: var(--tla-hint-ink);
}
/* _content/LearningApps.Web/MiniApps/McmMcd/McmMcdCheatSheet.razor.rz.scp.css */
/* Pensada para el panel lateral estrecho (unos 26 rem) y para imprimir. */
.tla-cheatsheet[b-y90mik11f2] { display: flex; flex-direction: column; gap: var(--tla-space-4); font-size: var(--tla-text-md); line-height: var(--tla-leading); overflow-wrap: anywhere; }

.cs-section[b-y90mik11f2] { padding: var(--tla-space-3) var(--tla-space-4); background: var(--tla-surface); border: 2px solid var(--tla-border); border-radius: var(--tla-radius); }
.cs-section--current[b-y90mik11f2] { order: -1; border-color: var(--tla-primary); box-shadow: var(--tla-shadow-sm); background: #f5f7ff; }

.cs-section h2[b-y90mik11f2] { font-size: var(--tla-text-lg); margin: 0 0 var(--tla-space-2); display: flex; flex-wrap: wrap; align-items: center; gap: var(--tla-space-2); }
.cs-section h3[b-y90mik11f2] { font-size: var(--tla-text-md); margin: var(--tla-space-4) 0 var(--tla-space-1); color: var(--tla-primary-hover); }
.cs-section p[b-y90mik11f2], .cs-section ul[b-y90mik11f2], .cs-section ol[b-y90mik11f2] { margin: 0 0 var(--tla-space-2); }
.cs-section ul[b-y90mik11f2], .cs-section ol[b-y90mik11f2] { padding-left: var(--tla-space-5); }
.cs-section li[b-y90mik11f2] { margin-bottom: var(--tla-space-1); }

.cs-here[b-y90mik11f2] { font-size: var(--tla-text-sm); font-weight: 700; padding: 0 var(--tla-space-2); background: var(--tla-primary); color: var(--tla-on-primary); border-radius: var(--tla-radius-pill); }
.cs-count[b-y90mik11f2] { font-weight: 400; color: var(--tla-ink-muted); }
.cs-sr[b-y90mik11f2] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Los 15 primos: fichas doradas, de un vistazo */
.cs-primes[b-y90mik11f2] { display: flex; flex-wrap: wrap; gap: var(--tla-space-2); list-style: none; padding: 0 !important; }
.cs-primes li[b-y90mik11f2] { min-width: 2.5rem; margin: 0; padding: var(--tla-space-1) var(--tla-space-2); text-align: center; font-weight: 800; font-size: var(--tla-text-lg); background: #fef3c7; color: var(--tla-accent-ink); border: 3px double var(--tla-accent); border-radius: var(--tla-radius-sm); }

/* Tablas de criterios y de decisión */
.cs-table-wrap[b-y90mik11f2] { overflow-x: auto; margin-bottom: var(--tla-space-2); }
.cs-table[b-y90mik11f2] { width: 100%; border-collapse: collapse; font-size: var(--tla-text-sm); }
.cs-table th[b-y90mik11f2], .cs-table td[b-y90mik11f2] { padding: var(--tla-space-2); border: 1px solid var(--tla-border); text-align: left; vertical-align: top; }
.cs-table thead th[b-y90mik11f2] { background: var(--tla-primary-soft); color: var(--tla-ink); }
.cs-table tbody th[b-y90mik11f2] { background: var(--tla-surface-alt); white-space: nowrap; }

/* Tabla de factorización: números a la izquierda, raya vertical, primos a la derecha */
.cs-factor[b-y90mik11f2] { border-collapse: collapse; margin: var(--tla-space-2) 0; font-family: var(--tla-font-mono); font-size: var(--tla-text-lg); font-weight: 700; }
.cs-factor td[b-y90mik11f2] { padding: 0 var(--tla-space-3); min-width: 3rem; height: 2rem; }
.cs-factor__n[b-y90mik11f2] { text-align: right; border-right: 3px solid var(--tla-ink); }
.cs-factor__p[b-y90mik11f2] { text-align: left; color: var(--tla-primary); }

.cs-tip[b-y90mik11f2] { padding: var(--tla-space-2) var(--tla-space-3); background: var(--tla-hint-bg); color: var(--tla-hint-ink); border-radius: var(--tla-radius-sm); }

@media print {
    .tla-cheatsheet[b-y90mik11f2] { gap: var(--tla-space-2); font-size: 11pt; }
    .cs-section[b-y90mik11f2], .cs-section--current[b-y90mik11f2] { box-shadow: none; background: #fff; border: 1px solid #777; break-inside: avoid; order: 0; }
    .cs-here[b-y90mik11f2] { border: 1px solid #000; background: #fff; color: #000; }
    .cs-primes li[b-y90mik11f2] { border: 1px solid #000; background: #fff; color: #000; }
    .cs-table thead th[b-y90mik11f2], .cs-table tbody th[b-y90mik11f2] { background: #eee; color: #000; }
    .cs-table-wrap[b-y90mik11f2] { overflow: visible; }
    .cs-tip[b-y90mik11f2] { background: #fff; color: #000; border: 1px solid #777; }
}
/* _content/LearningApps.Web/MiniApps/McmMcd/Shared/DirectWorkbench.razor.rz.scp.css */
/* El banco de trabajo: tres zonas de arriba abajo. Solo variables --tla-*. El estado de cada zona (hecha, activa, bloqueada, a revisar)
   se dice con texto y símbolo en el rótulo, nunca solo con color. */
.dw[b-jz9xi1d2uu] { display: grid; gap: var(--tla-space-4); }

.dw__zone[b-jz9xi1d2uu] { display: grid; gap: var(--tla-space-3); padding: var(--tla-space-4); background: var(--tla-surface); border: 2px solid var(--tla-border); border-radius: var(--tla-radius-lg); }
.dw__zone[data-state="active"][b-jz9xi1d2uu] { border-color: var(--tla-primary); border-width: 3px; }
.dw__zone[data-state="locked"][b-jz9xi1d2uu] { background: var(--tla-surface-alt); border-style: dashed; color: var(--tla-ink-muted); }
.dw__zone[data-flag="true"][b-jz9xi1d2uu] { border: 3px dashed var(--tla-error-line); background: var(--tla-error-bg); }

.dw__title[b-jz9xi1d2uu] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tla-space-2); margin: 0; font-size: var(--tla-text-lg); }
.dw__num[b-jz9xi1d2uu] {
  display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem;
  color: var(--tla-on-primary); background: var(--tla-primary); border-radius: var(--tla-radius-pill); font-size: var(--tla-text-md);
}
.dw__zone[data-state="locked"] .dw__num[b-jz9xi1d2uu] { background: var(--tla-ink-muted); }
.dw__badge[b-jz9xi1d2uu] { padding: 0 var(--tla-space-3); font-size: var(--tla-text-sm); font-weight: 700; border: 2px solid transparent; border-radius: var(--tla-radius-pill); }
.dw__badge--done[b-jz9xi1d2uu] { color: var(--tla-success-ink); background: var(--tla-success-bg); border-color: var(--tla-success-line); }
.dw__badge--review[b-jz9xi1d2uu] { color: var(--tla-error-ink); background: var(--tla-error-bg); border-color: var(--tla-error-line); border-style: dashed; }
.dw__badge--locked[b-jz9xi1d2uu] { color: var(--tla-ink-muted); border-color: var(--tla-border); }

.dw__lead[b-jz9xi1d2uu] { margin: 0; color: var(--tla-ink-muted); }

/* Las tablas de factorización, lado a lado si caben */
.dw__tables[b-jz9xi1d2uu] { display: flex; flex-wrap: wrap; gap: var(--tla-space-5); align-items: flex-start; }
.dw__table[b-jz9xi1d2uu] { min-width: 0; }

/* En pantallas estrechas se hacen de una en una: las que esperan se esconden hasta que acaba la anterior */
@media (max-width: 40rem) {
  .dw__table--queued[b-jz9xi1d2uu] { display: none; }
  .dw__tables[b-jz9xi1d2uu] { flex-direction: column; gap: var(--tla-space-3); }
}

.dw__actions[b-jz9xi1d2uu] { display: flex; justify-content: center; }

/* Calcular */
.dw__calcs[b-jz9xi1d2uu] { display: grid; gap: var(--tla-space-3); }
.dw__calc[b-jz9xi1d2uu] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tla-space-2); padding: var(--tla-space-2) var(--tla-space-3); border: 2px solid transparent; border-radius: var(--tla-radius); font-size: var(--tla-text-xl); font-weight: 800; }
.dw__calc--active[b-jz9xi1d2uu] { border-color: var(--tla-primary); background: var(--tla-primary-soft); }
.dw__calc-name[b-jz9xi1d2uu] { color: var(--tla-ink-muted); }
.dw__calc-expr[b-jz9xi1d2uu] { font-variant-numeric: tabular-nums; }
.dw__result[b-jz9xi1d2uu] {
  min-width: 4.5rem; min-height: var(--tla-touch); padding: 0 var(--tla-space-3); font: inherit; font-variant-numeric: tabular-nums;
  color: var(--tla-ink); background: var(--tla-surface); border: 3px solid var(--tla-ink); border-radius: var(--tla-radius); cursor: pointer;
}
.dw__result--active[b-jz9xi1d2uu] { border-color: var(--tla-primary); }
.dw__result--wrong[b-jz9xi1d2uu] { border: 3px dashed var(--tla-error-line); background: var(--tla-error-bg); color: var(--tla-error-ink); }
.dw__result:disabled[b-jz9xi1d2uu] { cursor: default; }
.dw__ok[b-jz9xi1d2uu] { color: var(--tla-success-ink); }
.dw__bad[b-jz9xi1d2uu] { color: var(--tla-error-ink); }

.dw--compact .dw__zone[b-jz9xi1d2uu] { padding: var(--tla-space-3); }
.dw--compact .dw__calc[b-jz9xi1d2uu] { font-size: var(--tla-text-lg); }
/* _content/LearningApps.Web/MiniApps/McmMcd/Shared/FactorChooser.razor.rz.scp.css */
/* La tabla de factores. Solo variables --tla-*. Común / no común y «revisa» se distinguen por texto y símbolo, nunca solo por color. */
.fc[b-u53plr6mxq] { display: grid; gap: var(--tla-space-3); max-width: 100%; }
.fc__scroll[b-u53plr6mxq] { overflow-x: auto; max-width: 100%; }
.fc__table[b-u53plr6mxq] { border-collapse: separate; border-spacing: var(--tla-space-1); font-variant-numeric: tabular-nums; margin: 0 auto; }
.fc__table th[b-u53plr6mxq], .fc__table td[b-u53plr6mxq] { text-align: center; vertical-align: middle; }

.fc__col[b-u53plr6mxq] { min-width: 6.5rem; padding: var(--tla-space-1) var(--tla-space-2); border-radius: var(--tla-radius-sm); }
.fc__prime[b-u53plr6mxq] { display: block; font-size: var(--tla-text-2xl); font-weight: 800; }
.fc__tag[b-u53plr6mxq] { display: inline-block; min-height: 1.6rem; padding: 0 var(--tla-space-2); font-size: var(--tla-text-sm); font-weight: 700; border-radius: var(--tla-radius-pill); border: 2px solid transparent; }
.fc__tag--common[b-u53plr6mxq] { color: var(--tla-success-ink); background: var(--tla-success-bg); border-color: var(--tla-success-line); border-style: solid; }
.fc__tag--other[b-u53plr6mxq] { color: var(--tla-hint-ink); background: var(--tla-hint-bg); border-color: var(--tla-hint-line); border-style: dashed; }

.fc__col--highlight[b-u53plr6mxq] { background: var(--tla-hint-bg); outline: 3px solid var(--tla-hint-line); outline-offset: -3px; }

.fc__number[b-u53plr6mxq] { padding: 0 var(--tla-space-3); font-size: var(--tla-text-xl); font-weight: 800; text-align: right; }
.fc__power[b-u53plr6mxq] { min-height: var(--tla-touch); padding: var(--tla-space-1) var(--tla-space-2); font-size: var(--tla-text-xl); font-weight: 700; background: var(--tla-surface-alt); border-radius: var(--tla-radius-sm); }
.fc__hole[b-u53plr6mxq] { display: inline-block; width: 1.6rem; height: 1.6rem; border: 2px dashed var(--tla-border); border-radius: var(--tla-radius-sm); vertical-align: middle; }

.fc__decisions .fc__op[b-u53plr6mxq] { padding: 0 var(--tla-space-3); font-size: var(--tla-text-lg); font-weight: 800; text-align: right; white-space: nowrap; }
.fc__cell[b-u53plr6mxq] { position: relative; padding: var(--tla-space-2); background: var(--tla-surface); border: 2px solid var(--tla-border); border-radius: var(--tla-radius); }
.fc__cell--wrong[b-u53plr6mxq] { border: 3px dashed var(--tla-error-line); background: var(--tla-error-bg); }
.fc__flag[b-u53plr6mxq] { position: absolute; top: 0; right: var(--tla-space-2); color: var(--tla-error-ink); font-weight: 800; }

.fc__yesno[b-u53plr6mxq] { display: inline-flex; gap: var(--tla-space-1); margin-bottom: var(--tla-space-1); }
.fc__btn[b-u53plr6mxq] {
  min-width: var(--tla-touch); min-height: var(--tla-touch); font: inherit; font-weight: 700;
  color: var(--tla-primary); background: var(--tla-surface); border: 2px solid var(--tla-primary); border-radius: var(--tla-radius); cursor: pointer;
}
.fc__btn--on[b-u53plr6mxq] { color: var(--tla-on-primary); background: var(--tla-primary); }
.fc__btn:disabled[b-u53plr6mxq], .fc__step:disabled[b-u53plr6mxq] { opacity: 0.5; cursor: not-allowed; }
.fc__out[b-u53plr6mxq] { display: block; color: var(--tla-ink-muted); font-size: var(--tla-text-sm); font-weight: 700; }

.fc__counter[b-u53plr6mxq] { display: inline-flex; align-items: center; gap: var(--tla-space-2); }
.fc__exponent[b-u53plr6mxq] { min-width: 2rem; font-size: var(--tla-text-xl); font-weight: 800; }
.fc__step[b-u53plr6mxq] {
  min-width: var(--tla-touch); min-height: var(--tla-touch); font: inherit; font-size: var(--tla-text-xl); font-weight: 800;
  color: var(--tla-primary); background: var(--tla-surface); border: 2px solid var(--tla-primary); border-radius: var(--tla-radius);
  box-shadow: 0 2px 0 var(--tla-primary); cursor: pointer;
}
.fc__step:hover:not(:disabled)[b-u53plr6mxq] { background: var(--tla-primary-soft); }

.fc__expressions[b-u53plr6mxq] { display: flex; flex-wrap: wrap; gap: var(--tla-space-2) var(--tla-space-5); justify-content: center; }
.fc__expression[b-u53plr6mxq] { margin: 0; font-size: var(--tla-text-xl); font-weight: 800; }
.fc__expression-name[b-u53plr6mxq] { color: var(--tla-ink-muted); }

.fc--compact .fc__col[b-u53plr6mxq] { min-width: 5rem; }
.fc--compact .fc__prime[b-u53plr6mxq] { font-size: var(--tla-text-xl); }
.fc--compact .fc__power[b-u53plr6mxq] { min-height: 2.5rem; font-size: var(--tla-text-lg); }
.fc--compact .fc__expression[b-u53plr6mxq] { font-size: var(--tla-text-lg); }
/* _content/LearningApps.Web/MiniApps/McmMcd/Shared/FactorizationTable.razor.rz.scp.css */
/* La tabla de la raya vertical. Solo variables --tla-*. La fila activa se distingue por el marcador ▶, el borde
   grueso y el fondo; la fila con error, por el marcador ✗ y el borde discontinuo (nunca solo por el color). */
.ftable[b-iurjlgacg9] {
  display: grid;
  gap: var(--tla-space-3);
  max-width: 100%;
}

.ftable__layout[b-iurjlgacg9] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tla-space-5);
  align-items: flex-start;
}

.ftable__table[b-iurjlgacg9] {
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--tla-text-xl);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.ftable__row > td[b-iurjlgacg9] { padding: var(--tla-space-1) 0; vertical-align: middle; }

.ftable__mark[b-iurjlgacg9] {
  width: 1.5rem;
  padding-right: var(--tla-space-2);
  color: var(--tla-primary);
  text-align: center;
  font-size: var(--tla-text-md);
}

.ftable__row--wrong .ftable__mark[b-iurjlgacg9] { color: var(--tla-error-ink); }

.ftable__left[b-iurjlgacg9] { text-align: right; padding-right: var(--tla-space-3); }

/* La raya vertical */
.ftable__right[b-iurjlgacg9] { min-width: 4.5rem; padding-left: var(--tla-space-3); border-left: 4px solid var(--tla-ink); }

.ftable__cell[b-iurjlgacg9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--tla-touch);
  min-height: var(--tla-touch);
  padding: 0 var(--tla-space-2);
  font: inherit;
  color: var(--tla-ink);
  background: transparent;
  border: 3px solid transparent;
  border-radius: var(--tla-radius-sm);
}

.ftable__cell--input[b-iurjlgacg9] {
  cursor: pointer;
  background: var(--tla-surface);
  border: 2px dashed var(--tla-border);
}

.ftable__cell--input:hover[b-iurjlgacg9] { background: var(--tla-primary-soft); }

.ftable__cell--active[b-iurjlgacg9] {
  color: var(--tla-primary-hover);
  background: var(--tla-primary-soft);
  border: 3px solid var(--tla-primary);
}

.ftable__row--active > .ftable__left[b-iurjlgacg9],
.ftable__row--active > .ftable__right[b-iurjlgacg9] { background: var(--tla-primary-soft); }

.ftable__row--wrong > .ftable__left[b-iurjlgacg9],
.ftable__row--wrong > .ftable__right[b-iurjlgacg9] { background: var(--tla-error-bg); }

.ftable__row--wrong .ftable__cell[b-iurjlgacg9] { border: 3px dashed var(--tla-error-line); color: var(--tla-error-ink); }

.ftable__controls[b-iurjlgacg9] {
  display: grid;
  gap: var(--tla-space-3);
  flex: 1 1 14rem;
  min-width: 0;
}

.ftable__primes[b-iurjlgacg9] { display: flex; flex-wrap: wrap; gap: var(--tla-space-2); }

.ftable__prime[b-iurjlgacg9] {
  min-width: var(--tla-touch);
  min-height: var(--tla-touch);
  padding: 0 var(--tla-space-3);
  font: inherit;
  font-size: var(--tla-text-lg);
  font-weight: 800;
  color: var(--tla-primary);
  background: var(--tla-surface);
  border: 2px solid var(--tla-primary);
  border-radius: var(--tla-radius);
  box-shadow: 0 2px 0 var(--tla-primary);
  cursor: pointer;
}

.ftable__prime:hover:not(:disabled)[b-iurjlgacg9] { background: var(--tla-primary-soft); }
.ftable__prime:active:not(:disabled)[b-iurjlgacg9] { transform: translateY(2px); box-shadow: none; }
.ftable__prime:disabled[b-iurjlgacg9] { opacity: 0.5; cursor: not-allowed; }

.ftable__actions[b-iurjlgacg9] { display: flex; flex-wrap: wrap; gap: var(--tla-space-2); }

.ftable__action[b-iurjlgacg9] {
  min-height: var(--tla-touch);
  padding: var(--tla-space-2) var(--tla-space-4);
  font: inherit;
  font-weight: 700;
  color: var(--tla-primary);
  background: var(--tla-surface);
  border: 2px solid var(--tla-primary);
  border-radius: var(--tla-radius-pill);
  cursor: pointer;
}

.ftable__action:hover:not(:disabled)[b-iurjlgacg9] { background: var(--tla-primary-soft); }
.ftable__action:disabled[b-iurjlgacg9] { opacity: 0.5; cursor: not-allowed; }

.ftable__action--check[b-iurjlgacg9] { color: var(--tla-on-primary); background: var(--tla-primary); }
.ftable__action--check:hover:not(:disabled)[b-iurjlgacg9] { color: var(--tla-on-primary); background: var(--tla-primary-hover); }

.ftable__line[b-iurjlgacg9] {
  margin: 0;
  font-size: var(--tla-text-xl);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.ftable__line--powers[b-iurjlgacg9] { color: var(--tla-success-ink); }

/* Plegada: una sola línea que se puede volver a abrir */
.ftable__fold[b-iurjlgacg9] {
  display: inline-flex;
  align-items: center;
  gap: var(--tla-space-2);
  min-height: var(--tla-touch);
  padding: var(--tla-space-2) var(--tla-space-4);
  font: inherit;
  font-weight: 700;
  color: var(--tla-success-ink);
  background: var(--tla-success-bg);
  border: 2px solid var(--tla-success-line);
  border-radius: var(--tla-radius);
  cursor: pointer;
}

/* Compacta: para ponerla junto a otras */
.ftable--compact .ftable__table[b-iurjlgacg9] { font-size: var(--tla-text-lg); }
.ftable--compact .ftable__layout[b-iurjlgacg9] { gap: var(--tla-space-3); }
.ftable--compact .ftable__right[b-iurjlgacg9] { min-width: 3.5rem; }
.ftable--compact .ftable__line[b-iurjlgacg9] { font-size: var(--tla-text-lg); }

@media (max-width: 30rem) {
  .ftable__layout[b-iurjlgacg9] { gap: var(--tla-space-3); }
  .ftable__table[b-iurjlgacg9] { font-size: var(--tla-text-lg); }
}
/* _content/LearningApps.Web/MiniApps/McmMcd/Shared/NumberGrid.razor.rz.scp.css */
.ng[b-pb2tg571c2] {
    display: grid;
    grid-template-columns: repeat(var(--ng-columns, 10), minmax(0, 1fr));
    gap: 3px;
    width: 100%;
    max-width: calc(var(--ng-columns, 10) * 3.5rem);
    margin-inline: auto;
}

/* Alto de 48 px siempre; el ancho se reparte la fila (a 360 px caben 10 columnas de unos 31 px). */
.ng__cell[b-pb2tg571c2] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 3rem;
    padding: 0;
    font: inherit;
    font-weight: 700;
    font-size: var(--tla-text-md);
    color: var(--tla-ink);
    background: var(--tla-surface);
    border: 2px solid var(--tla-border);
    border-radius: var(--tla-radius-sm);
    cursor: pointer;
    touch-action: manipulation;
    transition: background var(--tla-transition), border-color var(--tla-transition);
}

.ng__cell:disabled[b-pb2tg571c2] { cursor: default; }
.ng__cell:focus-visible[b-pb2tg571c2] { outline: 3px solid var(--tla-focus); outline-offset: 2px; z-index: 1; }

.ng__num[b-pb2tg571c2] { line-height: 1.1; }
.ng__icon[b-pb2tg571c2] { font-size: 0.7rem; line-height: 1; min-height: 0.7rem; }

/* Seleccionada: borde grueso azul y casilla rellena */
.ng__cell--selected[b-pb2tg571c2] { background: var(--tla-primary-soft); border-color: var(--tla-primary); border-width: 3px; }

/* Tachada: apagada, número con raya */
.ng__cell--crossed[b-pb2tg571c2] { background: var(--tla-surface-alt); color: var(--tla-ink-muted); border-style: dotted; }
.ng__cell--crossed .ng__num[b-pb2tg571c2] { text-decoration: line-through; text-decoration-thickness: 2px; }

/* Primo iluminado: dorada, borde doble */
.ng__cell--prime[b-pb2tg571c2] { background: #fef3c7; border: 4px double var(--tla-accent); color: var(--tla-accent-ink); }

/* Señalada por una pista: borde discontinuo y fondo de pista */
.ng__cell--highlighted[b-pb2tg571c2] { background: var(--tla-hint-bg); border: 3px dashed var(--tla-hint-line); color: var(--tla-hint-ink); }

/* Atenuada: casi transparente, borde fino */
.ng__cell--dimmed[b-pb2tg571c2] { opacity: 0.45; border-width: 1px; }

/* Acierto: verde, borde sólido y redondeado */
.ng__cell--correct[b-pb2tg571c2] { background: var(--tla-success-bg); border-color: var(--tla-success-line); color: var(--tla-success-ink); border-radius: var(--tla-radius); }

/* Fallo: naranja, borde de rayas */
.ng__cell--error[b-pb2tg571c2] { background: var(--tla-error-bg); border: 3px dashed var(--tla-error-line); color: var(--tla-error-ink); }

@media (min-width: 40rem) {
    .ng[b-pb2tg571c2] { gap: 6px; }
    .ng__cell[b-pb2tg571c2] { min-height: 3.25rem; }
}

@media print {
    .ng__cell[b-pb2tg571c2] { border-color: #555; }
}
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage1/PrimeHuntExercise.razor.rz.scp.css */
.hunt[b-8nkt151vs5] { display: grid; gap: var(--tla-space-4); }
.hunt__title[b-8nkt151vs5] { font-size: var(--tla-text-lg); margin: 0; }
.hunt__instruction[b-8nkt151vs5] { font-weight: 600; margin: 0; }
.hunt__actions[b-8nkt151vs5] { display: flex; flex-wrap: wrap; gap: var(--tla-space-3); }
.hunt__note[b-8nkt151vs5] { margin: 0; color: var(--tla-ink-muted); font-size: var(--tla-text-sm); }
.hunt__report[b-8nkt151vs5] { background: var(--tla-error-bg); color: var(--tla-error-ink); border-left: 6px solid var(--tla-error-line); border-radius: var(--tla-radius-sm); padding: var(--tla-space-3) var(--tla-space-4); }
.hunt__summary[b-8nkt151vs5] { font-weight: 700; margin: 0 0 var(--tla-space-2); }
.hunt__findings[b-8nkt151vs5] { margin: 0; padding-left: var(--tla-space-5); display: grid; gap: var(--tla-space-1); }
.hunt__fix[b-8nkt151vs5] { margin: var(--tla-space-2) 0 0; }
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage1/PrimeOrCompositeExercise.razor.rz.scp.css */
.poc[b-ikwmrgomen] { display: grid; gap: var(--tla-space-4); justify-items: center; text-align: center; }
.poc__number[b-ikwmrgomen] { font-size: 6rem; font-weight: 800; line-height: 1; margin: var(--tla-space-3) 0; color: var(--tla-primary); }
.poc__question[b-ikwmrgomen] { font-size: var(--tla-text-lg); font-weight: 700; margin: 0; }
.poc__buttons[b-ikwmrgomen] { display: flex; flex-wrap: wrap; gap: var(--tla-space-4); justify-content: center; }
.poc__btn[b-ikwmrgomen] { min-width: 8rem; min-height: var(--tla-touch); }
.poc__divisors[b-ikwmrgomen] { display: grid; gap: var(--tla-space-3); justify-items: center; }
.poc__divisors-title[b-ikwmrgomen] { font-weight: 700; margin: 0; }
.poc__chips[b-ikwmrgomen] { display: flex; flex-wrap: wrap; gap: var(--tla-space-2); justify-content: center; list-style: none; margin: 0; padding: 0; }
.poc__chip[b-ikwmrgomen] { min-width: 3rem; padding: var(--tla-space-2) var(--tla-space-3); font-size: var(--tla-text-lg); font-weight: 700; background: var(--tla-primary-soft); color: var(--tla-primary-hover); border: 2px solid var(--tla-primary); border-radius: var(--tla-radius-pill); }
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage1/SieveExercise.razor.rz.scp.css */
.sieve[b-3uxy0e844r] { display: grid; gap: var(--tla-space-4); }
.sieve__title[b-3uxy0e844r] { font-size: var(--tla-text-lg); margin: 0; }
.sieve__instruction[b-3uxy0e844r] { font-size: var(--tla-text-md); font-weight: 600; margin: 0; min-height: 3em; }
.sieve__actions[b-3uxy0e844r] { display: flex; flex-wrap: wrap; gap: var(--tla-space-3); }
.sieve__note[b-3uxy0e844r] { margin: 0; color: var(--tla-ink-muted); font-size: var(--tla-text-sm); }
.sieve__count[b-3uxy0e844r] { display: grid; gap: var(--tla-space-3); justify-items: center; }
.sieve__question[b-3uxy0e844r] { font-size: var(--tla-text-lg); font-weight: 700; margin: 0; }
.sieve__done[b-3uxy0e844r] { display: grid; gap: var(--tla-space-3); justify-items: start; }
.sieve__list-title[b-3uxy0e844r] { font-weight: 700; margin: 0; }
.sieve__primes[b-3uxy0e844r] { font-size: var(--tla-text-lg); font-weight: 700; color: var(--tla-accent-ink); margin: 0; }
.sieve__why[b-3uxy0e844r] { margin: 0; background: var(--tla-hint-bg); color: var(--tla-hint-ink); border-radius: var(--tla-radius-sm); padding: var(--tla-space-3); }
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage2/DivisibilityExercise.razor.rz.scp.css */
.dex[b-bsuzl6at4f] { display: grid; gap: var(--tla-space-4); justify-items: center; }
.dex__question[b-bsuzl6at4f] { margin: 0; font-size: var(--tla-text-lg); }
.dex__number[b-bsuzl6at4f] { margin: 0; font-size: var(--tla-text-big); font-weight: 800; line-height: 1; }

.dex__switches[b-bsuzl6at4f] {
  list-style: none; margin: 0; padding: 0; width: 100%;
  display: grid; gap: var(--tla-space-3);
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  align-items: start;
}

.dex__item[b-bsuzl6at4f] { display: grid; gap: var(--tla-space-2); }

/* Interruptor grande: el estado se lee en el texto (Sí/No) y en el borde, no solo en el color */
.dex__switch[b-bsuzl6at4f] {
  display: grid; gap: var(--tla-space-1); justify-items: center;
  min-height: 5rem; padding: var(--tla-space-3);
  font: inherit; font-weight: 800; font-size: var(--tla-text-lg);
  color: var(--tla-ink); background: var(--tla-surface);
  border: 3px dashed var(--tla-border); border-radius: var(--tla-radius-lg);
  cursor: pointer;
}
.dex__switch:disabled[b-bsuzl6at4f] { cursor: not-allowed; opacity: 0.8; }
.dex__switch--on[b-bsuzl6at4f] { color: var(--tla-primary-hover); background: var(--tla-primary-soft); border: 4px solid var(--tla-primary); }
.dex__switch-state[b-bsuzl6at4f] { font-size: var(--tla-text-md); }

.dex__reason[b-bsuzl6at4f] {
  margin: 0; padding: var(--tla-space-2) var(--tla-space-3);
  font-size: var(--tla-text-sm); border-radius: var(--tla-radius-sm);
  background: var(--tla-surface-alt); border-left: 4px solid var(--tla-border);
}
.dex__reason--ok[b-bsuzl6at4f] { color: var(--tla-success-ink); background: var(--tla-success-bg); border-left-color: var(--tla-success-line); }
.dex__reason--wrong[b-bsuzl6at4f] { color: var(--tla-error-ink); background: var(--tla-error-bg); border-left-color: var(--tla-error-line); border-left-style: dashed; }
.dex__verdict[b-bsuzl6at4f] { font-weight: 800; margin-right: var(--tla-space-1); }
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage2/FactorizationExercise.razor.rz.scp.css */
.fex[b-8jujyburt6] { display: grid; gap: var(--tla-space-4); }
.fex__statement[b-8jujyburt6] { margin: 0; font-size: var(--tla-text-lg); }
.fex__number[b-8jujyburt6] { font-size: var(--tla-text-2xl); }
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage2/PowersExercise.razor.rz.scp.css */
.pex[b-qcszc2dpi6] { display: grid; gap: var(--tla-space-4); justify-items: center; }
.pex__intro[b-qcszc2dpi6] { margin: 0; font-size: var(--tla-text-lg); text-align: center; }
.pex__expression[b-qcszc2dpi6] { margin: 0; font-size: var(--tla-text-2xl); font-weight: 800; font-variant-numeric: tabular-nums; text-align: center; }
.pex__times[b-qcszc2dpi6] { color: var(--tla-ink-muted); }

/* Factores iguales: color + trazo distinto por grupo, para que no dependa solo del color */
.pex__factor[b-qcszc2dpi6] { display: inline-block; padding: 0 var(--tla-space-2); border: 3px solid transparent; border-radius: var(--tla-radius-sm); }
.pex__factor--g0[b-qcszc2dpi6] { background: var(--tla-primary-soft); color: var(--tla-primary-hover); border-color: var(--tla-primary); border-style: solid; }
.pex__factor--g1[b-qcszc2dpi6] { background: var(--tla-success-bg); color: var(--tla-success-ink); border-color: var(--tla-success-line); border-style: dashed; }
.pex__factor--g2[b-qcszc2dpi6] { background: var(--tla-error-bg); color: var(--tla-error-ink); border-color: var(--tla-error-line); border-style: dotted; }
.pex__factor--g3[b-qcszc2dpi6] { background: var(--tla-hint-bg); color: var(--tla-hint-ink); border-color: var(--tla-hint-line); border-style: double; }

.pex__cards[b-qcszc2dpi6] { list-style: none; margin: 0; padding: 0; width: 100%; display: flex; flex-wrap: wrap; gap: var(--tla-space-3); justify-content: center; }
.pex__card[b-qcszc2dpi6] {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--tla-space-2);
  padding: var(--tla-space-3); min-width: 11rem;
  background: var(--tla-surface); border: 2px solid var(--tla-border); border-radius: var(--tla-radius-lg);
}
.pex__card--wrong[b-qcszc2dpi6] { border: 3px dashed var(--tla-error-line); background: var(--tla-error-bg); }
.pex__base[b-qcszc2dpi6] { font-size: var(--tla-text-2xl); font-weight: 800; min-width: var(--tla-touch); text-align: center; padding: 0 var(--tla-space-2); border: 3px solid var(--tla-ink); border-radius: var(--tla-radius-sm); }
.pex__counter[b-qcszc2dpi6] { display: inline-flex; align-items: center; gap: var(--tla-space-2); }
.pex__exponent[b-qcszc2dpi6] { min-width: 2rem; text-align: center; font-size: var(--tla-text-xl); font-weight: 800; }
.pex__step[b-qcszc2dpi6] {
  min-width: var(--tla-touch); min-height: var(--tla-touch); font: inherit; font-size: var(--tla-text-xl); font-weight: 800;
  color: var(--tla-primary); background: var(--tla-surface); border: 2px solid var(--tla-primary); border-radius: var(--tla-radius);
  box-shadow: 0 2px 0 var(--tla-primary); cursor: pointer;
}
.pex__step:hover:not(:disabled)[b-qcszc2dpi6] { background: var(--tla-primary-soft); }
.pex__step:disabled[b-qcszc2dpi6] { opacity: 0.45; cursor: not-allowed; box-shadow: none; }
.pex__note[b-qcszc2dpi6] { flex-basis: 100%; margin: 0; font-size: var(--tla-text-sm); color: var(--tla-error-ink); }
.pex__preview[b-qcszc2dpi6] { margin: 0; font-size: var(--tla-text-lg); }
.pex__preview-label[b-qcszc2dpi6] { color: var(--tla-ink-muted); }
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage3/DirectThreeExercise.razor.rz.scp.css */
.dtr[b-78qx5pudc5] { display: grid; gap: var(--tla-space-4); }
.dtr__statement[b-78qx5pudc5] { margin: 0; font-size: var(--tla-text-xl); font-weight: 800; }
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage3/DirectTwoExercise.razor.rz.scp.css */
.dtx[b-wntt0t5osf] { display: grid; gap: var(--tla-space-4); }
.dtx__statement[b-wntt0t5osf] { margin: 0; font-size: var(--tla-text-xl); font-weight: 800; }
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage3/ListsExercise.razor.rz.scp.css */
.lists[b-4o667ae8a8] {
    --lists-pair-0: #4338ca;
    --lists-pair-1: #b45309;
    --lists-pair-2: #0f766e;
    --lists-pair-3: #be185d;
    display: grid;
    gap: var(--tla-space-4);
}

.lists__title[b-4o667ae8a8] { font-size: var(--tla-text-lg); margin: 0; }
.lists__instruction[b-4o667ae8a8] { font-weight: 600; margin: 0; }

.lists__rows[b-4o667ae8a8] { display: grid; gap: var(--tla-space-3); }

.lists__row[b-4o667ae8a8] {
    display: grid;
    gap: var(--tla-space-2);
    padding: var(--tla-space-3);
    background: var(--tla-surface-alt);
    border: 2px solid var(--tla-border);
    border-radius: var(--tla-radius);
}

.lists__label[b-4o667ae8a8] { font-size: var(--tla-text-md); font-weight: 700; margin: 0; }

.lists__chips[b-4o667ae8a8] {
    display: flex;
    gap: var(--tla-space-2);
    list-style: none;
    margin: 0;
    padding: 0 0 var(--tla-space-1);
    overflow-x: auto;
}

.lists__chips li[b-4o667ae8a8] { flex: 0 0 auto; }

.lists__chip[b-4o667ae8a8] {
    position: relative;
    min-width: var(--tla-touch);
    min-height: var(--tla-touch);
    padding: var(--tla-space-1) var(--tla-space-3);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: var(--tla-text-lg);
    font-weight: 700;
    color: var(--tla-ink);
    background: var(--tla-surface);
    border: 2px solid var(--tla-border);
    border-radius: var(--tla-radius-sm);
    cursor: pointer;
}

.lists__chip:disabled[b-4o667ae8a8] { cursor: default; }
.lists__chip:focus-visible[b-4o667ae8a8] { outline: 3px solid var(--tla-focus); outline-offset: 2px; }
.lists__icon[b-4o667ae8a8] { font-size: var(--tla-text-sm); line-height: 1; min-height: 1em; }

.lists__chip--marked[b-4o667ae8a8] { border-style: dashed; border-color: var(--tla-primary); background: var(--tla-primary-soft); color: var(--tla-primary-hover); }

/* Unidos: mismo color y mismo símbolo en las dos filas, y un trazo grueso por debajo que los enlaza a la vista. */
.lists__chip--linked[b-4o667ae8a8] {
    background: var(--pair, var(--tla-primary));
    border-color: var(--pair, var(--tla-primary));
    color: var(--tla-on-primary);
    box-shadow: 0 5px 0 0 var(--pair, var(--tla-primary));
}

.lists__chip--error[b-4o667ae8a8] { background: var(--tla-error-bg); border-color: var(--tla-error-line); color: var(--tla-error-ink); }
.lists__chip--hint[b-4o667ae8a8] { background: var(--tla-hint-bg); border-color: var(--tla-hint-line); color: var(--tla-hint-ink); }
.lists__chip--target[b-4o667ae8a8] { background: var(--tla-accent); border-color: var(--tla-accent-ink); color: var(--tla-accent-ink); border-width: 4px; }
.lists__chip--answer[b-4o667ae8a8] { background: var(--tla-success-bg); border-color: var(--tla-success-line); color: var(--tla-success-ink); border-width: 4px; }

.lists__actions[b-4o667ae8a8] { display: flex; flex-wrap: wrap; gap: var(--tla-space-3); }

.lists__links[b-4o667ae8a8] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tla-space-2) var(--tla-space-4); margin: 0; }
.lists__link[b-4o667ae8a8] { color: var(--pair, var(--tla-primary)); font-weight: 700; border-bottom: 4px solid var(--pair, var(--tla-primary)); }

.lists__choices[b-4o667ae8a8] { display: flex; flex-wrap: wrap; gap: var(--tla-space-3); }
.lists__choice[b-4o667ae8a8] { min-width: 5rem; min-height: var(--tla-touch); }
.lists__choice--wrong[b-4o667ae8a8] { background: var(--tla-error-bg); border-color: var(--tla-error-line); color: var(--tla-error-ink); }

.lists__final[b-4o667ae8a8] {
    margin: 0;
    padding: var(--tla-space-3) var(--tla-space-4);
    font-size: var(--tla-text-xl);
    font-weight: 800;
    text-align: center;
    color: var(--tla-success-ink);
    background: var(--tla-success-bg);
    border: 3px solid var(--tla-success-line);
    border-radius: var(--tla-radius);
}
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage4/ChooseOperationExercise.razor.rz.scp.css */
.choose[b-rm8i0svd7g] { display: grid; gap: var(--tla-space-4); }
.choose__title[b-rm8i0svd7g] { font-size: var(--tla-text-lg); margin: 0; }

.choose__statement[b-rm8i0svd7g] {
    margin: 0;
    padding: var(--tla-space-4) var(--tla-space-5);
    font-size: var(--tla-text-xl);
    line-height: 1.6;
    color: var(--tla-ink);
    background: var(--tla-surface-alt);
    border-left: 8px solid var(--tla-primary);
    border-radius: var(--tla-radius);
    box-shadow: var(--tla-shadow-sm);
}

/* Palabra clave: fondo, subrayado grueso y negrita, para que no dependa solo del color. */
.choose__key[b-rm8i0svd7g] {
    padding: 0 var(--tla-space-1);
    font-weight: 800;
    color: var(--tla-accent-ink);
    background: #fde68a;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
    border-radius: 0.25rem;
}

.choose__reasoning[b-rm8i0svd7g] { padding: var(--tla-space-3) var(--tla-space-4); background: var(--tla-success-bg); color: var(--tla-success-ink); border-left: 6px solid var(--tla-success-line); border-radius: var(--tla-radius-sm); }
.choose__reasoning-title[b-rm8i0svd7g] { font-weight: 700; margin: 0 0 var(--tla-space-1); }
.choose__steps[b-rm8i0svd7g] { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--tla-space-1); }

.choose__question[b-rm8i0svd7g] { font-size: var(--tla-text-lg); font-weight: 700; margin: 0; }
.choose__buttons[b-rm8i0svd7g] { display: flex; flex-wrap: wrap; gap: var(--tla-space-4); }
.choose__btn[b-rm8i0svd7g] { flex: 1 1 14rem; min-height: 4.5rem; }
.choose__btn--op[b-rm8i0svd7g] { font-size: var(--tla-text-xl); font-weight: 800; }

.choose__final[b-rm8i0svd7g] {
    margin: 0;
    padding: var(--tla-space-3) var(--tla-space-4);
    font-size: var(--tla-text-lg);
    font-weight: 700;
    color: var(--tla-success-ink);
    background: var(--tla-success-bg);
    border: 3px solid var(--tla-success-line);
    border-radius: var(--tla-radius);
}
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage4/ProblemExercise.razor.rz.scp.css */
.problem[b-ry5p4ho7se] { display: grid; gap: var(--tla-space-4); }
.problem__title[b-ry5p4ho7se] { font-size: var(--tla-text-lg); margin: 0; }

/* Los cinco pasos: una lista numerada. El que está en curso lleva borde grueso y va abierto; los hechos, una línea; los futuros, apagados. */
.problem__steps[b-ry5p4ho7se] { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--tla-space-3); }

.problem__step[b-ry5p4ho7se] {
    padding: var(--tla-space-3) var(--tla-space-4);
    background: var(--tla-surface);
    border: 3px solid var(--tla-border);
    border-radius: var(--tla-radius);
}

.problem__step--active[b-ry5p4ho7se] { border-color: var(--tla-primary); box-shadow: var(--tla-shadow-sm); }
.problem__step--done[b-ry5p4ho7se] { color: var(--tla-success-ink); background: var(--tla-success-bg); border-color: var(--tla-success-line); }
.problem__step--locked[b-ry5p4ho7se] { color: var(--tla-ink-muted); border-style: dashed; }

.problem__head[b-ry5p4ho7se] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tla-space-2) var(--tla-space-3); }
.problem__badge[b-ry5p4ho7se] {
    display: inline-grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    font-weight: 800;
    color: var(--tla-on-primary);
    background: var(--tla-primary);
    border-radius: var(--tla-radius-pill);
}
.problem__step--locked .problem__badge[b-ry5p4ho7se] { color: var(--tla-ink-muted); background: var(--tla-surface-alt); border: 2px dashed var(--tla-border); }
.problem__step--done .problem__badge[b-ry5p4ho7se] { background: var(--tla-success-line); }
.problem__name[b-ry5p4ho7se] { font-size: var(--tla-text-lg); font-weight: 800; }
.problem__summary[b-ry5p4ho7se] { font-weight: 600; }

.problem__body[b-ry5p4ho7se] { display: grid; gap: var(--tla-space-3); margin-top: var(--tla-space-3); }
.problem__lead[b-ry5p4ho7se] { margin: 0; font-size: var(--tla-text-md); }
.problem__question[b-ry5p4ho7se] { margin: 0; font-size: var(--tla-text-lg); font-weight: 700; }

.problem__buttons[b-ry5p4ho7se] { display: flex; flex-wrap: wrap; gap: var(--tla-space-3); }
.problem__btn[b-ry5p4ho7se] { flex: 1 1 10rem; min-height: 4rem; }
.problem__btn--op[b-ry5p4ho7se] { font-size: var(--tla-text-xl); font-weight: 800; }
.problem__btn--option[b-ry5p4ho7se] { flex: 0 1 auto; min-width: 5rem; }
.problem__btn--on[b-ry5p4ho7se] { text-decoration: underline; outline: 4px solid var(--tla-accent); outline-offset: 2px; }

.problem__reasoning[b-ry5p4ho7se] { list-style: none; margin: 0; padding: var(--tla-space-2) var(--tla-space-3); display: grid; gap: var(--tla-space-1); background: var(--tla-success-bg); color: var(--tla-success-ink); border-radius: var(--tla-radius-sm); }

/* La frase respuesta con sus dos huecos. */
.problem__sentence[b-ry5p4ho7se] { margin: 0; font-size: var(--tla-text-xl); line-height: 2; font-weight: 600; }
.problem__hole[b-ry5p4ho7se] {
    display: inline-block;
    min-width: 4.5rem;
    padding: 0 var(--tla-space-2);
    text-align: center;
    background: var(--tla-surface-alt);
    border-bottom: 4px dashed var(--tla-primary);
    border-radius: 0.25rem;
}
.problem__hole--set[b-ry5p4ho7se] { font-weight: 800; border-bottom-style: solid; background: var(--tla-primary-soft); }

.problem__final[b-ry5p4ho7se] {
    margin: 0;
    padding: var(--tla-space-3) var(--tla-space-4);
    font-size: var(--tla-text-lg);
    font-weight: 700;
    color: var(--tla-success-ink);
    background: var(--tla-success-bg);
    border: 3px solid var(--tla-success-line);
    border-radius: var(--tla-radius);
}
/* _content/LearningApps.Web/MiniApps/McmMcd/Stage4/ProblemStatement.razor.rz.scp.css */
.pstatement[b-71y9v2a9xe] {
    margin: 0;
    padding: var(--tla-space-4) var(--tla-space-5);
    font-size: var(--tla-text-xl);
    line-height: 1.8;
    color: var(--tla-ink);
    background: var(--tla-surface-alt);
    border-left: 8px solid var(--tla-primary);
    border-radius: var(--tla-radius);
    box-shadow: var(--tla-shadow-sm);
}

.pstatement__key[b-71y9v2a9xe] {
    padding: 0 var(--tla-space-1);
    font-weight: 800;
    color: var(--tla-accent-ink);
    background: #fde68a;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
    border-radius: 0.25rem;
}

/* Número tocable: parece un botón (borde discontinuo) y al elegirlo cambia de relleno, de borde y se subraya: no depende solo del color. */
.pstatement__num[b-71y9v2a9xe] {
    min-width: var(--tla-touch);
    min-height: var(--tla-touch);
    margin: 0 0.1em;
    padding: 0 var(--tla-space-2);
    font: inherit;
    font-weight: 800;
    color: var(--tla-ink);
    background: var(--tla-surface);
    border: 3px dashed var(--tla-primary);
    border-radius: var(--tla-radius-sm);
    cursor: pointer;
}

.pstatement__num--on[b-71y9v2a9xe] {
    color: var(--tla-on-primary);
    background: var(--tla-primary);
    border-style: solid;
    text-decoration: underline;
}

.pstatement__fixed--data[b-71y9v2a9xe] {
    padding: 0 var(--tla-space-1);
    font-weight: 800;
    background: var(--tla-success-bg);
    border-bottom: 3px solid var(--tla-success-line);
}