#ib-topic10-organic-sl-homework {--t10-ink:#132c4a;--t10-deep:#173c5f;--t10-teal:#007E39;--t10-blue:#185eaa;--t10-red:#c73640;--t10-line:#c8d5e0;--t10-green:#0d7b46;--t10-card:#ffffff;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:var(--t10-ink);width:100%;max-width:100%;font-size:16px;line-height:1.55;} #ib-topic10-organic-sl-homework *{box-sizing:border-box;} #ib-topic10-organic-sl-homework [hidden]{display:none!important;} #ib-topic10-organic-sl-homework button,#ib-topic10-organic-sl-homework input,#ib-topic10-organic-sl-homework textarea,#ib-topic10-organic-sl-homework select{font:inherit;} #ib-topic10-organic-sl-homework button{cursor:pointer;} #ib-topic10-organic-sl-homework button:focus-visible,#ib-topic10-organic-sl-homework textarea:focus-visible,#ib-topic10-organic-sl-homework select:focus-visible,#ib-topic10-organic-sl-homework input:focus-visible{outline:3px solid #1d86dd;outline-offset:2px;} #ib-topic10-organic-sl-homework .ib-t10sl-open{border:2px solid #007E39;border-radius:18px;overflow:hidden;background:white;} #ib-topic10-organic-sl-homework .ib-t10sl-open-header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:4px solid #007E39;} #ib-topic10-organic-sl-homework .ib-t10sl-open-header h2{font-size:22px;color:#153650;margin:0;font-weight:800;} #ib-topic10-organic-sl-homework .ib-t10sl-open-header>span{font-size:13px;color:#466078;white-space:nowrap;} #ib-topic10-organic-sl-homework .ib-t10sl-toolbar{background:#edf1f5;padding:12px 17px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;border-bottom:1px solid #cfd8e0;} #ib-topic10-organic-sl-homework .ib-t10sl-exit{padding:11px 17px;font-size:13px;white-space:nowrap;} #ib-topic10-organic-sl-homework .ib-t10sl-disclaimer{font-size:12px;max-width:440px;color:#526273;flex:1 1 220px;line-height:1.35;} #ib-topic10-organic-sl-homework .ib-t10sl-score{white-space:nowrap;background:white;border-radius:9px;border:1px solid #ccd7de;padding:7px 10px;font-weight:800;font-size:13px;} #ib-topic10-organic-sl-homework .ib-t10sl-saved-label{font-size:11px;color:#4b6974;min-width:125px;} #ib-topic10-organic-sl-homework .ib-t10sl-viewer{background:#e8ecf0;overflow:auto;max-height:74vh;padding:16px 12px 24px;scroll-behavior:auto;} #ib-topic10-organic-sl-homework .ib-t10sl-paper{width:100%;max-width:none;margin:0 auto;background:white;border:1px solid #d4dde4;min-height:700px;padding:20px clamp(10px,2vw,28px) 45px;box-shadow:0 2px 9px #33475f13;} #ib-topic10-organic-sl-homework .ib-t10sl-page-num{text-align:right;font-size:12px;color:#788797;border-top:1px solid #dde7ed;padding-top:9px;margin-top:23px;margin-bottom:10px;} #ib-topic10-organic-sl-homework .ib-t10sl-page-num:first-child{border-top:0;} #ib-topic10-organic-sl-homework .ib-t10sl-section{color:#153858;font-size:22px;margin:20px 0 17px;font-weight:800;border-bottom:2px solid #007E39;padding-bottom:8px;} #ib-topic10-organic-sl-homework .ib-t10sl-question{padding:18px 0 24px;border-bottom:1px solid #e0e7ed;} #ib-topic10-organic-sl-homework .ib-t10sl-question-heading{margin-bottom:6px;} #ib-topic10-organic-sl-homework .ib-t10sl-qref{display:inline-block;color:#164e80;font-weight:800;font-size:15px;} #ib-topic10-organic-sl-homework .ib-t10sl-question-prompt{font-size:15px;line-height:1.55;color:#23364a;margin-bottom:12px;} #ib-topic10-organic-sl-homework .ib-t10sl-question-prompt p{margin:0 0 9px;} #ib-topic10-organic-sl-homework .ib-t10sl-source{font-size:12px;color:#53748a;margin-bottom:12px;} #ib-topic10-organic-sl-homework .ib-t10sl-source summary{cursor:pointer;display:inline-block;color:#206097;text-decoration:underline;} #ib-topic10-organic-sl-homework .ib-t10sl-source img{display:block;width:auto;max-width:100%;height:auto;margin:8px 0;padding:7px;border:1px solid #dce6ec;background:#fafcfe;} #ib-topic10-organic-sl-homework .ib-t10sl-answer-area{margin-top:12px;} #ib-topic10-organic-sl-homework .ib-t10sl-final-label{display:block;color:#2c4d6b;font-size:13px;font-weight:800;} #ib-topic10-organic-sl-homework .ib-t10sl-final{display:block;width:100%;padding:8px 10px;min-height:35px;border:1.5px solid #b7cbd8;border-radius:6px;background:white;font-weight:400;color:#193d59;font-size:15px;outline:none;} #ib-topic10-organic-sl-homework textarea.ib-t10sl-final{height:35px;resize:vertical;overflow:hidden;line-height:1.5;margin-top:5px;max-width:100%;} #ib-topic10-organic-sl-homework .ib-t10sl-final.ib-t10sl-right{border-color:#16a05a!important;background:#dff6e9!important;color:#0c6335!important;} #ib-topic10-organic-sl-homework .ib-t10sl-final.ib-t10sl-wrong{border-color:#d44250!important;background:#ffe4e6!important;color:#923341!important;} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tools button{min-width:29px;background:#f0f7fc;border:1px solid #bed2e0;border-radius:4px;color:#1c5074;padding:2px 6px;font-size:14px;font-weight:700;} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tools button:hover{background:#d7f8fa;} #ib-topic10-organic-sl-homework .ib-t10sl-question-actions{margin-top:12px;display:flex;gap:8px;} #ib-topic10-organic-sl-homework .ib-t10sl-question-actions button{background:#216ca9;color:white;border:0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:800;} #ib-topic10-organic-sl-homework .ib-t10sl-question-actions button:hover{background:#164f8e;} #ib-topic10-organic-sl-homework .ib-t10sl-model{margin-top:12px;padding:13px 17px;border-left:4px solid #1589bd;background:#f0f7fb;color:#17344b;font-size:14px;line-height:1.65;overflow-wrap:anywhere;} #ib-topic10-organic-sl-homework .ib-t10sl-model p{margin:4px 0 10px;} #ib-topic10-organic-sl-homework .ib-t10sl-model p:last-child{margin-bottom:0;} #ib-topic10-organic-sl-homework .ib-t10sl-self-note{font-size:13px;color:#60717d;} #ib-topic10-organic-sl-homework .ib-t10sl-table-wrap{overflow-x:auto;} #ib-topic10-organic-sl-homework .ib-t10sl-table-wrap table{border-collapse:collapse;width:100%;min-width:410px;font-size:14px;} #ib-topic10-organic-sl-homework .ib-t10sl-table-wrap th,#ib-topic10-organic-sl-homework .ib-t10sl-table-wrap td{border:1px solid #d4e1ed;padding:9px;vertical-align:middle;} #ib-topic10-organic-sl-homework .ib-t10sl-table-wrap thead th{background:#dcebf8;color:#204965;font-size:13px;} #ib-topic10-organic-sl-homework .ib-t10sl-table-wrap tbody th{text-align:left;font-weight:500;} #ib-topic10-organic-sl-homework .ib-t10sl-table-input{width:100%;min-width:84px;max-width:220px;} #ib-topic10-organic-sl-homework .ib-t10sl-dual{display:grid;grid-template-columns:1fr 1fr;gap:12px;} #ib-topic10-organic-sl-homework .ib-t10sl-dual>label{display:block;color:#365a70;font-weight:700;font-size:13px;} #ib-topic10-organic-sl-homework .ib-t10sl-dual .ib-t10sl-final{margin-top:5px;} #ib-topic10-organic-sl-homework .ib-t10sl-workspace-host{width:100%;margin:16px 0;} #ib-topic10-organic-sl-homework .ib-t10sl-work-title{font-weight:800;color:#294f6a;margin:0 0 7px;font-size:13px;display:flex;justify-content:space-between;gap:8px;} #ib-topic10-organic-sl-homework .ib-t10sl-work-title span{font-size:11px;color:#6d7986;font-weight:500;} #ib-topic10-organic-sl-homework .ib-t10sl-draw-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px;background:#e8edf2;border:1px solid #c8d4de;border-bottom:0;padding:7px 8px;border-radius:7px 7px 0 0;} #ib-topic10-organic-sl-homework .ib-t10sl-draw-tools button{border:1px solid #b6c5d2;background:white;border-radius:5px;padding:4px 7px;font-size:11px;color:#244a6b;font-weight:700;} #ib-topic10-organic-sl-homework .ib-t10sl-draw-tools button.chosen:not([data-color]){background:#145e9a;color:white;border-color:#145e9a;} #ib-topic10-organic-sl-homework .ib-t10sl-draw-tools label{font-size:11px;font-weight:700;color:#375771;display:flex;align-items:center;gap:4px;} #ib-topic10-organic-sl-homework .ib-t10sl-draw-tools input[type="range"]{width:95px;} #ib-topic10-organic-sl-homework .ib-t10sl-colours{display:flex;align-items:center;gap:5px;} #ib-topic10-organic-sl-homework .ib-t10sl-colours button{width:21px;height:21px;border:2px solid #fff;border-radius:50%;padding:0;} #ib-topic10-organic-sl-homework .ib-t10sl-colours button.chosen{outline:2px solid #3b7db4;outline-offset:1px;} #ib-topic10-organic-sl-homework .ib-t10sl-draw-surface{position:relative;height:190px;width:100%;border:1px solid #b7c6d4;background:white;overflow:hidden;touch-action:none;cursor:crosshair;} #ib-topic10-organic-sl-homework .ib-t10sl-draw-surface canvas{position:absolute;left:0;top:0;display:block;pointer-events:none;} #ib-topic10-organic-sl-homework .ib-t10sl-text-layer{position:absolute;inset:0;pointer-events:none;} #ib-topic10-organic-sl-homework .ib-t10sl-placed-text{position:absolute;white-space:pre-wrap;font-family:Arial,sans-serif;line-height:1.15;pointer-events:none;min-width:4px;} #ib-topic10-organic-sl-homework .ib-t10sl-inline-editor{position:absolute;z-index:4;min-width:1ch;max-width:100%;min-height:1.25em;resize:none;overflow:visible;border:none;box-shadow:none;background:transparent!important;outline:none!important;white-space:pre-wrap;line-height:1.15;padding:0;margin:0;font-family:Arial,sans-serif;} #ib-topic10-organic-sl-homework .ib-t10sl-resize{position:absolute;top:2px;right:3px;border:2px solid #92b7cd;border-top:0;border-left:0;height:14px;width:14px;cursor:ns-resize;z-index:5;background:linear-gradient(135deg,transparent 0 60%,#497b99 61% 70%,transparent 71%);} #ib-topic10-organic-sl-homework .ib-t10sl-complete{padding:9px 14px;border:0;border-radius:7px;background:#176c50;color:white;font-size:12px;font-weight:800;} #ib-topic10-organic-sl-homework .ib-t10sl-qref small{font-weight:500;color:#62798e;font-size:12px;} .ib-t10sl-hw-closed{position:relative;box-sizing:border-box;aspect-ratio:1.618/1;min-height:500px;padding:46px 52px;background:#007E3814;border:2px solid #007E39;border-radius:18px;text-align:left;overflow:hidden;color:#355C7D} .ib-t10sl-hw-closed h2{margin:54px 0 38px;font-size:46px;line-height:1.05;font-weight:400;color:#355C7D} .ib-t10sl-cover-pill{display:inline-flex;align-items:center;justify-content:center;min-width:330px;padding:15px 28px;border-radius:30px;background:#007E39;color:#fff;font-size:20px;font-weight:700} .ib-t10sl-cover-features{display:grid;grid-template-columns:240px 280px;gap:22px 28px;max-width:570px} .ib-t10sl-feature{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:700;line-height:1.25;color:#355C7D} .ib-t10sl-icon{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:10px;background:#007E39;color:#fff;font-size:38px;font-weight:700;box-shadow:0 5px 12px #007E3926} .ib-t10sl-booklet{position:absolute;right:8%;top:28%;width:190px;height:225px;background:#fff;border:1px solid #007E3933;border-radius:12px;box-shadow:8px 12px 0 #eee7d8,0 12px 24px #705a2028;transform:rotate(6deg)} .ib-t10sl-rings{position:absolute;left:-10px;top:24px;color:#355C7D;font-size:19px;line-height:35px;letter-spacing:-3px}.ib-t10sl-hw-label{position:absolute;left:42px;top:37px;width:105px;height:60px;border:2px solid #007E39;border-radius:8px;display:grid;place-items:center;font-size:34px;font-weight:700}.ib-t10sl-lines{position:absolute;left:42px;top:120px;width:105px;height:48px;background:linear-gradient(#cfd4d9 0 0) 0 0/100% 6px no-repeat,linear-gradient(#cfd4d9 0 0) 0 21px/100% 6px no-repeat,linear-gradient(#cfd4d9 0 0) 0 42px/72% 6px no-repeat}.ib-t10sl-pencil{position:absolute;right:-24px;bottom:12px;color:#007E39;font-size:92px;line-height:1;transform:rotate(-20deg);text-shadow:1px 1px 0 #355C7D} .ib-t10sl-hw-start{position:absolute;left:52px;bottom:48px;width:225px;height:62px;padding:0 26px!important;border-radius:10px!important;background:#d92131!important;color:#fff!important;font-size:20px!important;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 14px #8d18252b}.ib-t10sl-hw-start span{font-size:30px;font-weight:400} .ib-t10sl-cover-counters{position:absolute;left:315px;bottom:47px;display:flex;align-items:center;gap:0;border:1px solid #007E3933;border-radius:12px;background:#007E3814;overflow:hidden}.ib-t10sl-counter{min-width:185px;padding:11px 18px;display:flex;align-items:center;gap:12px}.ib-t10sl-counter+.ib-t10sl-counter{border-left:1px solid #007E3933}.ib-t10sl-counter-icon{font-size:37px;line-height:1}.ib-t10sl-counter small,.ib-t10sl-counter strong{display:block}.ib-t10sl-counter small{font-size:13px;font-weight:400}.ib-t10sl-counter strong{font-size:17px;margin-top:2px}.ib-t10sl-hw-status{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} @media(max-width:800px){.ib-t10sl-hw-closed{aspect-ratio:auto;min-height:650px;padding:28px}.ib-t10sl-hw-closed h2{font-size:38px;margin:34px 0}.ib-t10sl-cover-pill{min-width:0;font-size:17px}.ib-t10sl-cover-features{grid-template-columns:1fr;max-width:340px}.ib-t10sl-booklet{right:5%;top:31%;width:150px;height:180px}.ib-t10sl-cover-counters{left:28px;right:28px;bottom:115px}.ib-t10sl-counter{min-width:0;flex:1}.ib-t10sl-hw-start{left:28px;bottom:35px;width:220px;height:58px}} @media(max-width:560px){.ib-t10sl-booklet{display:none}.ib-t10sl-cover-features{max-width:none}.ib-t10sl-cover-counters{flex-direction:column;align-items:stretch}.ib-t10sl-counter+.ib-t10sl-counter{border-left:0;border-top:1px solid #007E3933}.ib-t10sl-hw-closed{min-height:760px}} .ib-t10sl-homework-photo{position:absolute;right:0;top:0;width:43%;height:100%;background-image:linear-gradient(90deg,#007E3814 0%,rgba(0,126,57,.08) 9%,rgba(0,126,57,0) 27%),url("homework-desk-v100.webp");background-size:cover;background-position:center;border-radius:0 16px 16px 0;pointer-events:none} .ib-t10sl-homework-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,126,57,.11),transparent 30%);border-radius:inherit} @media(max-width:800px){.ib-t10sl-homework-photo{width:42%;opacity:.7}.ib-t10sl-cover-features{position:relative;z-index:2}.ib-t10sl-hw-closed h2,.ib-t10sl-cover-pill,.ib-t10sl-hw-start,.ib-t10sl-cover-counters{z-index:3}} @media(max-width:560px){.ib-t10sl-homework-photo{display:none}} .ib-t10sl-homework-photo{left:62%;right:0;width:auto;overflow:hidden;z-index:0;clip-path:inset(0 0 0 0 round 0 16px 16px 0)} .ib-t10sl-cover-pill,.ib-t10sl-hw-closed h2,.ib-t10sl-cover-features,.ib-t10sl-hw-start,.ib-t10sl-cover-counters{position:relative;z-index:2} .ib-t10sl-hw-start,.ib-t10sl-cover-counters{position:absolute} @media(max-width:800px){.ib-t10sl-homework-photo{left:64%;right:0;width:auto}.ib-t10sl-cover-features{position:relative}} .ib-t10sl-cover-counters{background:#007E3814;border:0!important;border-radius:0!important;overflow:visible!important} .ib-t10sl-counter{background:#007E3814} .ib-t10sl-counter+.ib-t10sl-counter{border-left:1px solid #007E3933} .ib-t10sl-homework-photo{left:70%!important;right:0!important;width:auto!important;background-position:center right} @media(max-width:800px){.ib-t10sl-homework-photo{left:72%!important}} .ib-t10sl-homework-photo{left:64%!important;right:0!important;width:auto!important;z-index:0!important;background-image:linear-gradient(90deg,#007E3814 0%,rgba(0,126,57,.10) 8%,rgba(0,126,57,.03) 22%,rgba(0,126,57,0) 32%),url("homework-desk-v100.webp")!important;background-size:cover!important;background-position:center right!important;} .ib-t10sl-cover-counters{left:315px!important;right:auto!important;width:auto!important;max-width:380px!important;background:#007E3814!important;z-index:5!important;} .ib-t10sl-hw-start{z-index:5!important;} #ib-topic10-organic-sl-homework.ib-t10sl-hw{width:100%;max-width:100%;margin:16px 0;overflow:visible;color:#355C7D} #ib-topic10-organic-sl-homework .ib-t10sl-hw-closed{display:block;grid-template-columns:none;position:relative;width:100%;aspect-ratio:1.618/1;min-height:500px;padding:46px 52px;border:2px solid #007E39;border-radius:18px;background:#007E3814;text-align:left;overflow:hidden;box-shadow:none;line-height:1.3} #ib-topic10-organic-sl-homework .ib-t10sl-hw-closed h2{color:#355C7D;font-size:46px;font-weight:400;line-height:1.05;margin:54px 0 38px;letter-spacing:normal} #ib-topic10-organic-sl-homework .ib-t10sl-cover-features{display:grid;grid-template-columns:240px 280px;gap:22px 28px;max-width:570px;margin:0;font-size:16px;font-weight:700} #ib-topic10-organic-sl-homework .ib-t10sl-feature{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:700;color:#355C7D} #ib-topic10-organic-sl-homework .ib-t10sl-icon{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;font-size:38px;background:#007E39;color:#fff;border-radius:10px} #ib-topic10-organic-sl-homework .ib-t10sl-cover-pill{display:inline-flex;align-items:center;justify-content:center;min-width:330px;background:#007E39;color:#fff;font-weight:700;font-size:20px;padding:15px 28px;border-radius:30px;letter-spacing:normal} #ib-topic10-organic-sl-homework .ib-t10sl-hw-start{position:absolute;left:52px;bottom:48px;z-index:5;display:flex;align-items:center;justify-content:space-between;width:250px;height:62px;background:#d92131;color:#fff;font-size:16px!important;font-weight:700;border-radius:10px;padding:0 14px!important;text-align:left;border:0;box-shadow:0 6px 14px #8d18252b;letter-spacing:normal} #ib-topic10-organic-sl-homework .ib-t10sl-hw-start span{margin:0;font-size:29px} #ib-topic10-organic-sl-homework .ib-t10sl-cover-counters{position:absolute;left:315px;bottom:47px;z-index:5;display:flex;gap:0;margin:0;max-width:380px;width:auto;border:none;border-radius:0;background:#007E3814;font-size:15px} #ib-topic10-organic-sl-homework .ib-t10sl-counter{min-width:185px;background:#007E3814;display:flex;align-items:center;gap:12px;padding:11px 18px} #ib-topic10-organic-sl-homework .ib-t10sl-counter + .ib-t10sl-counter{border-left:1px solid #007E3933} #ib-topic10-organic-sl-homework .ib-t10sl-counter small,#ib-topic10-organic-sl-homework .ib-t10sl-counter strong{display:block;font-size:13px;font-weight:400} #ib-topic10-organic-sl-homework .ib-t10sl-counter strong{font-size:17px;font-weight:700} #ib-topic10-organic-sl-homework .ib-t10sl-counter-icon{font-size:37px} #ib-topic10-organic-sl-homework .ib-t10sl-homework-photo{position:absolute;left:64%;right:0;top:0;bottom:0;z-index:0;width:auto;height:100%;background-image:linear-gradient(90deg,#007E3814 0%,rgba(0,126,57,.1) 8%,rgba(0,126,57,.03) 22%,transparent 32%),url("homework-desk-v100.webp");background-size:cover;background-position:center right;border-radius:0 16px 16px 0;overflow:hidden;pointer-events:none;clip-path:inset(0 round 0 16px 16px 0)} #ib-topic10-organic-sl-homework .ib-t10sl-hw-status{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} #ib-topic10-organic-sl-homework .ib-t10sl-open{width:100%;max-width:100%;border:2px solid #007E39;border-radius:14px;overflow:hidden} #ib-topic10-organic-sl-homework .ib-t10sl-open-header{border-bottom:4px solid #007E39} #ib-topic10-organic-sl-homework .ib-t10sl-exit{background:#d01f2c;color:#fff;border:0;border-radius:5px;font-weight:700;box-shadow:none} #ib-topic10-organic-sl-homework .ib-t10sl-toolbar{background:#f1f1f1;border:0} #ib-topic10-organic-sl-homework .ib-t10sl-score{order:1;background:#fff;border:1px solid #c5cbd2;color:#102a50} #ib-topic10-organic-sl-homework .ib-t10sl-disclaimer{order:2;color:#4c5866} #ib-topic10-organic-sl-homework .ib-t10sl-saved-label{order:3} #ib-topic10-organic-sl-homework .ib-t10sl-viewer{width:100%;max-height:78vh;background:#dfe2e5;padding:14px 8px 24px} #ib-topic10-organic-sl-homework .ib-t10sl-paper{width:calc(100% - 10px);max-width:none;min-height:0;margin:0 auto 20px;padding:28px clamp(14px,3vw,42px) 42px;border:0;box-shadow:0 2px 10px #7774;background:#fff} #ib-topic10-organic-sl-homework .ib-t10sl-page-num{float:right;border:0;margin:0 0 8px;padding:0;text-align:right;color:#6b7178;font-size:12px} #ib-topic10-organic-sl-homework .ib-t10sl-section{clear:both;font-size:20px;margin:0 0 18px;padding-bottom:7px;border-bottom:1px solid #007E39;color:#142e4b} #ib-topic10-organic-sl-homework .ib-t10sl-question-prompt{font-size:17px;line-height:1.45} #ib-topic10-organic-sl-homework .ib-t10sl-question-actions .ib-t10sl-check{background:#1767b9;color:#fff;border-radius:5px;box-shadow:none} #ib-topic10-organic-sl-homework .ib-t10sl-model{background:#007E3814;border-left:4px solid #007E39} #ib-topic10-organic-sl-homework .ib-t10sl-draw-surface{background:#fff;background-image:none} @media(max-width:960px){ #ib-topic10-organic-sl-homework .ib-t10sl-hw-closed{min-height:690px;aspect-ratio:auto;padding:28px} #ib-topic10-organic-sl-homework .ib-t10sl-hw-closed h2{font-size:38px;margin:34px 0} #ib-topic10-organic-sl-homework .ib-t10sl-cover-pill{min-width:0;font-size:17px} #ib-topic10-organic-sl-homework .ib-t10sl-cover-features{grid-template-columns:1fr;max-width:340px;gap:13px} #ib-topic10-organic-sl-homework .ib-t10sl-hw-start{left:28px;bottom:35px;width:220px;height:58px} #ib-topic10-organic-sl-homework .ib-t10sl-cover-counters{left:28px!important;right:28px!important;bottom:115px!important;max-width:380px!important} #ib-topic10-organic-sl-homework .ib-t10sl-homework-photo{left:72%;opacity:.7} } @media(max-width:560px){ #ib-topic10-organic-sl-homework .ib-t10sl-hw-closed{min-height:760px;padding:25px} #ib-topic10-organic-sl-homework .ib-t10sl-cover-features{max-width:none} #ib-topic10-organic-sl-homework .ib-t10sl-homework-photo{display:none} #ib-topic10-organic-sl-homework .ib-t10sl-cover-counters{flex-direction:column;align-items:stretch;left:25px!important;right:25px!important;max-width:calc(100% - 50px)!important} #ib-topic10-organic-sl-homework .ib-t10sl-counter{min-width:0;flex:1} #ib-topic10-organic-sl-homework .ib-t10sl-counter+.ib-t10sl-counter{border-left:0;border-top:1px solid #007E3933} #ib-topic10-organic-sl-homework .ib-t10sl-open-header{flex-direction:column;align-items:flex-start} #ib-topic10-organic-sl-homework .ib-t10sl-paper{width:100%;padding:17px 12px} } #ib-topic10-organic-sl-homework .ib-t10sl-open-header{padding:12px 18px;min-height:56px;background:#fff;border-bottom:4px solid #007E39} #ib-topic10-organic-sl-homework .ib-t10sl-open-header h2{font-size:20px;line-height:1.25;color:#142e4b} #ib-topic10-organic-sl-homework .ib-t10sl-open-header>span{font-size:16px;line-height:1.25;color:#142e4b;font-weight:700} #ib-topic10-organic-sl-homework .ib-t10sl-toolbar{padding:9px 14px;background:#f1f1f1;gap:10px 12px;align-items:center;border:0;font-size:13px} #ib-topic10-organic-sl-homework .ib-t10sl-exit{padding:9px 13px;border-radius:5px;background:#d01f2c;color:#fff;font-size:12px;font-weight:800} #ib-topic10-organic-sl-homework .ib-t10sl-score{padding:5px 9px;border-radius:4px;font-size:13px} #ib-topic10-organic-sl-homework .ib-t10sl-disclaimer{font-size:11px;line-height:1.3;color:#303b48;max-width:460px} #ib-topic10-organic-sl-homework .ib-t10sl-saved-label{font-size:11px;color:#344456;min-width:110px} #ib-topic10-organic-sl-homework .ib-t10sl-question{padding:14px 0 20px;border-bottom:0} #ib-topic10-organic-sl-homework .ib-t10sl-question-heading{margin:0 0 4px;text-align:left} #ib-topic10-organic-sl-homework .ib-t10sl-qref{font-size:14px;color:#173d63} #ib-topic10-organic-sl-homework .ib-t10sl-question-prompt{text-align:left!important;font-size:16px;line-height:1.45;margin:0 0 10px;color:#172b42} #ib-topic10-organic-sl-homework .ib-t10sl-answer-area{margin-top:10px;padding:11px 12px 13px;background:#f1f1f1;text-align:left} #ib-topic10-organic-sl-homework .ib-t10sl-final-label{display:block;text-align:left;font-size:12px;line-height:1.3;margin:0 0 5px;color:#263d55} #ib-topic10-organic-sl-homework .ib-t10sl-final{min-height:30px;padding:4px 7px;border:1px solid #9da6af;border-radius:1px;font-size:14px;line-height:1.35} #ib-topic10-organic-sl-homework textarea.ib-t10sl-final{height:30px;margin-top:0;resize:vertical;overflow:hidden} #ib-topic10-organic-sl-homework .ib-t10sl-dual>label{text-align:left} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tools{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:5px} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:28px} #ib-topic10-organic-sl-homework .ib-t10sl-chem-group{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:3px;white-space:nowrap} #ib-topic10-organic-sl-homework .ib-t10sl-chem-label{margin-right:1px;font-size:14px;font-weight:400;color:#172b42} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tools button{min-width:26px;min-height:27px;padding:2px 5px;border:1px solid #a7a7a7;border-radius:3px;background:#fff;color:#222;font-size:13px;font-weight:500;line-height:1.1} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tools button:hover{background:#e7edf3} #ib-topic10-organic-sl-homework .ib-t10sl-question-actions{justify-content:flex-end;margin-top:10px} #ib-topic10-organic-sl-homework .ib-t10sl-question-actions .ib-t10sl-check{padding:8px 13px;background:#1767b9;color:#fff;border-radius:5px;font-size:12px} #ib-topic10-organic-sl-homework .ib-t10sl-self-note{font-size:13px;text-align:left} @media(max-width:700px){ #ib-topic10-organic-sl-homework .ib-t10sl-open-header{align-items:flex-start} #ib-topic10-organic-sl-homework .ib-t10sl-open-header h2{font-size:18px} #ib-topic10-organic-sl-homework .ib-t10sl-open-header>span{font-size:14px} #ib-topic10-organic-sl-homework .ib-t10sl-dual{grid-template-columns:1fr} } @media(max-width:560px){#ib-topic10-organic-sl-homework .ib-t10sl-open-header{flex-direction:column;gap:5px}} #ib-topic10-organic-sl-homework .ib-t10sl-disclaimer{flex:1 1 0;max-width:none;min-width:0;white-space:nowrap;font-size:9px;line-height:1.25} #ib-topic10-organic-sl-homework .ib-t10sl-saved-label{flex:0 0 auto;min-width:0;margin-left:auto;white-space:nowrap} #ib-topic10-organic-sl-homework .ib-t10sl-section{text-align:left!important;font-size:18px!important;line-height:1.25;font-weight:700;margin:0 0 16px;padding:0 0 6px} #ib-topic10-organic-sl-homework .ib-t10sl-continued{font-size:14px;font-weight:400!important;color:#666} @media(max-width:760px){ #ib-topic10-organic-sl-homework .ib-t10sl-disclaimer{flex:1 1 100%;white-space:normal;font-size:10px} #ib-topic10-organic-sl-homework .ib-t10sl-saved-label{margin-left:0} } #ib-topic10-organic-sl-homework .ib-t10sl-qref{font-weight:400!important} #ib-topic10-organic-sl-homework .ib-t10sl-question-prompt,#ib-topic10-organic-sl-homework .ib-t10sl-question-prompt b,#ib-topic10-organic-sl-homework .ib-t10sl-question-prompt strong{font-weight:400!important} #ib-topic10-organic-sl-homework .ib-t10sl-question-prompt .ib-t10sl-question-number{font-weight:700!important} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tools{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px 8px} #ib-topic10-organic-sl-homework .ib-t10sl-chem-tool-row{display:contents} #ib-topic10-organic-sl-homework .ib-t10sl-detail-feedback{text-align:left;font-size:13px;margin:12px 0;line-height:1.5} #ib-topic10-organic-sl-homework .ib-t10sl-detail-feedback .correct{color:#08703d} #ib-topic10-organic-sl-homework .ib-t10sl-detail-feedback .incorrect{color:#bf202b} #ib-topic10-organic-sl-homework .ib-t10sl-inline-editor{pointer-events:auto!important;user-select:text!important;cursor:text!important;caret-color:currentColor!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw{--ib-t1:#007E39;--ink:#20242a;max-width:1120px;margin:22px auto;font-family:Arial,sans-serif;color:var(--ink)} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw button{font:inherit;font-weight:700;cursor:pointer;border-radius:5px;padding:10px 16px;border:0} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-q{border-bottom:1px solid #ddd;padding:18px 0} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-work{margin:14px 0;border:1px solid #aeb4bb;background-image:linear-gradient(#e9eef3 1px,transparent 1px),linear-gradient(90deg,#e9eef3 1px,transparent 1px);background-size:20px 20px} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools{padding:8px;background:#fff;display:flex;gap:7px;align-items:center;flex-wrap:wrap} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button{padding:6px 10px;background:#46505b;color:#fff;font-size:12px} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.active{background:#1767b9;color:#111} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-canvas{display:block;width:100%;height:190px;touch-action:none} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-inline-text{ position:absolute!important; z-index:20!important; width:180px!important; min-width:42px!important; min-height:28px!important; padding:3px 5px!important; margin:0!important; border:1px solid #64788d!important; border-radius:2px!important; background:#fff!important; color:#222!important; line-height:1.2!important; resize:none!important; overflow:hidden!important; box-sizing:border-box!important; font-family:Arial,sans-serif!important; box-shadow:0 1px 3px #0002!important; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-inline-text{ width:1ch!important; min-width:1ch!important; min-height:1em!important; height:1.2em!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; color:#222!important; line-height:1.2!important; resize:none!important; overflow:hidden!important; white-space:pre!important; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-inline-text:focus{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-colours{display:inline-flex;align-items:center;gap:5px;margin-left:2px} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.ib-t10sl-slwork-hw-colour{ width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;border-radius:50%!important; border:2px solid #fff!important;box-shadow:0 0 0 1px #7b8794!important; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.ib-t10sl-slwork-hw-colour[data-colour="#222222"]{background:#222222!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.ib-t10sl-slwork-hw-colour[data-colour="#1767b9"]{background:#1767b9!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.ib-t10sl-slwork-hw-colour[data-colour="#2c8b57"]{background:#2c8b57!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.ib-t10sl-slwork-hw-colour[data-colour="#7446a8"]{background:#7446a8!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.ib-t10sl-slwork-hw-colour.active{box-shadow:0 0 0 2px #111!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.ib-t10sl-slwork-hw-colour[data-colour="#c62828"]{background:#c62828!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-inline-text{ max-width:none!important; max-height:none!important; overflow:hidden!important; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-work{ position:relative!important; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-canvas{ min-height:190px!important; height:190px; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-resize-handle{ height:18px; display:flex; align-items:center; justify-content:center; cursor:ns-resize; touch-action:none; background:#f7f9fb; border-top:1px solid #c7d1db; user-select:none; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-resize-handle span{ display:block; width:54px; height:4px; border-radius:999px; background:#8b99a7; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-resize-handle:hover span{ background:#5f6f7f; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-resize-handle{ position:absolute!important; top:44px!important; right:6px!important; width:24px!important; height:24px!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; background:rgba(255,255,255,.88)!important; border:1px solid #aeb8c2!important; border-radius:4px!important; cursor:ns-resize!important; z-index:15!important; touch-action:none!important; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-resize-handle span{ width:11px!important; height:11px!important; border:0!important; border-right:2px solid #748392!important; border-bottom:2px solid #748392!important; border-radius:0!important; background:transparent!important; transform:rotate(45deg)!important; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-resize-handle:hover span{ background:transparent!important; border-color:#465563!important; } #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw{width:min(1120px,calc(100vw - 40px));max-width:1120px;position:relative;left:50%;transform:translateX(-50%);} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw{width:100%;left:auto;transform:none;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw .ib-t10sl-slwork-hw-work{background:#fff!important;background-image:none!important;box-sizing:border-box!important;width:100%!important;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw .ib-t10sl-slwork-hw-canvas{display:block;width:100%!important;background:transparent!important;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw .ib-t10sl-slwork-hw-inline-text,#ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw .ib-t10sl-slwork-hw-inline-text:focus{color:inherit;caret-color:currentColor!important;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw .ib-t10sl-slwork-hw-tools .ib-t10sl-slwork-hw-colours{display:inline-flex!important;align-items:center!important;gap:6px!important;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw .ib-t10sl-slwork-hw-tools .ib-t10sl-slwork-hw-colour{display:inline-block!important;flex:0 0 22px!important;cursor:pointer!important;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw{--ib-t1:#007E39;--ink:#102a43;max-width:1120px;width:100%;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-work{background:#fff!important;background-image:none!important;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-canvas{background:transparent!important;background-image:none!important;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-q{padding:12px 0 16px;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-colour{touch-action:manipulation;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-inline-text{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;caret-color:currentColor!important;} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw{--ib-t1:#007E39;--ib-t2-light:#007E3814;max-width:none!important;width:100%!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw .ib-t10sl-slwork-hw-work{background:#fff!important;background-image:none!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw .ib-t10sl-slwork-hw-tools button.active{background:#1767b9!important;color:#fff!important} #ib-topic10-organic-sl-homework .ib-t10sl-sl-editor .ib-t10sl-slwork-hw-work{background:#fff;background-image:none} .ib-t10sl-hw .ib-t10sl-cell-fields{max-width:680px;margin:auto;grid-template-columns:1fr 1fr}.ib-t10sl-hw .ib-t10sl-cell-fields textarea{border:2px solid #3c8ee8;background:#edf7ff;border-radius:4px}.ib-t10sl-hw .ib-t10sl-cell-fields .ib-t10sl-field>span{min-height:32px}.ib-t10sl-hw .ib-t10sl-workspace-host:has(.ib-t10sl-cell-stage){max-width:680px;margin:auto}@media(max-width:760px){.ib-t10sl-hw .ib-t10sl-cell-fields{grid-template-columns:1fr}} .ib-t10sl-hw .ib-t10sl-fields{display:grid;gap:10px}.ib-t10sl-hw .ib-t10sl-field>span{display:block;font-size:13px;margin:0 0 3px}.ib-t10sl-hw .ib-t10sl-field textarea{width:100%;min-height:34px;box-sizing:border-box}.ib-t10sl-hw .ib-t10sl-cell-diagram{display:block;width:100%;max-width:820px;height:auto;margin:0 auto 10px}.ib-t10sl-hw .ib-t10sl-chem-tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ib-t10sl-hw .ib-t10sl-chem-tool-row{display:contents}.ib-t10sl-hw .ib-t10sl-model{line-height:1.65;text-align:left}.ib-t10sl-hw .ib-t10sl-model p{margin:6px 0}.ib-t10sl-hw .ib-t10sl-source-table{border-collapse:collapse;margin:10px 0;width:auto}.ib-t10sl-hw .ib-t10sl-source-table th,.ib-t10sl-hw .ib-t10sl-source-table td{padding:6px 18px;border:1px solid #cbd5df;text-align:left}.ib-t10sl-hw .ib-t10sl-model img{max-width:100%;height:auto}.ib-t10sl-hw .ib-t10sl-cell-stage{max-width:680px;margin:14px auto}.ib-t10sl-hw .ib-t10sl-cell-stage .ib-t10sl-slwork-hw-canvas{background-color:transparent!important;background-size:100% 100%;background-repeat:no-repeat}.ib-t10sl-hw .ib-t10sl-cell-stage .ib-t10sl-slwork-hw-work{background-position:center bottom;background-repeat:no-repeat;background-size:100% calc(100% - 40px)} #ib-topic10-organic-sl-homework .ib-t10sl-cell-stage{max-width:680px;margin:14px auto} #ib-topic10-organic-sl-homework .ib-t10sl-cell-stage .ib-t10sl-slwork-hw-canvas{background-size:100% 100%!important;background-repeat:no-repeat!important} #ib-topic10-organic-sl-homework .ib-t10sl-field textarea.ib-t10sl-right{border-color:#2c8b57!important;background:#e7f6eb!important} #ib-topic10-organic-sl-homework .ib-t10sl-field textarea.ib-t10sl-wrong{border-color:#cf4d4d!important;background:#fff0f0!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.active{background:#1767b9!important;color:white!important} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button:disabled{opacity:.45;cursor:default} #ib-topic10-organic-sl-homework .ib-t10sl-work-note{font-size:11px;font-weight:400;color:#657286;margin-left:auto} #ib-topic10-organic-sl-homework .ib-t10sl-model-figure{display:block;width:100%;max-width:680px;margin:16px auto;background:white} /* v1.0.1 — SOP 004 Topic 10 palette; approved geometry retained. */ #ib-topic10-organic-sl-homework{--t10-topic:#007E39;--t10-topic-light:#007E3814;--t10-website-blue:#355C7D} #ib-topic10-organic-sl-homework .ib-t10sl-hw-closed{background:linear-gradient(var(--t10-topic-light),var(--t10-topic-light)),#fff} #ib-topic10-organic-sl-homework .ib-t10sl-cover-counters{background:transparent!important} #ib-topic10-organic-sl-homework .ib-t10sl-counter{background:transparent!important} #ib-topic10-organic-sl-homework .ib-t10sl-model{background:linear-gradient(var(--t10-topic-light),var(--t10-topic-light)),#fff} #ib-topic10-organic-sl-homework .ib-t10sl-slwork-hw-tools button.active{background:#1767b9!important;color:#fff!important} #ib-topic10-organic-sl-homework .ib-t10sl-answer-diagram{display:block;width:100%;max-width:800px;height:auto;margin:12px auto 16px;background:#fff} #ib-topic10-organic-sl-homework .ib-t10sl-model-table-wrap{width:100%;overflow-x:auto;margin:10px 0 16px} #ib-topic10-organic-sl-homework .ib-t10sl-model-sides{width:100%;min-width:580px;border-collapse:collapse;background:#fff;font-size:14px;line-height:1.55;table-layout:fixed} #ib-topic10-organic-sl-homework .ib-t10sl-model-sides th,#ib-topic10-organic-sl-homework .ib-t10sl-model-sides td{border:1px solid #9da8b1;padding:8px 10px;vertical-align:top;text-align:left;overflow-wrap:anywhere} #ib-topic10-organic-sl-homework .ib-t10sl-model-sides thead th{background:#007E3814;color:#007E39;font-weight:700} #ib-topic10-organic-sl-homework .ib-t10sl-model-sides th:first-child{width:18%;font-size:12px} #ib-topic10-organic-sl-homework .ib-t10sl-model-working{margin-top:14px} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-card{width:100%;box-sizing:border-box;border:2px solid #b9c7d3;border-radius:10px;background:#fff;padding:12px 14px;margin:10px 0} #ib-topic10-organic-sl-homework .ib-t10sl-org-path-label{font-size:14px;font-weight:700;margin:0 0 8px;color:#173f67} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-help{font-size:12px;color:#647482;margin:4px 0 10px} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 10px} #ib-topic10-organic-sl-homework .ib-t10sl-org-tool-group{display:flex;gap:5px;align-items:center;flex-wrap:wrap} #ib-topic10-organic-sl-homework .ib-t10sl-org-tool-group strong{font-size:11px;color:#526474;margin-right:2px} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-toolbar button,#ib-topic10-organic-sl-homework .ib-t10sl-mode-row button{border:1px solid #aebbc5;background:#fff;color:#20303d;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:700;cursor:pointer;text-transform:none;letter-spacing:normal} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-toolbar button.active,#ib-topic10-organic-sl-homework .ib-t10sl-mode-row button.active{background:#1769a6;border-color:#1769a6;color:#fff} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-surface{position:relative;width:100%;height:340px;background:#fff;border:1px solid #bdc9d3;border-radius:7px;overflow:hidden;touch-action:none} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1} #ib-topic10-organic-sl-homework .ib-t10sl-org-bond-visible{stroke:#111;stroke-width:2.1;pointer-events:stroke} #ib-topic10-organic-sl-homework .ib-t10sl-org-bond-hit{stroke:transparent;stroke-width:14;pointer-events:stroke} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-atoms{position:absolute;inset:0;pointer-events:none;z-index:2} #ib-topic10-organic-sl-homework .ib-t10sl-org-atom{position:absolute;transform:translate(-50%,-50%);min-width:0!important;width:auto!important;height:auto!important;padding:2px 4px!important;border:0!important;border-radius:3px;background:transparent!important;box-shadow:none!important;color:#111!important;font:700 22px/1.1 Arial,Helvetica,sans-serif!important;cursor:grab;pointer-events:auto;z-index:2} #ib-topic10-organic-sl-homework .ib-t10sl-org-atom.selected{background:#dcecff!important;box-shadow:0 0 0 2px #1769a6!important} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-card.correct .ib-t10sl-org-builder-surface{background:#eef9f1;border-color:#58ad71;box-shadow:0 0 0 1px #58ad71 inset} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-card.wrong .ib-t10sl-org-builder-surface{background:#fff0f0;border-color:#d76e6e;box-shadow:0 0 0 1px #d76e6e inset} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-card.correct .ib-t10sl-condensed-input{background:#eef9f1;border-color:#58ad71} #ib-topic10-organic-sl-homework .ib-t10sl-org-builder-card.wrong .ib-t10sl-condensed-input{background:#fff0f0;border-color:#d76e6e} #ib-topic10-organic-sl-homework .ib-t10sl-mode-row{display:flex;gap:7px;margin:8px 0 12px;flex-wrap:wrap} #ib-topic10-organic-sl-homework .ib-t10sl-condensed-input{display:block;width:100%;min-height:34px;box-sizing:border-box;padding:7px;border:1px solid #9da6af;font:inherit;resize:none;overflow:hidden} #ib-topic10-organic-sl-homework .ib-t10sl-org-part-actions{display:flex;justify-content:center;margin-top:10px} #ib-topic10-organic-sl-homework .ib-t10sl-part-check{background:#1767b9;color:#fff;border:0;border-radius:5px;padding:8px 14px;font-size:12px;font-weight:700} #ib-topic10-organic-sl-homework .ib-t10sl-part-model{margin:10px 0;padding:10px;background:#007E3814;border-left:3px solid #007E39} #ib-topic10-organic-sl-homework .ib-t10sl-part-model img{display:block;max-width:100%;max-height:280px;width:auto;height:auto;margin:8px auto} #ib-topic10-organic-sl-homework .ib-t10sl-structure-figure{margin:12px auto;padding:10px;background:#fff;max-width:100%;text-align:center} #ib-topic10-organic-sl-homework .ib-t10sl-structure-figure img,#ib-topic10-organic-sl-homework .ib-t10sl-start-structure img{display:block;max-width:100%;width:auto;height:auto;max-height:300px;margin:auto} #ib-topic10-organic-sl-homework .ib-t10sl-structure-figure figcaption{font-size:13px;margin-top:6px;color:#355C7D} #ib-topic10-organic-sl-homework .ib-t10sl-start-structure{background:#fff;padding:12px;margin:10px auto} #ib-topic10-organic-sl-homework .ib-t10sl-reaction-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;margin:10px 0;text-align:center} #ib-topic10-organic-sl-homework .ib-t10sl-reaction-arrow span{font-size:13px;color:#173f67} #ib-topic10-organic-sl-homework .ib-t10sl-reaction-arrow strong{font-size:32px;font-weight:400;color:#007E39;line-height:1.2} #ib-topic10-organic-sl-homework .ib-t10sl-model-reactants{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap} @media(max-width:760px){#ib-topic10-organic-sl-homework .ib-t10sl-org-builder-surface{height:300px}#ib-topic10-organic-sl-homework .ib-t10sl-org-builder-toolbar{justify-content:flex-start}} /* Unmarked molecule and freehand working, Q1–6. */ #ib-topic10-organic-sl-homework .ib-t10sl-hybrid-stage{position:relative;background:#fff;isolation:isolate} #ib-topic10-organic-sl-homework .ib-t10sl-hybrid-stage canvas{position:relative;z-index:2} #ib-topic10-organic-sl-homework .ib-t10sl-hybrid-stage .ib-t10sl-hybrid-objects{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;z-index:1} #ib-topic10-organic-sl-homework .ib-t10sl-hybrid-work:not(.ib-t10sl-hybrid-atom-mode) .ib-t10sl-hybrid-objects, #ib-topic10-organic-sl-homework .ib-t10sl-hybrid-work:not(.ib-t10sl-hybrid-atom-mode) .ib-t10sl-hybrid-objects *{pointer-events:none!important} #ib-topic10-organic-sl-homework .ib-t10sl-hybrid-atom-mode .ib-t10sl-hybrid-objects{z-index:3} #ib-topic10-organic-sl-homework .ib-t10sl-hybrid-atom-mode canvas{pointer-events:none} #ib-topic10-organic-sl-homework .ib-t10sl-hybrid-work .ib-t10sl-org-builder-toolbar{margin:0;padding:7px 6px;border-bottom:1px solid #d5dce3} /* Exam-style multiple-choice rows, Q14, Q15 and Q17 only. */ #ib-topic10-organic-sl-homework .ib-t10sl-mcq-question .ib-t10sl-answer-area{background:transparent;padding:0;margin-top:12px} #ib-topic10-organic-sl-homework .ib-t10sl-mcq-question .ib-t10sl-final-label{display:none} #ib-topic10-organic-sl-homework .ib-t10sl-mcq-options{display:grid;gap:5px} #ib-topic10-organic-sl-homework button.ib-t10sl-mcq-option{display:flex;align-items:baseline;gap:15px;width:100%;padding:10px 12px;text-align:left;border:1px solid transparent;border-radius:2px;background:#fff;color:#111;font:400 14px/1.45 Arial,sans-serif;box-shadow:none;cursor:pointer} #ib-topic10-organic-sl-homework .ib-t10sl-mcq-letter{font-weight:700;min-width:22px} #ib-topic10-organic-sl-homework button.ib-t10sl-mcq-option:hover{border-color:#aebbc8} #ib-topic10-organic-sl-homework button.ib-t10sl-mcq-option.selected{background:#e8eff8;border-color:#3268a4} #ib-topic10-organic-sl-homework button.ib-t10sl-mcq-option.correct{background:#e1f3e6;border-color:#33834a;color:#14532d} #ib-topic10-organic-sl-homework button.ib-t10sl-mcq-option.wrong{background:#fbe3e3;border-color:#c33b3b;color:#8a2020} #ib-topic10-organic-sl-homework button.ib-t10sl-mcq-option:focus-visible{outline:2px solid #1b5bb1;outline-offset:2px} #ib-topic10-organic-sl-homework .ib-t10sl-molecule-help{font:12px/1.5 Arial,sans-serif;color:#38536d;margin:5px 0 9px} #ib-topic10-organic-sl-homework .ib-t10sl-molecule-status{font:12px/1.5 Arial,sans-serif;color:#244d71;min-height:18px;margin-top:5px} #ib-topic10-organic-sl-homework [data-molecule-action]:disabled{opacity:.45;cursor:default} /* Q16: one expandable marked structure workspace, with names beside molecules. */ #ib-topic10-organic-sl-homework .ib-t10sl-isomer-surface{height:1040px;min-height:560px;isolation:isolate} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-outlines{position:absolute;inset:0;pointer-events:none;z-index:0} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-outline{position:absolute;border:1px dashed #a4b2be;border-radius:6px;pointer-events:none} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-outline>span{position:absolute;left:2px;top:-16px;font:700 11px Arial;color:#526479} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-outline.correct{background:#e6f5e9;border:1px solid #33834a} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-outline.wrong{background:#fce8e8;border:1px solid #c33b3b} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-names{position:absolute;inset:0;pointer-events:none;z-index:4} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-name{position:absolute;width:240px;max-width:95%;pointer-events:auto;background:#fff;border:1px solid #9badbf;border-radius:4px;overflow:hidden} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-name textarea{display:block;width:100%;height:36px;min-height:36px;resize:vertical;border:0;margin:0;padding:6px;font:13px/1.4 Arial;background:transparent;color:#132c4a;box-sizing:border-box} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-name.correct{background:#e1f3e6;border-color:#33834a} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-name.wrong{background:#fbe3e3;border-color:#c33b3b} #ib-topic10-organic-sl-homework button.ib-t10sl-name-handle{display:inline-block;width:calc(100% - 28px);border:0;background:#edf2f6;color:#38536d;font:11px/18px Arial;text-align:left;padding:2px 5px;cursor:move;touch-action:none} #ib-topic10-organic-sl-homework button.ib-t10sl-name-delete{position:absolute;right:0;top:0;width:28px;height:22px;padding:0;border:0;background:#edf2f6;color:#38536d;font:16px Arial} #ib-topic10-organic-sl-homework .ib-t10sl-isomer-resize{padding:8px;text-align:right;font:12px Arial;color:#38536d;cursor:ns-resize;touch-action:none;border-bottom:1px solid #bdc9d3} #ib-topic10-organic-sl-homework button.ib-t10sl-extend-isomers{margin:8px 0;padding:6px 10px;border:1px solid #9badbf;background:#fff;color:#244d71;font:12px Arial;border-radius:4px}