@font-face{font-family:JF Open Huninn;src:url(/fonts/jf-openhuninn-boundless.woff2)format("woff2");font-display:swap}body:has(.guided-lesson){color:#25383b;background:#f1f2e9;margin:0;font-family:JF Open Huninn,sans-serif}.guided-lesson{--accent:#397d7b;--tint:#e7efdb;width:min(1200px,100% - 48px);margin:auto;font-family:JF Open Huninn,sans-serif;line-height:1.85}.guided-lesson[data-subject=物理]{--tint:#e1edf4;--accent:#38698e}.guided-lesson[data-subject=化學]{--tint:#eee3f1;--accent:#78578d}.guided-lesson[data-subject=地科]{--tint:#fae8d6;--accent:#956c28}.guided-lesson *{box-sizing:border-box}.guided-title{padding:32px 0}.guided-eyebrow{color:var(--accent);letter-spacing:.12em;margin:0 0 10px;font-size:12px}.guided-title h1{letter-spacing:.02em;margin:8px 0;font-size:clamp(26px,3.7vw,44px);line-height:1.45}.guided-title>p:not(.guided-eyebrow){color:#607377}.guided-map{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.guided-lesson button{font:inherit;cursor:pointer;color:#25383b;background:#ffffff70;border:1px solid #bdccc4;border-radius:8px;min-height:44px;padding:10px 16px}.guided-lesson button:hover{border-color:var(--accent)}.guided-lesson button:focus-visible,.guided-lesson input:focus-visible,.guided-lesson textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.guided-map button[aria-current],.guided-buttons button:first-child,.guided-record button{background:var(--accent);color:#fff;border-color:var(--accent)}.guided-lesson button:disabled{opacity:.42;cursor:default}.guided-workspace{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:28px;display:grid}.guided-controls{border-top:3px solid var(--accent);background:linear-gradient(145deg,#fff9,var(--tint));backdrop-filter:blur(14px);border-radius:0 0 14px 14px;padding:18px;position:sticky;top:24px}.guided-controls h2{margin:0;font-size:18px}.guided-controls>p{color:#607377;font-size:13px}.guided-controls label{margin:22px 0;font-size:13px;line-height:1.6;display:block}.guided-controls output{color:var(--accent);font-size:16px;display:block}.guided-controls input[type=range]{width:100%;accent-color:var(--accent);height:28px;margin:7px 0}.control-inactive{opacity:.5}.control-inactive small{display:block}.guided-progress{border-top:1px solid #bdccc4;padding-top:20px}.guided-buttons{gap:8px;display:flex}.guided-buttons button{padding:8px 12px;font-size:13px}.guided-control-note{font-size:12px!important}.guided-main{min-width:0}.guided-stage{background:#faf7ef;border:1px solid #d4ddd3;border-radius:10px;padding:26px;box-shadow:0 15px 40px #294d4210}.guided-stage h2{margin:6px 0 15px;font-size:21px;line-height:1.65}.guided-stage svg{touch-action:pan-y;border-radius:6px;width:100%;height:auto;display:block}.guided-readout{background:var(--tint);border-left:3px solid var(--accent);min-height:70px;margin:10px 0 0;padding:14px 18px;font-size:14px}.guided-explanation{padding:30px 8px}.guided-explanation h2{margin:5px 0 18px;font-size:24px}.guided-explanation>p{max-width:72ch}.guided-formula{background:#ffffff70;border-radius:6px;margin:12px 0;padding:10px 16px;font-size:17px;overflow-x:auto}.guided-formula .katex-display{margin:.5em 0}.guided-takeaway{color:#456055;background:#fff5d9;border-left:3px solid #bd8d3d;padding:16px 20px}.guided-check{border:1px solid #c6d4cc;border-radius:10px;margin:28px 0;padding:20px}.guided-check legend{padding:0 8px;font-size:15px}.guided-check button{margin:5px 8px 5px 0}.guided-check button.selected{background:var(--tint);border:2px solid var(--accent)}.guided-feedback{background:#ffffff90;padding:12px;font-size:15px}.guided-next{justify-content:space-between;display:flex}.guided-record{border-top:1px solid #bccbc4;grid-template-columns:1.6fr 1fr;gap:40px;margin:20px 0 50px;padding:32px 0;display:grid}.guided-record h2{margin:5px 0 20px;font-size:24px}.guided-record label{display:block}.guided-record textarea,.guided-record input{width:100%;font:inherit;color:#25383b;background:#ffffffa0;border:1px solid #bdccc4;border-radius:6px;margin:8px 0;padding:12px;display:block}.guided-record small,.guided-record p:not(.guided-eyebrow){color:#607377;font-size:13px}.atlas-more{text-align:center;color:#607377;padding:36px 15px}.atlas-more button{font:inherit;color:#fff;cursor:pointer;background:#397d7b;border:0;border-radius:9px;min-height:44px;padding:13px 32px}.atlas-more button:focus-visible{outline-offset:3px;outline:3px solid #b85c48}@media (width<=760px){.guided-lesson{width:calc(100% - 28px)}.guided-workspace{grid-template-columns:1fr;gap:16px}.guided-controls{grid-template-columns:1fr 1fr;gap:0 20px;padding:18px;display:grid;position:static}.guided-controls>h2,.guided-controls>p,.guided-buttons{grid-column:1/-1}.guided-controls label{margin:12px 0}.guided-controls .guided-progress{grid-column:1/-1}.guided-stage{padding:16px 10px}.guided-stage h2,.guided-stage>.guided-eyebrow{padding:0 8px}.guided-stage h2{font-size:18px}.guided-stage svg{min-height:225px}.guided-formula{padding:8px;font-size:14px}.guided-record{grid-template-columns:1fr;gap:22px}.guided-map{gap:7px}.guided-map button{text-align:left;width:100%;padding:10px 15px}.guided-explanation{padding:25px 5px}.guided-check{padding:14px}}@media (prefers-reduced-motion:reduce){.guided-lesson *{scroll-behavior:auto!important}}@media print{.guided-controls,.guided-map,.guided-next,.guided-record button{display:none}.guided-workspace{display:block}.guided-lesson{width:100%}.guided-stage,.guided-check{break-inside:avoid}}.handout-context{box-sizing:border-box;color:#607377;width:min(100% - 80px,1360px);margin:25px auto 0;font-family:JF Open Huninn,sans-serif;font-size:13px;line-height:1.8}.handout-context nav{flex-wrap:wrap;gap:12px;display:flex}.handout-context a{color:#397d7b;text-decoration:none}.handout-context a:hover{text-decoration:underline}.handout-context-tags{flex-wrap:wrap;gap:18px;margin:15px 0;display:flex}.handout-context-tags>span:first-child{color:#b65843}.handout-context details{border-bottom:1px solid #cbd8d3;padding-bottom:15px}.handout-context summary{cursor:pointer;color:#397d7b}.handout-context p{max-width:1060px;margin:9px 0}.integrated-handout .lab-header a,.integrated-handout .lab-footer a{font-family:JF Open Huninn,sans-serif}.integrated-handout .lab-header{line-height:1.6}.integrated-handout .lab-footer{margin-top:35px}.integrated-handout main{padding-top:28px}@media (width<=720px){.handout-context{width:calc(100% - 32px);margin-top:20px}.handout-context-tags{gap:8px 15px}}
