.sjw{--sjw-ink:#173f35;--sjw-line:#b9c8b5;--sjw-paper:#f8f5eb;--sjw-water:#8be0df;margin:38px 0 52px;min-width:0;color:var(--ink,#173f35)}
.sjw-heading{max-width:72ch;margin:0 0 24px}.sjw-heading h2{font-size:clamp(27px,3.5vw,42px);font-weight:450;line-height:1.12;letter-spacing:-.04em;margin:14px 0 18px}.sjw-heading p,.sjw figcaption,.sjw-status,.sjw-view-note,.sjw-safety p,.sjw-sources p{line-height:1.6}
.sjw-figure{margin:0;border:1px solid var(--sjw-line);background:#14231e}.sjw-canvas{aspect-ratio:900/625;max-height:630px;overflow:hidden;background:radial-gradient(ellipse at 55% 38%,#354238,#14231e 72%)}.sjw-svg{display:block;width:100%;height:100%;overflow:hidden}.sjw-figure figcaption{padding:20px 24px;background:var(--sjw-paper);font-size:15px}.sjw-figure figcaption strong{display:block;margin-bottom:6px;font-weight:600}
.sjw-controls{border:1px solid var(--sjw-line);border-top:0;padding:24px;background:#fffdf5}.sjw-controls[hidden]{display:none!important}.sjw-playback{display:flex;flex-wrap:wrap;gap:10px}.sjw button{font:inherit;font-size:14px;line-height:1.3;color:var(--sjw-ink);background:#fffdf5;border:1px solid #8da38e;padding:12px 15px;min-height:44px;cursor:pointer;white-space:normal;text-align:left;overflow-wrap:anywhere}.sjw button:hover{background:#e5eddd}.sjw button:focus-visible,.sjw summary:focus-visible{outline:3px solid #315f4d;outline-offset:4px}.sjw button:disabled{opacity:.55;cursor:default}.sjw [data-sjw-action=play]{background:var(--sjw-ink);color:#fff9e8;flex:1 1 235px}.sjw [data-sjw-action=play]:hover{background:#2c5c48}.sjw-status{font-size:14px;margin:18px 0 10px;color:#3b5647}.sjw-progress{height:4px;background:#e1e6d8;overflow:hidden;margin-bottom:22px}.sjw-progress span{display:block;width:0;height:100%;background:#376b56}
.sjw-stage-chooser{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sjw-stage-chooser button{display:flex;align-items:flex-start;gap:10px;padding:13px 11px;font-size:13px;min-width:0}.sjw-choice-number{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid #8aa48b;font:12px GeistMono,monospace}.sjw-stage-chooser [aria-current=step]{background:#e0ebd8;border-color:#315f4d;box-shadow:inset 0 -3px #315f4d}.sjw-view-note{font-size:13px;color:#4b6252;margin:17px 0 0}
.sjw-current-lesson{margin-top:22px;padding:22px 24px;border-left:3px solid #376b56;background:#edf1e3}.sjw-current-lesson .sjw-current-label{font:11px GeistMono,monospace;letter-spacing:.05em;color:#42644e;margin:0 0 15px}.sjw-current-lesson h3{font-size:24px;font-weight:550;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px}.sjw-current-lesson p{font-size:16px;line-height:1.65;margin:0 0 14px;max-width:72ch}.sjw-current-lesson .sjw-question{margin-bottom:0}
.sjw-explanations{list-style:none!important;padding:0!important;margin:28px 0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.sjw-explanations>li{display:flex;gap:16px;margin:0!important;padding:25px 0!important;border-top:1px solid var(--sjw-line);min-width:0;align-items:flex-start}.sjw-step-number{flex:0 0 29px;color:#41654e;font:12px GeistMono,monospace;padding-top:6px}.sjw-explanations h3{font-size:21px;font-weight:550;line-height:1.3;letter-spacing:-.025em;margin:0 0 14px}.sjw-explanations p{font-size:15px;line-height:1.65;margin:0 0 13px}.sjw-question{padding-top:11px;border-top:1px solid #d6ddcf;color:#335944}.sjw-question strong{font-weight:600}.sjw.is-enhanced .sjw-explanations [data-current]{border-top:3px solid #376b56;padding-top:23px!important}
.sjw-safety{border-left:3px solid #8d6933;background:#f0e6cf;padding:22px 25px;margin:24px 0}.sjw-safety h3{font-size:21px;margin:0 0 12px}.sjw-safety p{font-size:15px;margin:0}.sjw-context,.sjw-sources{border-top:1px solid var(--sjw-line);padding:19px 0}.sjw summary{font-size:16px;font-weight:550;cursor:pointer;line-height:1.5}.sjw-context figure{margin:20px 0 0}.sjw-context img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#14231e}.sjw-context figcaption{padding:18px 0;font-size:15px}.sjw-sources p{font-size:14px;margin:17px 0 0}.sjw-sources a{text-decoration:underline;text-underline-offset:3px}
.sjw [data-sjw-marker] circle{fill:#203a30}.sjw [data-sjw-marker].is-current circle{fill:#e3bc79;stroke:#fff3ca}.sjw [data-sjw-marker].is-current text{fill:#173c31}.sjw [data-sjw-route].is-current{opacity:1;stroke-width:6}.sjw[data-stage="1"] .sjw-seep,.sjw[data-stage="2"] .sjw-seep{opacity:.85}.sjw.is-pump-running .sjw-pump-light{fill:#d7f4a8}
@media(max-width:700px){.sjw-stage-chooser{grid-template-columns:repeat(2,minmax(0,1fr))}.sjw-explanations{grid-template-columns:minmax(0,1fr);gap:0}.sjw-controls{padding:18px 16px}.sjw-figure figcaption{padding:17px 18px}.sjw-playback button{flex:1 1 110px}.sjw-playback [data-sjw-action=play]{flex-basis:100%}.sjw-stage-chooser button{font-size:13px}.sjw-canvas{min-height:250px}.sjw-safety{padding:20px 18px}.sjw-explanations>li{gap:12px}.sjw-heading h2{font-size:29px}.sjw-context img{max-height:none}}
@media(prefers-reduced-motion:reduce){.sjw *{animation:none!important;transition:none!important}}.motion-paused .sjw *{animation-play-state:paused!important}
@media(max-width:700px){.sjw-current-lesson{padding:20px 16px}.sjw-current-lesson p{font-size:15px}.sjw-canvas{width:100%;min-width:0}}
@media(max-width:420px){.sjw-stage-chooser{grid-template-columns:minmax(0,1fr)}.sjw-stage-chooser button{overflow-wrap:normal}}
.sjw-viewpoints{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 12px;padding:18px 0;border-bottom:1px solid var(--sjw-line)}.sjw-viewpoints>span{flex-basis:100%;font:11px GeistMono,monospace;letter-spacing:.05em;margin-bottom:4px;color:#41654e}.sjw-viewpoints a{display:flex;align-items:center;min-height:44px;padding:10px 13px;border:1px solid #b9c8b5;text-decoration:underline;text-underline-offset:3px;font-size:14px;line-height:1.4;max-width:100%}.sjw-viewpoints a:hover{background:#e5eddd}.sjw-viewpoints a:focus-visible{outline:3px solid #315f4d;outline-offset:3px}
.sjw-picture-lesson,.sjw-job-map{margin:12px 0 40px;min-width:0}.sjw-picture-lesson header,.sjw-job-map header{max-width:74ch;margin:0 0 20px}.sjw-picture-lesson h3,.sjw-job-map h3{font-size:clamp(25px,3vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:12px 0 16px;scroll-margin-top:95px}.sjw-picture-lesson figure{margin:0;border:1px solid var(--sjw-line);background:#14231e}.sjw-picture-lesson img{display:block;width:100%;height:auto;max-width:100%}.sjw-picture-lesson figcaption{padding:20px 24px;background:var(--sjw-paper);font-size:15px;line-height:1.65}.sjw-picture-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:23px 0 0}.sjw-picture-notes>div{min-width:0}.sjw-picture-notes dt{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 9px}.sjw-picture-notes dd{font-size:14px;line-height:1.65;margin:0;color:#36594a}
.sjw-job-map{border-top:1px solid var(--sjw-line);padding-top:28px}.sjw-job-map header p,.sjw-map-question{font-size:16px;line-height:1.65}.sjw-job-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sjw-job-columns article{padding:22px 18px;background:#f0f3e8;border:1px solid var(--sjw-line);min-width:0}.sjw-job-columns h4{font-size:21px;font-weight:550;line-height:1.25;margin:13px 0 22px;letter-spacing:-.02em}.sjw-job-tag{font:10px GeistMono,monospace;letter-spacing:.035em;color:#41654e}.sjw-job-columns p{font-size:14px;line-height:1.65;margin:23px 0 0}.sjw-job-lane{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:23px}.sjw-job-lane>li{position:relative;text-align:center;background:#fffdf5;border:1px solid #b0c2aa;padding:13px 10px!important;margin:0!important;font-size:14px;line-height:1.4;min-width:0}.sjw-job-lane>li:not(:last-child):after{content:'↓';position:absolute;top:100%;left:0;width:100%;height:23px;line-height:23px;color:#477b67;font-size:20px}.sjw-job-discharge .sjw-job-lane>li{border-color:#99b7bc;background:#f2f8f5}.sjw-job-control{background:#f5efdf!important}.sjw-level-pair{display:grid;gap:16px}.sjw-level-pair>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px 12px;align-items:center;padding:14px 11px;border:1px solid #c6b890;background:#fffaf0}.sjw-level-pair strong{font-size:16px;line-height:1.35}.sjw-level-pair>div>span:last-child{grid-column:2;font-size:14px;line-height:1.5}.sjw-level-icon{grid-row:1/3;display:block;position:relative;height:55px;border:2px solid #7e9283;border-top:0;border-radius:0 0 6px 6px;overflow:hidden;background:#e6ede1}.sjw-level-icon i{position:absolute;bottom:0;left:0;width:100%;height:72%;background:#82cbd2;border-top:2px solid #43979e}.sjw-level-falling i{height:30%}.sjw-map-question{padding:20px 22px;margin:20px 0 0;background:#e5eddd;border-left:3px solid #376b56}
@media(max-width:760px){.sjw-picture-notes{grid-template-columns:minmax(0,1fr);gap:17px}.sjw-picture-notes>div{border-bottom:1px solid #d6ddcf;padding-bottom:15px}.sjw-picture-notes dt{font-size:16px}.sjw-picture-notes dd{font-size:15px}.sjw-job-columns{grid-template-columns:minmax(0,1fr)}.sjw-job-columns article{padding:22px 20px}.sjw-job-columns h4{font-size:23px}.sjw-job-lane>li{font-size:15px}.sjw-job-columns p{font-size:15px}.sjw-picture-lesson figcaption{padding:18px 17px}.sjw-map-question{font-size:15px;padding:18px 17px}.sjw-viewpoints a{flex:1 1 130px}.sjw-picture-lesson h3,.sjw-job-map h3{font-size:27px}}
