.chem-lesson{color:#29463e;max-width:1180px;margin:0 auto;padding:30px 28px 80px}.chem-lesson h1{margin:15px 0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.25}.chem-lesson h2{margin:0 0 14px;font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.4}.chem-lesson h3{margin:8px 0;font-size:1.2rem;line-height:1.4}.chem-lesson p{margin:9px 0}.chem-back{color:#397d7b;font-size:.92rem}.chem-eyebrow,.chem-kicker{color:#9b6d38;letter-spacing:.08em;font-size:.84rem}.chem-intro>p:not(.chem-eyebrow){max-width:900px}.chem-level{gap:10px;margin:23px 0 12px;display:flex}.chem-lesson button,.chem-lesson select,.chem-lesson input{font:inherit}.chem-lesson button{color:#294e43;background:#fbfaf2;border:1px solid #a8c3b8;border-radius:6px;min-height:44px;padding:9px 16px}.chem-lesson button[aria-pressed=true],.chem-actions button:not(.secondary){color:#fff;background:#2b7268;border-color:#2b7268}.chem-lesson button:hover:not(:disabled){border-color:#397d7b;box-shadow:0 0 0 2px #397d7b18}.chem-lesson :is(button,select,input,a,summary,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #c88b39}.chem-scope{color:#60776d;font-size:.9rem}.chem-topics{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.chem-topics a{border-bottom:2px solid #0000;padding:8px 12px;font-size:.9rem}.chem-topics a[aria-current=page]{color:#2b7268;background:#dceae280;border-bottom-color:#397d7b;font-weight:700}.chem-workspace{background:linear-gradient(135deg,#fcfbf5,#edf4ec);border:1px solid #abc4b8;border-radius:12px;padding:24px;scroll-margin-top:90px;box-shadow:0 12px 28px #29463e05}.chem-section-heading{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.chem-section-heading>span{color:#698274;white-space:nowrap;font-size:.85rem}.chem-controls{flex-wrap:wrap;gap:14px;margin:12px 0;display:flex}.chem-controls label{color:#587365;flex:1;gap:5px;min-width:180px;font-size:.87rem;display:grid}.chem-lesson select{color:#294e43;background:#fdfcf5;border:1px solid #b3c9bf;border-radius:6px;width:100%;min-height:44px;padding:10px 12px}.chem-lesson input[type=range]{accent-color:#397d7b;width:100%;min-height:35px}.chem-experiment,.chem-model-grid,.chem-organic-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:26px;display:grid}.chem-beaker{width:100%;max-height:250px;display:block}.chem-observation{min-width:0}.chem-observation h3{font-size:1.45rem}.chem-equation{overflow-wrap:anywhere;font-size:1.16rem;line-height:1.8}.chem-formula{white-space:normal}.chem-formula :is(sub,sup){font-size:.72em;line-height:0}.chem-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.chem-result-note{color:#557164;font-size:.89rem}.chem-caption{color:#647b70;font-size:.83rem}.chem-reference,.chem-reading{border-top:1px solid #bfd1c8;margin-top:38px;padding:25px 0}.chem-reading-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.chem-reading details,.chem-reading>details{margin-top:18px}.chem-lesson summary{cursor:pointer;color:#326c5b;padding:10px 0;line-height:1.6}.chem-sources{background:#e2ece3;border-radius:7px;margin-top:40px;padding:16px 22px}.chem-sources ul{margin:12px 0;padding-left:20px}.chem-sources li{margin:8px 0;font-size:.92rem}.chem-source-link{color:#397d7b;text-underline-offset:3px;margin:10px 0;font-size:.88rem;text-decoration:underline;display:block}.chem-metal-strip{scroll-snap-type:x proximity;gap:5px;padding:9px 2px 14px;display:flex;overflow:auto}.chem-metal-strip button{scroll-snap-align:start;min-width:67px;padding:8px 6px}.chem-metal-strip b{font-size:1.7rem;display:block}.chem-metal-strip span{font-size:.82rem}.chem-metal-strip .chem-hydrogen{color:#805a29;opacity:1;background:#ead7ba}.chem-halogen{background:#f3ead7;border-left:4px solid #a48b61;margin:20px 0;padding:15px 20px}.chem-table-legend{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.chem-status{color:#335449;background:#e2eee8;border:1px solid #aec5bb;border-radius:4px;padding:4px 9px;font-size:.86rem;display:inline-block}.chem-status.insoluble{color:#7a5126;background:#f4dfb5;border-color:#c5a77a}.chem-status.slight{color:#665485;background:#e5e1f1;border-color:#b2a7cd}.chem-status.other{color:#885246;background:#ecd6d3;border-color:#c3a09a}.chem-table-scroll{overscroll-behavior-inline:contain;border:1px solid #b6cdc0;border-radius:6px;width:100%;overflow:auto}.chem-lesson table{border-collapse:collapse;width:100%;font-size:.9rem}.chem-lesson caption{caption-side:bottom;text-align:left;color:#647b70;padding:12px;font-size:.83rem}.chem-lesson th,.chem-lesson td{text-align:left;border-bottom:1px solid #c7d6ce;padding:9px 11px}.chem-lesson thead{background:#dfeae1}.chem-salt-table thead th{white-space:nowrap;text-align:center;min-width:88px}.chem-salt-table tbody th{z-index:1;white-space:nowrap;background:#e4ece2;position:sticky;left:0}.chem-salt-table tbody th,.chem-salt-table td{padding:5px}.chem-salt-cell{width:100%;min-width:82px;display:block;color:#305b48!important;background:#edf4ec!important;border:1px solid #0000!important;border-radius:3px!important;padding:6px!important;font-size:.86rem!important}.chem-salt-cell.insoluble{color:#705025!important;background:#f3e5c7!important}.chem-salt-cell.slight{color:#665485!important;background:#e9e3f3!important}.chem-salt-cell.other{color:#885246!important;background:#efded8!important}.chem-salt-cell[aria-pressed=true]{outline-offset:-2px;outline:2px solid #397d7b}.chem-salt-cell small{font-size:.72rem;line-height:1.3;display:block}.chem-colour-explorer{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}.chem-colour-explorer>label{gap:8px;display:grid}.chem-ion-detail{align-items:flex-start;gap:18px;display:flex}.chem-colour-swatch{border:1px solid #9caf9b;border-radius:6px;flex-shrink:0;width:68px;height:85px;box-shadow:inset 6px 0 10px #ffffff60,inset -5px 0 10px #3156471a}.chem-real-photo{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:20px;display:grid}.chem-real-photo img{object-fit:contain;background:#e7ede4;width:100%;max-height:330px}.chem-molecule{width:100%;max-height:300px;display:block}.chem-model-controls{align-items:center;gap:20px;display:flex}.chem-model-controls>label:first-child{flex:1;font-size:.85rem;display:grid}.chem-check{white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.chem-check input{accent-color:#397d7b;width:18px;height:18px}.chem-model-result dl{margin:12px 0}.chem-model-result dl>div{border-bottom:1px solid #d5e0d6;gap:18px;padding:6px 0;font-size:.9rem;display:flex}.chem-model-result dt{color:#6e8172;min-width:115px}.chem-model-result dd{margin:0}.chem-shape-table :is(td,th){white-space:nowrap}.chem-shape-table button{background:0 0;border:0;min-height:36px;padding:5px}.chem-shape-table small{color:#9b6d38;font-size:.75rem;display:block}.chem-tabs{gap:8px;margin:15px 0;display:flex}.chem-tabs button{flex:1}.chem-structure{text-align:center;background:#ffffff80;border:1px dashed #b4cdb9;border-radius:6px;padding:35px 20px}.chem-structure>span{color:#69816f;font-size:.9rem}.chem-structure>div{white-space:nowrap;margin:25px 0;font-size:clamp(1.2rem,2.3vw,1.9rem)}.chem-structure mark{color:#855922;background:#f4dfb5;border-radius:4px;padding:7px 2px}.chem-structure>p{font-size:1.2rem}.chem-formula-demo{justify-content:center;align-items:center;gap:35px;min-height:220px;display:flex}.chem-formula-demo>div>span{color:#6c7f70;font-size:.9rem}.chem-formula-demo>div>div{font-size:2.1rem}.chem-formula-arrow{color:#a5814e;font-size:2rem}.chem-inline-result{border-top:1px solid #c7d6c8;padding-top:14px;font-size:.94rem}.chem-biomolecule{width:100%;height:auto;max-height:250px;display:block}.chem-bio-result{flex-wrap:wrap;gap:8px 22px;margin:8px 0;font-size:.94rem;display:flex}.chem-bio-result span{color:#68816f;font-size:.84rem}.chem-isomers{background:#e5ede3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.chem-group-table button{background:0 0;border:0;min-height:36px;padding:5px}.chem-group-table td:nth-child(2){min-width:210px}.chem-group-table td:nth-child(3){min-width:200px}.chem-range-note{background:#eee7d5;border-left:3px solid #b59762;padding:8px 15px}.chem-bubble{animation:2.4s ease-in infinite chem-bubble-rise}.chem-precipitate{animation:.6s ease-out both chem-solid-appear}@keyframes chem-bubble-rise{to{opacity:0;transform:translateY(-70px)}}@keyframes chem-solid-appear{0%{opacity:0;transform:translateY(-17px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.chem-lesson{padding:22px 16px 60px}.chem-intro h1{font-size:1.85rem}.chem-topics{gap:2px;margin:16px 0}.chem-topics a{padding:7px 9px;font-size:.82rem}.chem-workspace{padding:16px}.chem-experiment,.chem-model-grid,.chem-organic-grid{grid-template-columns:1fr;gap:6px}.chem-controls{gap:8px;margin:10px 0}.chem-controls label{min-width:130px;font-size:.83rem}.chem-controls select{min-height:44px;padding:8px;font-size:.85rem}.chem-control-three label:first-child{flex:.6}.chem-control-three label:nth-child(2){flex:1}.chem-control-three label:nth-child(3){flex-basis:100%}.chem-beaker{max-height:140px}.chem-beaker-wrap .chem-caption{margin:0;font-size:.78rem}.chem-observation h3{margin:5px 0;font-size:1.2rem}.chem-observation p{margin:5px 0}.chem-result-note{font-size:.84rem;line-height:1.55}.chem-equation{font-size:1rem}.chem-actions{margin-top:12px}.chem-actions button{padding:8px 12px;font-size:.88rem}.chem-section-heading{display:block}.chem-section-heading>span{margin:0 0 9px;display:block}.chem-reading-grid,.chem-colour-explorer,.chem-real-photo{grid-template-columns:1fr;gap:16px}.chem-reading,.chem-reference{margin-top:26px;padding-top:20px}.chem-molecule{height:216px;max-height:216px}.chem-model-result h3{margin:4px 0 8px 12px;display:inline-block}.chem-model-result dl{grid-template-columns:1fr 1fr;gap:0 12px;margin:6px 0;display:grid}.chem-model-result dl>div{padding:4px 0;font-size:.82rem;display:block}.chem-model-result dt{min-width:0;font-size:.75rem}.chem-model-result dd{line-height:1.5}.chem-model-controls{gap:14px}.chem-shape-workspace .chem-controls{margin-bottom:0}.chem-structure{padding:15px 8px}.chem-structure>div{margin:16px 0;font-size:1.2rem}.chem-structure>p{margin:5px 0;font-size:1rem}.chem-organic-grid{gap:10px}.chem-tabs{margin:10px 0}.chem-tabs button{padding:7px;font-size:.9rem}.chem-formula-demo{gap:15px;min-height:160px}.chem-formula-demo>div>div{font-size:1.65rem}.chem-formula-demo>div>span{font-size:.8rem}.chem-inline-result{font-size:.86rem}.chem-biomolecule{height:190px}.chem-bio-result{gap:5px;display:grid}.chem-sources{padding:12px 16px}.chem-reference table{font-size:.84rem}}@media (prefers-reduced-motion:reduce){.chem-bubble,.chem-precipitate{animation:none}.chem-lesson *{scroll-behavior:auto}}
