/* Optional M.2 lesson, same paper/teal quest world; no persistent new HUD. */
.generation {--generation-edge:var(--quest-edge,#b58a49);--generation-paper:var(--quest-feedback-paper,#fff6df);--generation-ink:var(--quest-ink,#173f3d);}
.generation-columns {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.8rem;}
.generation :is(.generation-case,.generation-source,.generation-result) {border:1px solid var(--generation-edge);border-radius:12px;padding:.8rem;margin:.8rem 0;min-width:0;background:var(--generation-paper);}
.generation .generation-field {display:grid;gap:.4rem;margin:.7rem 0;}
.generation :is(input,textarea,select) {box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:.6rem;}
.generation input[type="checkbox"] {width:auto;}
.generation fieldset {min-width:0;}
.generation :is(button,p,summary,label) {white-space:normal;overflow-wrap:anywhere;max-width:100%;}
.generation .generation-scroll {overflow-x:auto;max-width:100%;}
.generation table {border-collapse:collapse;width:100%;font-size:.9em;}
.generation :is(th,td) {border:1px solid var(--generation-edge);padding:.45rem;text-align:start;overflow-wrap:anywhere;}
.generation .generation-output {padding:.7rem;border-radius:8px;background:#e5f0e2;color:var(--generation-ink);}
.generation details {margin:.6rem 0;}
.generation :is(.generation-scroll,.generation-result):focus-visible {outline:3px solid var(--quest-focus,#215f58);outline-offset:3px;}