/* Estilos limitados al lote editorial; las tarjetas de estudio no cambian. */
.topic-practice{min-width:0}.topic-practice *{box-sizing:border-box}.topic-practice .vocab-controls{flex-wrap:wrap}.topic-practice .btn{min-height:44px;white-space:normal;overflow-wrap:anywhere}.topic-practice .topic-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.topic-practice .topic-context{margin:20px 0;overflow-wrap:anywhere}.topic-practice .topic-context p{margin:6px 0}.topic-practice .topic-gap{font-size:1.15em;line-height:1.7}.topic-practice #topic-form{display:grid;gap:12px;margin:20px 0}.topic-practice input{width:100%;min-width:0;min-height:48px;font:inherit;padding:12px;border:1px solid var(--border,#d9e2e5);border-radius:14px;color:inherit;background:var(--surface,#fff)}.topic-practice .topic-good{color:#186139}.topic-practice .topic-bad{color:#a12626}.topic-practice figure{margin:20px auto;max-width:100%}.topic-practice .topic-palette{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.topic-practice .topic-swatch{background:var(--sample);width:150px;height:110px;border:1px solid #899399;border-radius:12px;display:flex;align-items:flex-end;justify-content:center}.topic-practice .topic-swatch span{background:white;color:#192b32;border-radius:6px;padding:2px 8px;margin:6px}.topic-practice .topic-pattern{background:repeating-linear-gradient(125deg,transparent 0 10px,#ffffff55 12px 14px),var(--sample)}.topic-practice .topic-clock{width:220px;text-align:center}.topic-practice svg{display:block;width:100%;height:auto;max-width:100%}.topic-practice .topic-calendar{width:360px;border:1px solid var(--border,#d9e2e5);padding:14px;border-radius:16px}.topic-practice figcaption{font-weight:600;text-align:center;margin-bottom:10px}.topic-practice .topic-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.topic-practice .topic-calendar-grid span{padding:5px 0}.topic-practice .topic-weekday{font-size:.8em}.topic-practice .topic-marked{border:2px solid currentColor;border-radius:8px;font-weight:600}.topic-practice .topic-profile,.topic-practice .topic-message,.topic-practice .topic-timeline{border:1px solid var(--border,#d9e2e5);border-radius:16px;padding:20px;margin:20px 0;overflow-wrap:anywhere}.topic-practice dl{margin:0}.topic-practice dl>div{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:12px;padding:8px 0}.topic-practice dt{font-weight:600}.topic-practice dd{margin:0}.topic-practice .topic-timeline>div{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.topic-practice .topic-timeline span{padding:10px}.topic-practice .topic-translation{font-weight:600}.topic-practice .topic-written{padding:12px;border-radius:12px}@media(max-width:500px){.topic-practice .topic-options{grid-template-columns:1fr}.topic-practice .starter-pairs{gap:8px}.topic-practice .starter-pairs .btn{padding:10px 7px}.topic-practice .topic-swatch{width:120px}.topic-practice .topic-profile,.topic-practice .topic-message{padding:14px}}

.topic-practice .topic-traffic{width:120px;max-width:100%;margin:20px auto}.topic-practice .topic-traffic svg{width:100%;height:auto}

.vocabulary .practice-level-tabs{margin:18px 0 24px}.vocabulary .practice-level-tabs .level-tab{min-height:44px}.vocabulary .practice-level-panel{min-width:0}

/* Nuevas mecánicas del lote 7–12, limitadas al panel de práctica. */
.topic-practice .topic-tiles{display:flex;flex-wrap:wrap;gap:10px}.topic-practice .topic-built{padding:16px;border:1px solid var(--border,#d9e2e5);border-radius:14px;min-height:60px;line-height:1.7}.topic-practice .topic-anatomy{max-width:330px;width:100%;overflow:hidden}.topic-practice .topic-anatomy .body-svg{max-height:390px;width:100%;height:390px;pointer-events:none}.topic-practice .topic-anatomy .body-zone{fill:#e9eef0;stroke:#72858c;stroke-width:1.5}.topic-practice .topic-anatomy .topic-target-zone{fill:#87cddc;stroke:#1c6176;stroke-width:2.5}.topic-practice .topic-anatomy figcaption{font-size:.9em;margin:8px 0}

/* Misiones con selección múltiple y corrección de significado. */
.topic-practice [data-topic-multi][aria-pressed="true"]{border-color:#467887;background:#e3f0f2;color:#193d48;box-shadow:inset 0 0 0 1px #467887}.topic-practice [data-topic-multi].pair-incorrect{background:#fde9e9;color:#8e2525;border-color:#b94d4d}.topic-practice .topic-repair mark{padding:2px 6px;border-radius:5px;background:#f4e7d3;color:inherit;font-weight:600}.topic-practice .pair-completed .topic-repair mark{background:#def0e5}.topic-practice .topic-selection-count{font-weight:600}
.topic-practice [data-topic-multi].pair-completed{background:#def0e5;border-color:#3f8a60;color:#185a35;box-shadow:inset 0 0 0 1px #3f8a60}
