/* Shared reading and navigation rules for the approved lesson materials. */
html{overflow-x:hidden}body{font-size:16px;line-height:1.45;overflow-x:hidden}
.sx-metadata{display:none!important}
body[data-solvex-material] .progress{margin-top:12px;margin-bottom:20px}
body[data-solvex-material] h1{font-size:clamp(27px,7vw,36px);line-height:1.15;overflow-wrap:break-word}
body[data-solvex-material] h2{overflow-wrap:break-word}
body[data-solvex-material] svg{max-width:100%}
body[data-solvex-material] .diagram svg,body[data-solvex-material] .schematic svg,body[data-solvex-material] .mini-circuit svg{height:auto;max-height:none}
body[data-solvex-material] .diagram,body[data-solvex-material] .schematic,body[data-solvex-material] .mini-circuit{overflow:visible;min-height:0}
body[data-solvex-material] .screen,body[data-solvex-material] .sheet{overflow:visible}
body[data-solvex-material] .screen>*{flex-shrink:0;min-width:0}
body[data-solvex-material] .choice,body[data-solvex-material] .option{min-width:0}
body[data-solvex-material] .system-lines{gap:8px;line-height:1.5}
body[data-solvex-material] .equation-system{max-width:100%;min-width:0}
body[data-solvex-material] .system-option .system-lines{font-size:clamp(16px,4.4vw,22px);white-space:normal}
body[data-solvex-material] .quiz-task{flex-wrap:wrap}
body[data-solvex-material] .quiz-task span{white-space:normal}
.sx-material-nav{width:100%;display:flex;justify-content:center;margin:24px auto 8px;padding:0 4px}
.sx-material-nav[hidden]{display:none!important}
.sx-continue{width:min(100%,360px);min-height:52px;border:0;border-radius:16px;background:#ffe238;color:#17344e;padding:14px 20px;font:700 18px/1.3 SolveXRubik,Arial,sans-serif;box-shadow:0 5px #d9b51a;cursor:pointer;text-align:center;text-decoration:none;display:block}
.sx-continue:disabled{background:#edf1ee;color:#748078;box-shadow:none;cursor:default}
.sx-continue:focus-visible{outline:3px solid #2877de;outline-offset:4px}
.sx-native{width:min(100%,720px);padding:12px;margin:auto;background:#5bda68;min-height:100dvh;box-sizing:border-box;color:#17344e}
.sx-native-content{padding:22px 18px 26px;background:white;border-radius:24px;min-height:calc(100dvh - 24px)}
.sx-native h1{color:#ef3838;font-size:clamp(27px,7vw,36px);line-height:1.15;margin:0 0 18px}
.sx-native p{font-size:17px;line-height:1.5;margin:0 0 14px}
.sx-native .sx-note{padding:16px;border-radius:16px;border-left:5px solid #2877de;background:#eff8fc;margin:16px 0;font-weight:400}
.sx-native .sx-note.gold{background:#fff8db;border-left-color:#e6be26}
.sx-native .sx-note.success{background:#eafaed;border-left-color:#27aa51}
.sx-native .sx-formula{font-size:clamp(24px,6vw,32px);font-weight:700;text-align:center;padding:16px;border:2px solid #d9e9f2;border-radius:16px;margin:14px 0;line-height:1.5}
.sx-fraction{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.15;margin:0 .18em;font-size:1em;white-space:nowrap}
.sx-fraction>span:first-child{border-bottom:2px solid currentColor;padding:0 .12em .12em}.sx-fraction>span:last-child{padding:.12em .12em 0}
.sx-native-choices{display:grid;gap:12px;margin:20px 0}
.sx-native-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:2px solid #d9e9f2;background:#f9fcfe;border-radius:17px;padding:16px;font-size:18px;color:#17344e;cursor:pointer;min-height:64px}
.sx-native-choice .letter{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e0eefb;font-weight:700}
.sx-native-choice.correct{background:#eafaed;border-color:#27aa51}.sx-native-choice.wrong{background:#fff0ef;border-color:#e44747}
.sx-native-choice:focus-visible{outline:3px solid #2877de;outline-offset:3px}
.sx-native-feedback{border-radius:16px;background:#eff8fc;padding:16px;margin:16px 0;line-height:1.5}
.sx-native-feedback.correct{background:#eafaed;border-left:5px solid #27aa51}.sx-native-feedback.wrong{background:#fff0ef;border-left:5px solid #e44747}
.sx-native-feedback p:last-child{margin-bottom:0}
.sx-native-diagram{margin:18px 0;border:2px solid #d9e9f2;background:#f9fcfe;border-radius:18px;overflow:hidden}
.sx-native-diagram svg{display:block;width:100%;height:auto}
.sx-formula-list{display:grid;gap:12px}.sx-formula-list .sx-formula{margin:0}
@media(max-width:600px){body[data-solvex-material] .diagram-choices .choice{padding-top:43px}body[data-solvex-material] .diagram-choices .choice .letter{top:8px;left:10px}
body[data-solvex-material] .screen,body[data-solvex-material] .sheet{padding-left:16px;padding-right:16px}
body[data-solvex-material] .route-text{white-space:normal}
body[data-solvex-material] .choices:has(svg),body[data-solvex-material] .answers:has(svg){grid-template-columns:1fr}
body[data-solvex-material] .concept span{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.sx-native *{animation:none!important;transition:none!important}}