html.redox-course-mode{color-scheme:light;--ink:#20232c;--muted:#555e6c;--surface:#fffefa;--accent:#3e348b}html.redox-course-mode body{color:var(--ink);background:#faf9f3}.redox-course{max-width:1060px;margin:auto;padding:12px;font-size:16px;line-height:1.65}.redox-course [hidden]{display:none!important}.redox-course :is(h1,h2,p,figure){margin:0}.redox-course :is(h1,h2){font-size:clamp(24px,3vw,36px);line-height:1.35}.course-header{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.course-header a{min-height:44px;color:inherit;align-items:center;display:inline-flex}.course-header a:first-child{font-size:18px;font-weight:800;text-decoration:none}.course-steps{gap:6px;display:flex}.course-steps a{min-height:44px;color:inherit;background:#fffefa;border:1px solid #9ba1aa;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:flex}.course-steps a[aria-current=step]{background:#fff27a;border-color:#20232c;box-shadow:2px 2px #20232c}.course-page{padding:18px 4px}.course-copy,.course-visual{flex-direction:column;gap:16px;display:flex}.course-visual{background:#fffefa;border:1.5px solid #b0b3b9;border-radius:14px;justify-content:center;padding:20px}.course-kicker{color:#555e6c;font-size:13px;font-weight:700}.course-visual figcaption,.course-small{color:#555e6c;font-size:14px;line-height:1.6}.role-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.role-pair>div{text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;display:flex}.donor{color:#733900;background:#fff0dd}.acceptor{color:#14584e;background:#e2f3ef}.role-pair b,.role-pair span{font-size:14px}.role-pair strong{font-size:24px}.course-equation,.electron-arrow{text-align:center;font-weight:700}.symbol-example{text-align:center}.symbol-example>strong{font-size:52px;line-height:1.3}.symbol-example>strong>span{vertical-align:super;background:#fff27a;font-size:30px}.symbol-example p{margin-top:12px}.demo-species{justify-content:center;align-items:center;gap:20px;display:flex}.demo-species strong{font-size:38px}.demo-electrons{text-align:center;margin-top:10px!important}.equations>p{text-align:center;border-radius:8px;padding:12px 8px;font-weight:700}.equations small{font-size:14px;font-weight:400;display:block}.course-button{color:#20232c;min-height:44px;font:inherit;cursor:pointer;text-align:center;background:#fffefa;border:1.5px solid #20232c;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.course-button.primary{background:#fff27a}.course-button:disabled,.course-button[aria-disabled=true]{opacity:.45;cursor:default}.redox-course :focus-visible{outline-offset:3px;outline:3px solid #3e348b}.course-pagination{justify-content:space-between;align-items:center;gap:8px;display:flex}.reference-links a{align-items:center;min-height:44px;display:flex}html.redox-course-ready,html.redox-course-ready body{overscroll-behavior:none;height:100%;overflow:hidden}.redox-course[data-ready]{height:100dvh;padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));grid-template-rows:44px 44px minmax(0,1fr) 44px;gap:10px;display:grid}.course-pages{min-height:0}.redox-course[data-ready] .course-page{grid-template-columns:1fr 1fr;align-content:center;align-items:center;gap:32px;height:100%;min-height:0;display:grid}.check-heading{flex-direction:column;gap:6px;display:flex}.check-heading h2{font-size:24px}.check-context{background:#fffefa;border:1px solid #b0b3b9;border-radius:10px;padding:12px}.check-context .course-equation{font-size:18px}.check-context p{font-size:14px}.check-options{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.check-options legend{padding:0 0 6px;font-weight:700}.check-options label{cursor:pointer;background:#fffefa;border:1.5px solid #9ba1aa;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:8px 10px;line-height:1.45;display:flex}.check-options label:has(input:checked){background:#fff6ad;border-color:#20232c}.check-options input{accent-color:#3e348b;flex-shrink:0;width:18px;height:18px;margin:0}.check-form,.check-feedback,.check-summary{flex-direction:column;gap:12px;display:flex}.check-status{background:#ece9ff;border-left:4px solid #3e348b;padding:10px}.course-actions{gap:8px;display:flex}.course-actions>*{flex:1}.summary-counts{text-align:center;grid-template-columns:1fr 1fr;gap:12px;display:grid}.summary-counts p{background:#fffefa;border:1px solid #9ba1aa;border-radius:10px;padding:12px}.summary-counts strong{font-size:32px;display:block}@media (width<=649px){.redox-course[data-ready] .course-page{grid-template-columns:1fr;align-content:center;gap:14px;padding:8px 0}.course-copy,.course-visual{gap:12px}.course-visual{padding:14px}}@media (width<=649px) and (height<=700px){.redox-course[data-ready]{gap:6px;padding-inline:12px}.redox-course{font-size:15px;line-height:1.55}.redox-course :is(h1,h2){font-size:23px}.redox-course[data-ready] .course-page{gap:10px;padding:2px 0}.course-copy,.course-visual{gap:8px}.course-visual{padding:10px}.role-pair>div{gap:2px;padding:8px 4px}.role-pair strong{font-size:21px}.role-pair b,.role-pair span{font-size:13px}.equations>p{padding:5px}.course-visual figcaption,.course-small{font-size:13px}.symbol-example>strong{font-size:38px}.symbol-example p{margin-top:4px}.check-heading h2{font-size:21px}.check-context{padding:7px 9px}.check-context .course-equation{font-size:16px}.check-options{gap:6px}.check-options label{min-height:44px;padding:6px 8px}.check-form,.check-feedback,.check-summary{gap:8px}}@media (width>=650px) and (height<=500px){.redox-course[data-ready]{grid-template-rows:44px minmax(0,1fr) 44px;grid-template-columns:1fr 1fr;gap:8px 20px;padding-block:8px}.course-header{grid-column:1}.course-steps{grid-column:2}.course-pages,.course-pagination{grid-column:1/-1}.redox-course[data-ready] .course-page{gap:24px;padding:2px}.redox-course{font-size:15px;line-height:1.55}.redox-course :is(h1,h2){font-size:24px}.course-copy,.course-visual{gap:8px}.course-visual{padding:12px}.role-pair>div{padding:8px 4px}.equations>p{padding:4px}.check-form,.check-feedback,.check-summary{gap:8px}.check-options{gap:5px}.check-options label{min-height:44px;padding:5px 8px}}@media (width<=649px) and (height<=700px){.check-status{padding:6px 8px}.summary-counts p{padding:8px}.summary-counts strong{font-size:28px;line-height:1.3}.check-options legend.visually-hidden{padding:0}}