.lesson-modes{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1.5rem}.lesson-modes[hidden],.easy-lesson[hidden]{display:none}
.lesson-modes [aria-pressed=true],.easy-cases [aria-pressed=true]{background:var(--wash);border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}
.easy-heading{display:flex;gap:1rem;align-items:start;justify-content:space-between}.easy-heading h2{margin-bottom:.5rem}.easy-heading output{flex-shrink:0;background:var(--wash);padding:.5rem .8rem;border-radius:8px;font-size:.85rem;font-weight:700}.easy-intro{color:var(--muted);max-width:70ch}.easy-vocabulary{padding-bottom:1rem}.easy-cases{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.easy-steps{display:flex;gap:1rem;padding:0;list-style:none;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:1rem}.easy-steps li{color:var(--muted);font-size:.9rem;display:flex;gap:.4rem;align-items:center}.easy-steps span{border:1px solid var(--rule);border-radius:50%;width:1.6rem;height:1.6rem;text-align:center}.easy-steps [aria-current=step]{color:var(--accent);font-weight:750}.easy-steps [aria-current=step] span{background:var(--accent);color:var(--paper)}
.easy-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin:1.2rem 0}.easy-visual{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:1rem;align-self:start;min-width:0}.easy-visual h3{font-size:1rem}.easy-action{min-width:0}.easy-action .field{max-width:none;margin:1rem 0}.easy-formula{background:var(--wash);padding:.5rem;border-radius:8px}.easy-continue{margin-top:1rem}.easy-lesson button:disabled{opacity:.5;cursor:default}.easy-lesson [aria-invalid=true]{border-color:var(--error);border-width:2px}.easy-readings{display:grid;gap:.4rem;margin:.8rem 0}.easy-readings p{display:flex;justify-content:space-between;gap:.6rem;align-items:center;background:var(--wash);padding:.4rem .6rem;border-radius:6px;margin:0;font-size:.85rem}.easy-readings strong{white-space:nowrap}.easy-compare{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.easy-compare .easy-readings p{display:block}.easy-compare .easy-readings strong{display:block}.easy-compare h4{margin-bottom:.2rem}.easy-tools{border-top:1px solid var(--rule);padding-top:1rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.easy-tools button{font-size:.85rem}.easy-heading h2:focus{outline:none}
@media screen{.guided-mode #ruta,.guided-mode #teoria,.guided-mode #laboratori,.guided-mode #practica,.guided-mode #informe,.guided-mode .jump{display:none}.guided-mode .hero{padding-bottom:1rem}.guided-mode .hero h1{font-size:clamp(2rem,4vw,3rem)}}
@media(max-width:800px){.easy-heading{display:block}.easy-heading output{display:inline-block}.easy-work{grid-template-columns:1fr}.easy-steps{gap:.7rem}.easy-compare{grid-template-columns:1fr 1fr}.easy-heading h2{font-size:1.4rem}.easy-readings p{font-size:.8rem}}
@media print{#guia,.lesson-modes{display:none!important}}
.easy-visual .circuit-wires text{font-size:21px}
.easy-lesson button.primary:hover{background:var(--accent);color:var(--paper);filter:brightness(.95)}