.chemistry-page{max-width:900px;margin:auto}.chem-tool{margin:1.3rem 0}.chem-tool summary{cursor:pointer;padding:1rem;font-size:1.45rem;color:var(--green);min-height:48px}.chem-tool .panel-body{font-family:var(--mono);font-size:1.3rem;line-height:1.65}.chem-actions,.chem-fields,#equation{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:.8rem 0}.chem-fields label{display:grid;gap:.3rem}.chemistry-page input,.chemistry-page button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--sub);padding:.55rem .7rem;min-height:44px}.chemistry-page button{cursor:pointer}.chemistry-page input:focus-visible,.chemistry-page button:focus-visible,.chemistry-page summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.coefficient{display:flex;align-items:center;gap:.4rem}.coefficient input{width:70px}.chem-fields input{width:110px}#formula{width:min(100%,240px)}.chemistry-page table{width:100%;border-collapse:collapse;margin:1rem 0}.chemistry-page th,.chemistry-page td{text-align:left;border-bottom:1px solid var(--sub);padding:.45rem}.chemistry-page caption{text-align:left}#atom-visual>div{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:.7rem 0}#atom-visual strong{min-width:60px}.particle{border:1px solid currentColor;padding:2px 5px;font-size:.8rem}.proton{color:var(--green)}.neutron{color:var(--sub)}.electron{color:var(--text)}[role=status]{font-weight:600;overflow-wrap:anywhere}#supported{overflow-wrap:anywhere}@media(max-width:480px){.chemistry-page th,.chemistry-page td{padding:.3rem;font-size:.85rem}}
[hidden]{display:none!important}.study-nav{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.study-nav a{border:1px solid var(--line);padding:.5rem .8rem}.study-group{scroll-margin-top:1rem;margin:1.5rem 0}.study-group>h2{font-size:1.8rem;color:var(--green)}.study-tool{margin:.65rem 0}.study-tool>summary{cursor:pointer;font-size:1.45rem;padding:.85rem;min-height:44px}.study-tool .panel-body{font:1.3rem/1.45 var(--mono)}.study-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;margin:1rem 0}.study-fields label{display:grid;gap:.3rem;align-content:start}.study-fields input,.study-fields select{width:100%;box-sizing:border-box}.study-tool select{font:inherit;background:var(--surface);color:var(--text);padding:.5rem;border:1px solid var(--sub);min-height:44px}.study-modes{display:flex;gap:.6rem;margin:1rem 0}.study-modes [aria-pressed=true]{border:2px solid var(--green);color:var(--green)}.study-result{white-space:pre-line;overflow-wrap:anywhere;border-left:2px solid var(--green);padding:.6rem .8rem}.study-result:empty{display:none}.study-example{border-left:2px solid var(--line);padding:.3rem .7rem;margin:.8rem 0}.study-example summary,[data-practice] summary{cursor:pointer;padding:.4rem 0;min-height:36px}[data-practice] form{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}[data-practice] label{display:grid;gap:.4rem}[data-practice] input{max-width:180px}.study-notes{border-top:1px solid var(--line);margin:2rem 0;padding-top:1rem}.study-notes a{display:block;margin:.6rem 0}.study-tool input:focus-visible,.study-tool select:focus-visible,.study-tool summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:480px){.study-fields{grid-template-columns:1fr}.study-tool .panel-body{padding:.8rem}.study-modes button{flex:1}}