/* Approved homepage family, scoped to the water preview. Game geometry is unchanged. */
:root{--paper:#fff;--ink:#22242d;--accent:#7a2021;--sage:#365248;--line:#22242d28;--terracotta:#bb4b36}
body.water-atelier{background:#fff;color:var(--ink)}
.water-atelier header,.water-atelier main{max-width:1540px;padding-inline:clamp(20px,4vw,64px)}
.water-atelier header{height:72px;gap:24px;border-bottom:1px solid #22242d80}
.water-atelier .brand{letter-spacing:-1.3px}.water-atelier .brand span{display:none}.water-atelier .brand img{width:30px;height:30px}
.water-atelier header>span{font-size:10px;letter-spacing:.035em}
.screen-tools{display:flex;align-items:center;gap:14px;margin-left:auto}
.screen-tools button{background:white;border:0;border-radius:0;padding:10px 0;min-height:44px;font-size:12px;white-space:nowrap}
.screen-tools #sound{margin:0}.screen-tools #board-mode{border-left:1px solid var(--line);padding-left:14px}
.screen-tools #board-mode[aria-pressed=true]{color:var(--accent);font-weight:600}.screen-tools #fullscreen{border:1px solid var(--line);padding-inline:10px}
.atelier-topline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font:10px 'IBM Plex Mono',monospace;letter-spacing:.06em}
.campaign{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:36px;margin:24px 0 32px}
.handwritten{font-family:'Just Me Again Down Here',cursive;font-size:25px;font-weight:400;line-height:1.15}
.campaign .handwritten{margin:0 0 8px;color:#55554e;transform:rotate(-2deg);transform-origin:left center}
.campaign h1{font-size:clamp(25px,3.05vw,44px);line-height:1.07;letter-spacing:-.045em;font-weight:700;text-transform:uppercase;margin:0}
.campaign h1>span{display:inline-block;color:var(--terracotta);position:relative;isolation:isolate;margin-top:6px}
.campaign h1>span:after{content:'';position:absolute;inset:-4px -7px;z-index:-1;border:1px solid #bb4b3680;transform:rotate(-1.3deg);pointer-events:none}
.chapter-files{display:flex;align-items:end;margin-bottom:8px}
.chapter-files a{flex:1;min-width:0;text-decoration:none;color:var(--ink);background:#f6f6f3;border:1px solid #a9ada7;border-bottom:2px solid #848a82;margin-left:-1px;padding:20px 12px 14px;position:relative;transition:background .2s,transform .25s}
.chapter-files a:before{content:'';position:absolute;top:-6px;left:-1px;width:54%;height:7px;border:1px solid #a9ada7;border-bottom:0;background:inherit}
.chapter-files a:first-child{margin-left:0}.chapter-files a:nth-child(3){background:#f1ece6}.chapter-files a:nth-child(4){background:#f8f6ef}
.chapter-files a[aria-current]{background:#e5ece8;border-bottom:2px solid var(--accent);z-index:1}
.chapter-files a:hover,.chapter-files a:focus-visible{background:#edf0e9;transform:translateY(-4px);z-index:2}
.chapter-files small{display:block;font:9px 'IBM Plex Mono',monospace;color:#73776f;margin-bottom:8px}.chapter-files a>span{font-size:14px;font-weight:500}
.water-atelier .game-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:start}
.water-atelier .world{min-width:0}.world-heading{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:15px}
.world-heading h2{font-size:clamp(23px,2.1vw,31px);font-weight:600;letter-spacing:-.035em;line-height:1.1;margin:0;max-width:67%}
.world-heading p{font-size:12px;line-height:1.45;color:#677265;margin:0;max-width:170px}
.water-atelier .board{border-radius:2px;outline:1px solid #d1d4cb;overflow:hidden}
.water-atelier .plant-label{background:#fffffff2;border:1px solid #abb6a5;border-radius:3px;color:var(--sage);font-size:12px}
.water-atelier .valve-name{background:#fffffff0;font-size:10px}
.water-atelier #board-note{display:block;background:none;padding:0;left:auto;right:3%;z-index:3}
.water-atelier #step-note{display:none}.water-atelier #board-stop{background:white;border:1px solid #b79283;min-height:44px;padding:9px 13px;margin:0;color:var(--accent)}
.water-atelier .water-readings{gap:0;margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.water-atelier .water-readings>div{border-bottom:0;padding:0 18px;border-left:1px solid var(--line)}
.water-atelier .water-readings>div:first-child{padding-left:0;border-left:0}
.water-atelier .water-readings span{font-size:10px;letter-spacing:.02em;color:#697166}.water-atelier .water-readings strong{font-size:27px;font-weight:600;color:var(--ink);line-height:1.2}
.start-state{font:9px 'IBM Plex Mono',monospace;color:#747b71;margin:16px 0 0}.start-state span{margin-left:12px;font:12px 'IBM Plex Sans',sans-serif}
.water-atelier .program{min-width:0;padding-left:30px;border-left:1px solid #b9bdb4}
.workbench-heading>p{font:9px 'IBM Plex Mono',monospace;margin:0 0 10px;letter-spacing:.06em}
.workbench-heading>div{display:flex;justify-content:space-between;align-items:center;gap:15px}
.workbench-heading h2{font-weight:600;font-size:clamp(25px,2.35vw,34px);line-height:1.08;letter-spacing:-.04em;margin:0}
.workbench-heading .handwritten{font-size:23px;color:#56594e;transform:rotate(-2deg);flex-shrink:0}
.water-atelier .command-hint{font-size:12px;line-height:1.5;color:#687264;max-width:500px;margin:12px 0}
.water-atelier .commands{gap:10px;margin:17px 0 21px}
.water-atelier .commands button{min-height:63px;display:flex;align-items:center;gap:15px;border:1px solid #7a8b7d;border-radius:3px;background:#e5ece8;box-shadow:none;padding:12px 16px;transition:background .16s,transform .16s,box-shadow .16s}
.water-atelier .commands button[data-command^=close]{border-color:#9b9fa5;background:white}
.water-atelier .commands button:hover:not(:disabled){background:#dce5dd;transform:translateY(-2px);box-shadow:0 2px 0 #36524825}
.water-atelier .commands button:active:not(:disabled){transform:translateY(1px);box-shadow:none}
.water-atelier .commands b{display:flex;margin:0;font-weight:500;font-size:17px;width:30px;flex-shrink:0;color:var(--sage)}
.water-atelier .commands strong{font-size:15px;font-weight:500;line-height:1.3}.water-atelier .commands small{font-size:10px}
.water-atelier .commands button[data-command=send]{justify-content:center;background:#dbe5da;min-height:58px;color:var(--sage)}
.water-atelier .commands button[data-command=send] small{margin-left:10px;color:#627263}
.command-icon{width:29px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.water-atelier .program-heading.second{border-top:1px solid var(--line);padding-top:15px;margin:0;justify-content:space-between}
.water-atelier .program-heading h2{font-size:21px;font-weight:600;letter-spacing:-.025em}.water-atelier #sequence-count{background:none;color:#7d8278;font:10px 'IBM Plex Mono',monospace;width:auto;height:auto}
.water-atelier .second+.hint{font-size:11px;margin:9px 0 13px;color:#72766d}
.water-atelier #queue{background:repeating-linear-gradient(0deg,transparent,transparent 32px,#6b716b12 32px,#6b716b12 33px);border:0;border-radius:0;padding:5px 0 12px;gap:8px;min-height:93px;max-height:216px;margin:0 0 16px;overflow:auto;scrollbar-width:thin}
.water-atelier #queue:empty:before{content:'Teslim edeceğin işlemleri sırayla ekle.';padding:15px 0;font-size:12px}
.water-atelier #queue li{flex:1 0 calc(25% - 8px);max-width:calc(25% - 4px)}
.water-atelier #queue button{width:100%;min-width:0;min-height:77px;padding:9px 8px;background:white;border:1px solid #b1b5ac;border-radius:3px;position:relative;text-align:center;font-size:14px}
.water-atelier #queue button>span:first-child{display:flex;justify-content:center}.water-atelier #queue .command-icon{width:25px;height:21px}
.water-atelier #queue button .command-name{font-size:12px;line-height:1.2;max-width:none;margin:7px 0 0;padding-inline:5px}
.water-atelier #queue small{position:absolute;top:7px;left:8px;margin:0;color:var(--accent);font:11px 'IBM Plex Mono',monospace}
.water-atelier #queue button[aria-pressed=true]{background:#f2eadc;outline:1px solid #a58e6c;outline-offset:0;box-shadow:2px 2px 0 #22242d16}
.water-atelier #queue li.current button{background:#365248;color:white;border-color:#365248;box-shadow:0 0 0 2px #36524830}
.water-atelier #queue li.current small{color:#fff}.water-atelier #queue li.executed button{background:#e8eee7;border-color:#b6c3b3}
.water-atelier #editor{background:#f5f3ec;border-left:2px solid var(--accent);margin:0 0 16px;padding:14px}
.water-atelier #editor button{background:white;border-radius:2px}.water-atelier .edit-actions button{min-height:44px;font-size:12px}
.water-atelier .run-row{flex-wrap:wrap;gap:10px}.water-atelier .run-row button{border-radius:3px;min-height:48px;padding:11px 19px;font-size:14px}
.water-atelier #run{border:1px solid #6f262b;background:var(--accent);color:white;font-weight:600;box-shadow:2px 2px 0 #22242d18;transition:transform .15s,box-shadow .15s}
.water-atelier #run:active:not(:disabled){transform:translate(1px,1px);box-shadow:none}.water-atelier #clear{background:white;border:1px solid #9d9fa5}
.water-atelier #stop{background:#f4ede5;border-color:#ac9087;color:var(--accent);font-weight:600}
.water-atelier .limit{font-size:9px;line-height:1.5;margin:11px 0 15px}
.water-atelier .atelier-note{position:relative;display:block;background:#eef1e8;border:1px solid #c8d0bf;margin:18px 3px 0 auto;padding:20px 22px 17px;transform:rotate(-1deg);max-width:420px;min-height:86px;box-shadow:3px 3px 0 #22242d0a}
.water-atelier .atelier-note span{font-size:9px;color:#536451;letter-spacing:.06em}
.water-atelier .atelier-note p{font-family:'Just Me Again Down Here',cursive;font-size:23px;line-height:1.12;margin:8px 0 0;color:#394237}
.note-tape{position:absolute!important;top:-10px;left:43%;width:82px;height:22px;background:#aab9c37a;transform:rotate(-5deg);clip-path:polygon(0 4%,99% 0,96% 94%,3% 100%);pointer-events:none}
.note-fold{position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,#cbd3c4 50%,white 51%);pointer-events:none}
.workspace-more{margin:30px 0 20px;border-top:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:20px;padding-top:15px;font-size:12px}
.workspace-more .rules{max-width:700px;margin:0}.workspace-more a{color:var(--accent);padding:8px 0;min-height:44px;white-space:nowrap}
.water-atelier #result{border:0;border-top:1px solid #a9b7a3;background:#eef2eb;border-radius:0}
.water-atelier #result button{min-height:44px;background:white}.water-atelier .challenge-link{display:inline-flex;align-items:center;min-height:48px;background:var(--accent);color:white;padding:12px 18px;text-decoration:none;border-radius:2px;margin-top:14px}
.mode-status{font-size:12px;color:#67735e;margin:0 0 15px}.water-atelier .teacher{line-height:1.7}
.water-atelier .water-readings strong.counter-change{animation:counter-arrive .35s ease-out}
@keyframes counter-arrive{from{transform:translateY(4px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(min-width:1100px){.water-atelier.board-mode header{height:53px}.board-mode .atelier-topline{padding:9px 0}.board-mode .campaign{margin:14px 0 23px;gap:34px}.board-mode .campaign h1{font-size:clamp(26px,2.65vw,42px)}.board-mode .campaign .handwritten{font-size:23px;margin-bottom:5px}.board-mode .chapter-files a{padding:13px 11px 10px}.board-mode .chapter-files small{margin-bottom:4px}.board-mode .game-layout{gap:28px}.board-mode .world-heading{margin-bottom:11px}.board-mode .world-heading h2{font-size:clamp(23px,2vw,34px)}.board-mode .world-heading p{font-size:clamp(12px,.95vw,17px)}.board-mode .board{width:min(100%,calc(100svh - 273px));margin-inline:auto}.board-mode .program{padding-left:26px;max-height:calc(100svh - 218px);overflow-y:auto;scrollbar-width:thin;padding-right:5px}.board-mode .workbench-heading h2{font-size:clamp(27px,2.4vw,38px)}.board-mode .workbench-heading .handwritten{font-size:clamp(20px,1.55vw,28px)}.board-mode .commands{margin:13px 0 15px;gap:9px}.board-mode .commands button{min-height:56px;padding:10px 15px}.board-mode .commands strong{font-size:clamp(16px,1.2vw,22px)}.board-mode .command-hint{font-size:clamp(12px,.95vw,16px);margin:10px 0}.board-mode .commands button[data-command=send]{min-height:52px}.board-mode .program-heading.second{padding-top:12px}.board-mode .program-heading h2{font-size:22px}.board-mode #queue{max-height:165px;min-height:82px;margin-bottom:12px;padding-bottom:8px}.board-mode #queue button{min-height:72px}.board-mode #queue button .command-name{font-size:clamp(13px,1vw,18px)}.board-mode .run-row button{min-height:48px;font-size:clamp(15px,1.15vw,20px)}.board-mode .atelier-note{padding:14px 18px 13px;margin-top:16px;min-height:72px;max-width:none}.board-mode .atelier-note p{font-size:clamp(22px,1.7vw,30px)}.board-mode .water-readings strong{font-size:clamp(26px,2vw,38px)}.board-mode .water-readings span{font-size:clamp(10px,.8vw,15px)}.board-mode .water-readings{margin-top:10px;padding-top:10px}.board-mode .start-state{margin-top:12px}.board-mode .limit{margin:9px 0}.board-mode .plant-label{font-size:clamp(12px,.95vw,17px)}.board-mode .screen-tools button{font-size:14px}}
@media(max-width:1250px){.workbench-heading .handwritten{display:none}.world-heading{display:block}.world-heading h2{max-width:none}.world-heading p{max-width:none;margin-top:7px;font-size:12px}.water-atelier .program{padding-left:22px}.water-atelier .commands strong{font-size:14px}.chapter-files a>span{font-size:12px}}
@media(max-width:950px){.water-atelier header>span{display:none}.campaign{grid-template-columns:1fr;gap:27px;margin-top:23px}.campaign h1{font-size:36px}.chapter-files{max-width:600px;margin-bottom:0}.water-atelier .game-layout{gap:24px}.water-atelier .program{padding-left:18px}.water-atelier .commands{gap:7px}.water-atelier .commands button{padding:10px;gap:9px}.water-atelier .commands b{width:22px}.water-atelier .commands strong{font-size:12px}.water-atelier .commands button[data-command=send] small{display:none}.water-atelier .water-readings>div{padding-inline:10px}.water-atelier .water-readings span{font-size:8px}.water-atelier .water-readings strong{font-size:23px}.water-atelier #queue li{flex-basis:calc(33.333% - 8px);max-width:calc(33.333% - 4px)}.water-atelier #queue button .command-name{font-size:11px}}
@media(max-width:650px){.water-atelier header,.water-atelier main{padding-inline:20px}.water-atelier header{height:66px;gap:12px}.water-atelier .brand{font-size:23px}.water-atelier .brand img{width:24px;height:24px;margin-left:5px}.screen-tools{gap:9px}.screen-tools button{font-size:10px}.screen-tools #board-mode{padding-left:9px}.screen-tools #fullscreen{display:none}.atelier-topline{font-size:8px;padding:12px 0}.campaign{margin:23px 0 28px;gap:25px}.campaign h1{font-size:clamp(23px,6.1vw,37px)}.campaign .handwritten{font-size:23px}.chapter-files a{padding:15px 7px 12px}.chapter-files small{font-size:8px}.chapter-files a>span{font-size:11px;line-height:1.25;display:block}.water-atelier .game-layout{grid-template-columns:1fr;gap:30px}.world-heading{display:flex}.world-heading h2{font-size:24px;max-width:64%}.world-heading p{font-size:11px;margin:0;max-width:125px}.water-atelier .program{padding:0;border:0}.workbench-heading>p{font-size:9px}.workbench-heading h2{font-size:29px}.workbench-heading .handwritten{display:block;font-size:22px}.water-atelier .commands{gap:10px}.water-atelier .commands button{min-height:65px;padding:13px;gap:13px}.water-atelier .commands strong{font-size:14px}.water-atelier .commands b{width:27px}.water-atelier .commands button[data-command=send]{min-height:58px}.water-atelier .water-readings span{font-size:8px}.water-atelier .water-readings strong{font-size:25px}.water-atelier #queue li{flex-basis:calc(25% - 8px);max-width:calc(25% - 4px)}.water-atelier #queue button .command-name{font-size:11px;padding:0}.water-atelier .atelier-note{max-width:none;margin-top:22px;padding:19px}.water-atelier .atelier-note p{font-size:24px}.workspace-more{display:block}.workspace-more a{display:block;width:fit-content}.water-atelier .start-state{font-size:8px}.start-state span{font-size:11px;margin-left:6px}.water-atelier .plant-label{font-size:10px}.water-atelier .valve-name{font-size:8px}}
@media(max-width:370px){.water-atelier header,.water-atelier main{padding-inline:16px}.water-atelier .brand{font-size:21px}.screen-tools{gap:7px}.screen-tools button{font-size:9px}.world-heading h2{font-size:21px}.world-heading p{font-size:10px}.workbench-heading .handwritten{display:none}.water-atelier .commands strong{font-size:12px}.water-atelier .commands button{padding:10px;gap:9px}.chapter-files a>span{font-size:10px}}
@media(min-width:1100px){.board-mode .board{width:min(100%,var(--board-scene-size,calc(100svh - 360px)))}.board-mode .world-heading h2{max-width:none;flex:1}.board-mode .world-heading p{max-width:245px;flex:0 0 32%;font-size:clamp(12px,.85vw,16px)}.board-mode .run-row{position:sticky;bottom:0;z-index:4;background:white;padding:6px 0}.board-mode .program{overscroll-behavior:contain;max-height:var(--workbench-height,calc(100svh - 280px))}}
@media(min-width:1100px) and (max-height:850px){.board-mode .campaign{margin:10px 0 17px}.board-mode .campaign h1{font-size:28px}.board-mode .campaign .handwritten{font-size:21px;margin-bottom:3px}.board-mode .atelier-topline{padding:7px 0}.board-mode .chapter-files a{padding:11px 10px 9px}.board-mode .commands button{min-height:52px}.board-mode .commands button[data-command=send]{min-height:48px}.board-mode #queue button{min-height:58px;padding:6px}.board-mode #queue .command-icon{height:18px;width:22px}.board-mode #queue button .command-name{margin-top:4px;font-size:12px}.board-mode #queue small{top:5px;left:6px;font-size:10px}.board-mode #queue{max-height:130px;min-height:68px}.board-mode .second+.hint{margin:7px 0 9px}.board-mode .atelier-note{margin-top:13px;padding:13px 17px;min-height:65px}.board-mode .atelier-note p{font-size:22px}}
@media(min-width:1100px) and (max-height:850px){.board-mode .workbench-heading>p,.board-mode .second+.hint{display:none}.board-mode .commands{margin:10px 0 12px}.board-mode .command-hint{margin:8px 0}.board-mode #queue{margin-top:10px}}
/* Full-width teaching desk. Trace/results use a third column when it is readable. */
.experience-layout{min-width:0}
@media(min-width:1100px){.water-atelier.board-mode header,.water-atelier.board-mode main{max-width:none;margin-inline:0;padding-inline:clamp(24px,2.5vw,64px)}.board-mode .board{margin-left:0;margin-right:auto}}
@media(min-width:1680px){
 .wide-board .experience-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:28px;align-items:start}
 .wide-board .game-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px}
 .wide-board .program{padding-left:23px;max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0}.wide-board .world-heading{display:block}
 .wide-board .run-row{position:static}
 .wide-board .world-heading h2{font-size:clamp(25px,1.55vw,36px)}.wide-board .world-heading p{max-width:none;line-height:1.4;margin-top:8px;font-size:clamp(13px,.78vw,18px)}
 .wide-board .world-heading p br{display:none}
 .wide-board .workbench-heading h2{font-size:clamp(28px,1.75vw,40px)}.wide-board .workbench-heading .handwritten{display:none}
 .wide-board .commands strong{font-size:clamp(15px,.95vw,21px)}.wide-board .commands button{padding-inline:12px;gap:10px;min-height:62px}.wide-board .commands button[data-command=send] small{display:none}
 .wide-board .command-hint{font-size:clamp(13px,.8vw,17px)}.wide-board .second+.hint{font-size:12px}
 .wide-board #queue li{flex-basis:calc(25% - 8px);max-width:calc(25% - 4px)}.wide-board #queue button .command-name{font-size:clamp(12px,.8vw,17px)}
 .wide-board #review-pane{min-width:0;border-left:1px solid #b9bdb4;padding:0 0 2px 24px;max-height:var(--workbench-height,calc(100svh - 280px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .review-waiting{background:#f6f7f2;border-top:1px solid #aeb9a5;padding:24px;color:#65735c}
 .review-waiting>span{font:10px 'IBM Plex Mono',monospace;color:var(--accent)}.review-waiting h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:13px 0}.review-waiting p{font-size:15px;line-height:1.6;margin-bottom:0}
 .wide-board #test-record{margin:0 0 20px}.wide-board #test-record h2{font-size:clamp(25px,1.5vw,34px);font-weight:600;letter-spacing:-.025em;margin:0 0 12px;line-height:1.2}
 .wide-board #test-record>p{font-size:clamp(13px,.8vw,17px);line-height:1.5;margin:9px 0 16px}
 .wide-board .table-wrap{overflow-x:auto}.wide-board table{font-size:clamp(11px,.7vw,15px);table-layout:fixed}
 .wide-board th,.wide-board td{padding:10px 5px;overflow-wrap:anywhere}.wide-board th:first-child{width:30%}.wide-board th:not(:first-child){width:14%}
 .wide-board caption{font-size:11px;margin:0 0 6px}.wide-board #result{padding:22px 18px}
 .wide-board #result h2{font-size:clamp(24px,1.4vw,33px)}.wide-board #result-copy{font-size:clamp(14px,.85vw,18px);line-height:1.55}
 .wide-board #result button{margin:8px 0 0;width:100%;font-size:14px;min-height:48px}.wide-board #result .challenge-link{display:flex;width:100%;justify-content:center;font-size:14px;text-align:center}
 .wide-board .water-readings>div{padding-inline:14px}.wide-board .water-readings>div:first-child{padding-left:0}.wide-board .water-readings span{font-size:clamp(9px,.65vw,15px)}
}
@media(prefers-reduced-motion:reduce){.water-atelier *, .water-atelier *:before,.water-atelier *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* One type scale and shared heading baseline across the teaching desk. */
.water-atelier{font-family:'IBM Plex Sans',sans-serif;line-height:1.5}
.water-atelier h2,.water-atelier h3,.water-atelier button,.water-atelier table{font-family:'IBM Plex Sans',sans-serif}
.section-kicker,.workbench-heading>p{display:block;font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.055em;color:#5c665c;margin:0 0 12px}
.world-title{flex:1;max-width:67%;min-width:0}.world-title h2{max-width:none}
.world-heading>p{padding-top:26px;color:#556353;font-size:14px;line-height:1.5}
.workbench-heading h2,.world-heading h2,.water-atelier #test-record h2{font-weight:600;letter-spacing:-.025em;line-height:1.15}
.water-atelier .command-hint,.water-atelier .second+.hint{color:#556353;font-size:13px;line-height:1.5}
.water-atelier .limit{font-family:'IBM Plex Sans',sans-serif;font-size:12px;color:#626b61;line-height:1.5}
.water-atelier .atelier-note p{font-family:'IBM Plex Sans',sans-serif;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0}
.water-atelier .atelier-note span{font-size:10px;color:#4e604a}
.water-atelier .chapter-files a>span{font-size:15px;line-height:1.35}.water-atelier .chapter-files small{font-size:10px;color:#5e695b}
.water-atelier #queue button .command-name{font-size:13px;line-height:1.3}.water-atelier #sequence-count{font-size:11px;color:#626b61}
.water-atelier .water-readings strong,.water-atelier table{font-variant-numeric:tabular-nums}
.water-atelier .water-readings span{color:#53604f}.water-atelier #result h2{font-weight:600;letter-spacing:-.025em;line-height:1.2}
.water-atelier #result-copy{line-height:1.6}.water-atelier #result-code{font-size:12px!important;line-height:1.6}
@media(min-width:1100px){.board-mode .world-title{max-width:none}.board-mode .world-heading>p{font-size:clamp(13px,.85vw,17px)}.board-mode .atelier-note p{font-size:clamp(16px,1vw,20px);line-height:1.5}.board-mode .limit{font-size:12px}}
@media(min-width:1680px){
 .wide-board{--desk-heading:clamp(26px,1.6vw,36px)}
 .wide-board .world-heading h2,.wide-board .workbench-heading h2,.wide-board #test-record h2{font-size:var(--desk-heading);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0}
 .wide-board .world-heading>p{padding-top:0;margin-top:12px;font-size:clamp(14px,.85vw,19px)}
 .wide-board .workbench-heading>p,.wide-board .section-kicker{font-size:11px;line-height:1.4;margin:0 0 12px;color:#586352}
 .wide-board .command-hint,.wide-board #test-record>p{font-size:clamp(14px,.85vw,19px);line-height:1.5;margin:12px 0 16px;max-width:none}
 .wide-board .commands strong{font-size:clamp(16px,1vw,22px)}.wide-board #queue button .command-name{font-size:clamp(14px,.85vw,19px)}
 .wide-board .commands b,.wide-board #queue button>span:first-child{align-items:center}
 .wide-board .second+.hint{font-size:13px;line-height:1.5}
 .wide-board table{font-size:clamp(14px,.82vw,18px);line-height:1.4;font-variant-numeric:tabular-nums}
 .wide-board th,.wide-board td{padding:11px 7px;overflow-wrap:normal;vertical-align:middle}
 .wide-board th:not(:first-child),.wide-board td{text-align:center}.wide-board tbody th{text-align:left;font-weight:400;color:var(--ink)}
 .wide-board thead th{font-weight:500;color:#40543f}.wide-board caption{font-size:12px;color:#5e6b58}
 .wide-board .water-readings span{font-size:clamp(11px,.72vw,16px)}
 .wide-board #result-copy{font-size:clamp(16px,.9vw,20px);line-height:1.55}
 .wide-board #result h2{font-size:clamp(25px,1.5vw,34px);font-weight:600}
 .wide-board #result button,.wide-board #result .challenge-link{font-size:clamp(15px,.85vw,19px)}
 .wide-board .partner h2{font-size:22px;font-weight:600}.wide-board .partner p{font-size:clamp(14px,.85vw,18px);line-height:1.6}
}
@media(max-width:1250px){.world-title{max-width:none}.world-heading>p{padding-top:0}}
@media(max-width:650px){.world-title{max-width:63%}.world-heading h2{max-width:none}.world-heading>p{padding-top:24px;font-size:12px;line-height:1.5}.section-kicker,.workbench-heading>p{font-size:9px;margin-bottom:9px}.water-atelier .chapter-files a>span{font-size:11px}.water-atelier .chapter-files small{font-size:8px}.water-atelier .workbench-heading .handwritten{display:none}.water-atelier .command-hint{font-size:14px}.water-atelier .commands strong{font-size:14px}.water-atelier .atelier-note p{font-size:16px;line-height:1.5}.water-atelier .water-readings span{font-size:9px}.water-atelier .limit{font-size:12px}.water-atelier .start-state{font-size:9px}.water-atelier table{font-size:13px;line-height:1.5}}
@media(min-width:1100px) and (max-height:850px){.board-mode .section-kicker,.board-mode .workbench-heading>p{display:none}.board-mode .world-heading>p{padding-top:0}.board-mode .limit{font-size:11px}.board-mode .atelier-note p{font-size:16px;line-height:1.45}}
@media print{body.water-atelier{background:white}.water-atelier main,.water-atelier header{display:none!important}}