.observation-guide{margin:18px 0 24px;padding:20px;border-radius:14px;background:var(--soft,#edf3ee);color:var(--ink,#244b50);border-left:3px solid var(--accent,#3c8b80);font-size:15px;line-height:1.9}.observation-guide h3{font-size:16px;margin:0 0 12px}.observation-guide ol{margin:0;padding-left:23px}.observation-guide li{margin:0 0 10px;padding-left:4px}.observation-target{padding-top:13px;margin-top:12px!important;border-top:1px solid var(--line,#aec9be);font-size:14px}.mechanism-reading{margin:34px 0;padding:32px;border:1px solid var(--line,#b9cccb);border-radius:20px;background:var(--panel,#f8fbf6);color:var(--ink,#173c41);overflow-wrap:anywhere}.mechanism-reading h3{font-size:clamp(24px,3vw,32px);line-height:1.45;margin:8px 0 24px}.mechanism-reading>p{max-width:78ch;font-size:17px;line-height:1.95;margin:17px 0}.mechanism-reading .explanation-kicker{color:var(--accent,#267666);font-size:12px;letter-spacing:.1em;margin:0}.principle-figure{margin:28px 0 8px;max-width:560px}.principle-figure img{display:block;width:100%;height:auto;border-radius:15px}.principle-figure figcaption{font-size:13px;line-height:1.8;margin-top:12px;color:var(--muted,#577d7c)}.explanation-citations a{display:block;font-size:13px;line-height:1.9;margin:9px 0;color:var(--accent,#267666);text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}.operation-heading{font-size:19px;margin:20px 0 16px}.attention-answers{margin:22px 0}.attention-answers input{display:block;width:min(240px,100%);padding:12px;border:1px solid var(--line);border-radius:8px;margin:12px 0;background:var(--panel);color:var(--ink)}.attention-answers button{margin:8px 10px 8px 0}#step-controls>button{margin:5px 7px 5px 0}#step-controls input[type=range]{display:block;width:100%;margin:14px 0}.classic-teaching{max-width:1100px;margin:28px auto}.classic-teaching.observation-guide{margin:20px 0}.theme-dark .mechanism-reading,html[data-theme=dark] .classic-teaching{--panel:#112e3b;--ink:#e4f1ed;--muted:#a1bbc2;--accent:#9de9d2;--soft:#1a3c48;--line:#355660}html[data-theme=dark] .observation-guide{--soft:#183d47;--ink:#e4f1ed;--line:#355660;--accent:#9de9d2}.mechanism-reading[hidden]{display:none!important}@media(min-width:1000px){.mechanism-reading{display:flow-root}.mechanism-reading .principle-figure{float:right;width:42%;margin:0 0 22px 35px}.mechanism-reading .explanation-citations{clear:both}.mechanism-reading>p:not(.explanation-kicker):not(.explanation-citations){max-width:none}}@media(max-width:650px){.observation-guide{padding:16px;font-size:15px}.mechanism-reading{padding:22px 18px;margin:26px 0}.mechanism-reading>p{font-size:16px;line-height:1.95}.principle-figure{margin:24px 0}.classic-teaching{max-width:100%}}@media(prefers-reduced-motion:reduce){.mechanism-reading,.observation-guide{scroll-behavior:auto}}

.explanation-prose>p{font-size:17px;line-height:1.95;margin:0 0 20px}.explanation-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:35px;align-items:start}.explanation-body>.principle-figure{float:none;width:100%;margin:0;max-width:560px}.classic-teaching#question-mechanism{margin:30px 0;width:100%}@media(max-width:900px){.explanation-body{grid-template-columns:minmax(0,1fr);gap:15px}.explanation-prose>p{font-size:16px;line-height:1.95}.explanation-body>.principle-figure{width:100%;margin:0}}