.element-understanding{--el-accent:var(--primary,#6c45c1);--el-surface:var(--card,#fffefa);--el-atom:#24576c;max-width:1120px;color:var(--canvas-text,#343253);margin:0 auto 2rem;font-size:1rem;line-height:1.6}.element-understanding>h1{margin:1rem 0;font-size:2rem;line-height:1.2}.element-understanding p{margin:.5rem 0}.element-understanding h2{margin:.8rem 0;font-size:1.5rem;line-height:1.35}.element-understanding h3{margin:.75rem 0;font-size:1.2rem}.element-understanding .element-lab-card,.element-understanding .element-insight-grid>button,.element-understanding .element-task-panel,.element-understanding .element-exam-start,.element-understanding .element-exam-result,.element-understanding .element-progress-line,.element-understanding .element-glossary,.element-understanding .element-activities button{color:var(--foreground,#343253)}.element-understanding .element-activities button[aria-pressed=true]{color:#fff}.element-understanding .element-model-lock{border:0;min-width:0;margin:0;padding:0}.element-understanding .element-listen,.element-understanding .primary,.element-understanding .secondary,.element-understanding .text-button{font-size:1rem}.element-task-panel .text-button{color:var(--foreground,#343253)}.element-activities{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.element-activities button,.element-model-choices button{border:1px solid var(--border,#b8cfca);background:var(--el-surface,#fff);color:inherit;text-align:left;cursor:pointer;border-radius:.65rem;min-height:48px;padding:.75rem 1rem;font-size:1rem;line-height:1.45}.element-activities button[aria-pressed=true],.element-model-choices button[aria-pressed=true]{background:var(--el-accent,#087c78);color:#fff;border-color:#0000}.element-understanding button:focus-visible,.element-understanding select:focus-visible,.element-understanding input:focus-visible{outline-offset:3px;outline:3px solid #df8511}.element-understanding button:disabled{opacity:.6;cursor:default}.element-progress-line{background:var(--muted,#e4efed);border-radius:.6rem;padding:.8rem 1rem;font-size:.95rem}.element-section-heading{margin:1.5rem 0}.element-lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 2rem;display:grid}.element-lab-card{text-align:left;border:1px solid var(--border,#b8cfca);background:var(--el-surface);color:inherit;cursor:pointer;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem;display:flex}.element-lab-card>span{font-size:.875rem;font-weight:700}.element-lab-card strong{font-size:1.2rem}.element-lab-card p{margin:0;font-size:1rem}.element-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 2rem;display:grid}.element-insight-grid>button{text-align:left;border:1px solid var(--border,#b8cfca);background:var(--el-surface);color:inherit;cursor:pointer;border-radius:.8rem;grid-template-columns:60px 1fr;align-items:center;gap:.75rem;padding:1rem;display:grid}.element-insight-grid>button>span:last-child{grid-column:1/-1;font-size:1rem;line-height:1.5}.element-insight-grid .mini-element{width:60px;height:68px}.element-task-panel,.element-exam-start,.element-exam-result{background:var(--el-surface);border:1px solid var(--border,#b8cfca);border-radius:1rem;margin:1.5rem 0;padding:clamp(1rem,3vw,2rem)}.element-task-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.element-step-list{margin:1.25rem 0;padding-left:1.75rem}.element-step-list li{padding:.4rem .5rem}.element-step-list li::marker{color:var(--el-accent);font-weight:800}.element-model{background:var(--muted,#edf5f2);border:1px solid var(--border,#b8cfca);border-radius:.85rem;margin:1.25rem 0;padding:1.25rem}.element-model fieldset,.element-control fieldset{border:0;margin:1rem 0;padding:0}.element-model legend,.element-control legend{margin-bottom:.6rem;font-weight:700}.element-model-choices{flex-wrap:wrap;gap:.6rem;display:flex}.element-reasons{grid-template-columns:1fr;display:grid}.element-model label:not(.element-checkbox){margin:.8rem 0 .4rem;font-weight:700;display:block}.element-model select,.element-model input[type=number]{font:inherit;background:var(--el-surface);max-width:100%;color:inherit;border:1px solid var(--border,#b8cfca);border-radius:.5rem;min-height:48px;padding:.65rem}.element-checkbox{align-items:center;gap:.7rem;padding:.5rem 0;display:flex}.element-checkbox input{width:22px;height:22px}.cable-diagram{text-align:center;max-width:420px;margin:1rem auto}.cable-diagram svg{width:100%;height:auto}.cable-diagram p{font-weight:700}.element-material-table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:1rem}.element-material-table td,.element-material-table th{border-bottom:1px solid var(--border,#b8cfca);text-align:left;padding:.6rem}.element-material-table caption{text-align:left;margin-bottom:.5rem;font-weight:700}.element-particles{background:var(--el-surface);border:1px solid var(--border,#b8cfca);border-radius:.6rem;flex-wrap:wrap;gap:1.5rem;margin:1rem 0;padding:1.5rem;display:flex}.particle-unit{align-items:center;display:flex}.particle-atom{color:#fff;background:#235e80;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;font-weight:800;display:inline-flex}.particle-atom+.particle-atom{margin-left:-.25rem}.atom-H{background:#526271}.atom-O{background:#ab344d}.atom-N{background:#37508a}.atom-He{background:#6d4e84}.magnet-model{background:var(--el-surface);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;max-width:520px;min-height:140px;margin:1.5rem auto;padding:2rem 1rem;display:flex}.magnet-model>span:last-child{text-align:center;flex-direction:column;font-size:1.5rem;font-weight:800;transition:transform .6s;display:flex;transform:translate(0)}.magnet-model small{font-size:.9rem}.magnet-model>span.attracted{transform:translate(-40px)}.carbon-model{width:min(100%,350px);height:auto;color:var(--el-atom);margin:1rem auto;display:block}.atom-model,.fire-model{border:1px solid var(--border,#b8cfca);background:var(--el-surface);border-radius:.75rem;margin:1rem 0;padding:1.5rem}.atom-model>span{display:block}.element-group-column{gap:.5rem;max-width:330px;margin:1rem auto;display:grid}.element-group-column>div{border:1px solid var(--border,#b8cfca);background:var(--el-surface);border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.3rem;padding:.75rem;display:grid}.element-group-column>div>span{grid-column:1/-1}.element-group-column small{font-size:.875rem}.element-note{font-size:.95rem}.element-observation,.element-feedback{border:1px solid var(--border,#b8cfca);background:var(--el-surface);border-radius:.7rem;margin:1rem 0;padding:1rem}.element-feedback.is-correct{border-left:5px solid #128260}.element-control{margin:1.5rem 0}.element-trials li{padding:.45rem 0}.element-limit,.element-glossary{background:var(--muted,#edf5f2);border-radius:.7rem;margin:1rem 0;padding:1rem}.element-limit summary,.element-glossary summary,.element-trials summary{cursor:pointer;font-weight:700}.element-glossary dl>div{grid-template-columns:130px 1fr;gap:1rem;margin:.8rem 0;display:grid}.element-glossary dt{text-transform:capitalize;font-weight:700}.element-glossary dd{margin:0}.element-listen{font:inherit;color:inherit;border:1px solid var(--border,#b8cfca);cursor:pointer;background:0 0;border-radius:.6rem;align-items:center;gap:.5rem;padding:.6rem .8rem;display:inline-flex}.element-exam-start>.primary,.element-exam-start>.secondary,.element-exam-result>button{margin:.5rem .5rem .5rem 0}.element-exam-result>strong{font-size:2rem;display:block}.element-insight{background:var(--muted,#edf5f2);border-left:4px solid #128260;border-radius:.6rem;margin:1rem 0;padding:1rem}.element-insight dl{margin:0}.element-insight dt{margin:.7rem 0 .2rem;font-weight:700}.element-insight dd{margin:0}.element-practice-top{margin:1rem 0}.element-practice-types{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.element-practice-types button{min-height:44px;font:inherit;background:var(--card,#fff);color:inherit;border:1px solid var(--border,#b8cfca);border-radius:.5rem;padding:.5rem .8rem}.element-practice-types button[aria-pressed=true]{color:#fff;background:#087c78}.element-insight details{margin-top:1rem}.element-insight p{margin:.5rem 0}.element-insight button{margin-top:.75rem}@media (width<=760px){.element-lab-grid,.element-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.element-glossary dl>div{grid-template-columns:1fr;gap:.25rem}.element-model{padding:1rem}.element-material-table td,.element-material-table th{padding:.4rem;font-size:.875rem}}@media (width<=480px){.element-lab-grid,.element-insight-grid{grid-template-columns:1fr}.element-activities{grid-template-columns:1fr 1fr;display:grid}.element-activities button{padding:.65rem}.element-task-heading>span{font-size:.9rem}.element-particles{gap:1rem;padding:1rem}.magnet-model{padding:1.5rem .5rem}.magnet-model>span.attracted{transform:translate(-20px)}}@media (prefers-reduced-motion:reduce){.magnet-model>span:last-child{transition:none}}.element-training{max-width:1120px;color:var(--foreground,#343253);margin:0 auto 32px;line-height:1.5}.et-heading{margin:18px 0}.et-heading>p:first-child{letter-spacing:.06em;font-size:.8rem;font-weight:800}.et-heading h1{margin:8px 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2}.element-training h2{margin:0 0 10px;font-size:1.25rem;line-height:1.35}.et-tabs{display:flex!important}.et-tabs button{text-align:center;flex:1;font-weight:700}.et-mobile-start{display:none}.et-layout{grid-template-columns:minmax(0,2fr) minmax(265px,1fr);align-items:start;gap:20px;display:grid}.et-selection,.et-round{background:var(--card,#fffefa);border:1px solid var(--border,#d1d8cf);border-radius:18px;min-width:0;padding:20px}.et-round{position:sticky;top:16px}.et-presets,.et-selection-actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.et-presets button,.et-selection-actions button,.et-kinds button,.et-fact,.et-voice{min-height:40px;font:inherit;border:1px solid var(--border,#c5d3c4);background:var(--card,#fffefa);color:inherit;cursor:pointer;border-radius:9px;padding:7px 10px}.et-presets button[aria-pressed=true],.et-kinds button[aria-pressed=true]{background:var(--primary,#6c45c1);color:#fff}.et-search label,.et-count,.et-extra>label{font-weight:700;display:block}.et-search input,.et-count select,.et-extra select{width:100%;min-height:44px;font:inherit;color:inherit;background:var(--card,#fff);border:1px solid var(--border,#b9c6b7);border-radius:9px;margin:6px 0;padding:8px 10px}.et-selection-actions{align-items:center;font-size:.85rem}.et-selection-actions>span{margin-right:auto;font-weight:800}.et-element-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.et-element-grid article{border:2px solid var(--border,#d5dacf);background:var(--card,#fffefa);border-radius:12px;overflow:hidden}.et-element-grid article.is-selected{border-color:var(--primary,#6c45c1);box-shadow:inset 0 0 0 1px var(--primary,#6c45c1)}.et-pick{width:100%;color:inherit;cursor:pointer;min-height:130px;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;display:flex}.et-pick .mini-element{border-radius:9px;width:48px;height:52px}.et-pick .mini-element strong{font-size:1.3rem}.et-pick>strong{overflow-wrap:anywhere;font-size:.88rem}.et-pick>span:last-child{font-size:.8rem;font-weight:700}.et-pick[aria-pressed=true]>span:last-child{color:var(--primary,#6c45c1)}.et-fact{border-width:1px 0 0;border-radius:0;width:100%;min-height:44px;padding:4px;font-size:.8rem}.et-round fieldset{border:0;margin:15px 0;padding:0}.et-round legend{font-weight:700}.et-kinds{gap:7px;margin:8px 0;display:grid}.et-kinds button{text-align:left;min-height:44px}.et-extra,.et-table{border:1px solid var(--border,#c5d3c4);background:var(--card,#fffefa);border-radius:12px;margin:16px 0;padding:12px}.et-extra summary,.et-table summary{cursor:pointer;align-content:center;min-height:32px;font-weight:700}.et-extra p{font-size:.9rem}.et-typed{align-items:flex-start;gap:9px;font-size:.9rem;line-height:1.45;display:flex!important}.et-typed input{flex-shrink:0;width:20px;height:20px;margin-top:2px}.et-summary{background:var(--muted,#f1f1e8);border-radius:10px;margin:14px 0;padding:12px;font-size:.9rem}.et-summary p{margin:6px 0}.et-start{justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;display:flex}.et-start:disabled{opacity:.55;cursor:default}.et-round>p{font-size:.85rem}.et-voice{align-items:center;gap:7px;display:flex}.et-exam{border-top:1px solid var(--border,#c5d3c4);margin-top:18px;padding-top:10px}.et-exam h3{margin:8px 0;font-size:1rem}.et-exam p{font-size:.9rem}.element-training button:focus-visible,.element-training input:focus-visible,.element-training select:focus-visible,.element-training summary:focus-visible{outline-offset:3px;outline:3px solid #df8511}.element-training .periodic-scroll{margin-top:15px}.element-subactivities{flex-wrap:wrap;gap:8px;margin:10px 0 18px;display:flex}.element-subactivities button{border:1px solid var(--border,#c5d3c4);background:var(--card,#fffefa);font:inherit;cursor:pointer;color:inherit;border-radius:9px;padding:8px 12px}.element-subactivities button[aria-pressed=true]{border-width:2px;border-color:var(--primary,#6c45c1);font-weight:800}@media (width<=850px){.et-mobile-start{z-index:500;background:var(--card,#fffefa);border:1px solid var(--border,#c5d3c4);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:10px;display:flex;position:sticky;top:80px;box-shadow:0 4px 12px #0001}.et-mobile-start span{font-size:.85rem;font-weight:700}.et-mobile-start small{font-weight:400;display:block}.et-mobile-start button{flex-shrink:0;min-height:44px}.et-mobile-start button:disabled{opacity:.55}.et-layout{grid-template-columns:1fr}.et-round{position:static}.et-element-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.et-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}.et-start{margin-top:12px}.et-selection,.et-round{padding:16px}}@media (width<=550px){.et-element-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.et-tabs button{padding:10px 6px;font-size:.95rem}.et-kinds{grid-template-columns:1fr}.et-selection,.et-round{padding:12px}.et-selection-actions>span{width:100%}}