.jlab{--jl-ink:#153d34;--jl-line:#bccbc0;--jl-soft:#e8eee5;max-width:1160px;margin:auto;color:#243c32}
.jlab [hidden]{display:none!important}.jlab a{color:var(--jl-ink)}.jlab button,.jlab a,.jlab summary{touch-action:manipulation}.jlab :is(button,a,summary):focus-visible{outline:3px solid #946a18;outline-offset:4px}.jlab button:disabled{opacity:.55;cursor:wait}
.jlab-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding:10px 0 25px}.jlab-intro>div:first-child{max-width:640px;display:flex;flex-direction:column}.jlab-kicker{font:600 .7rem/1.5 system-ui;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px!important}.jlab h1{font:normal clamp(2.3rem,4vw,3rem)/1.1 Georgia,serif!important;margin:0 0 13px!important;letter-spacing:-.035em!important}.jlab-intro .reading-save{order:1;font-size:.75rem;margin:16px 0 0}.jlab-intro>div>p:last-child{font-size:.95rem;line-height:1.7;max-width:55ch;margin:0}.jlab-meta{display:flex;flex-direction:column;gap:11px;flex-shrink:0;padding-bottom:4px;font-size:.78rem}.jlab-local{font-size:.73rem;color:#4b6357}
.jlab-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jlab-picker button{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:17px 16px;border:1px solid var(--jl-line);border-radius:5px;background:#f5f6ef;color:var(--jl-ink);font:inherit;cursor:pointer;min-width:0}.jlab-picker button:hover{background:#e8eee4;border-color:#668a75}.jlab-picker button[aria-pressed=true]{background:var(--jl-ink);border-color:var(--jl-ink);color:#fff}.jlab-number{font:12px/1.6 ui-monospace,monospace;opacity:.7;padding-top:1px}.jlab-picker strong{display:block;font:600 .93rem/1.5 system-ui}.jlab-picker small{display:block;font:normal .76rem/1.5 system-ui;margin-top:4px}.jlab-switch-note{font-size:.72rem;color:#53685c;margin:9px 0 25px!important}
.jlab-workspace{border-top:1px solid var(--jl-line);padding:24px 0 0;scroll-margin-top:16px}.jlab-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.jlab-workspace h2{font:normal clamp(1.6rem,3vw,2rem)/1.2 Georgia,serif!important;letter-spacing:-.025em;margin:0!important}.jlab-workspace h2:focus{outline:none}.jlab-workspace h2:focus-visible{outline:2px solid #946a18;outline-offset:5px}.jlab-secondary{background:transparent!important;color:var(--jl-ink)!important;border:1px solid var(--jl-line)!important;padding:9px 13px!important;min-height:42px;font:600 .76rem/1.4 system-ui!important;white-space:nowrap}.jlab-secondary:hover{background:var(--jl-soft)!important}.jlab-guide-note{font-size:.88rem;line-height:1.7;max-width:85ch;margin:12px 0!important}.jlab-help{font-size:.78rem;margin:0 0 16px}.jlab-help summary{cursor:pointer;min-height:32px;display:list-item;padding:4px 0;color:#365c49}.jlab-help dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;background:var(--jl-soft);padding:16px 20px;margin:8px 0 0;border-radius:4px}.jlab-help dt{font-weight:650}.jlab-help dd{margin:5px 0 0;line-height:1.7}.jlab-start-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:var(--jl-soft);border:1px solid var(--jl-line);border-radius:5px}.jlab-start-panel p{font-size:.86rem;margin:0;line-height:1.6}.jlab-start-panel button{font:600 .85rem/1.4 system-ui;white-space:nowrap;background:var(--jl-ink);border:1px solid var(--jl-ink);border-radius:4px;padding:12px 18px;color:#fff;cursor:pointer}.jlab-start-panel button:hover{background:#265749}.jlab [role=status]{font-size:.75rem;color:#4b6357;margin:10px 0;min-height:0}.jlab [role=status]:empty{display:none}.jlab iframe{display:block;width:100%;height:700px;min-height:0;border:0;background:transparent;border-radius:4px}
.jlab-context{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;border-top:1px solid var(--jl-line);margin-top:30px;padding:22px 0 0}.jlab-context p{font-size:.78rem;line-height:1.8;margin:0}.jlab-resources{display:flex;flex-direction:column;gap:10px;font-size:.78rem}.jlab-resources a{display:flex;justify-content:space-between;gap:10px;text-decoration:none}.jlab-resources a:hover{text-decoration:underline}.jlab-note{padding:18px;background:var(--jl-soft)}
@media(max-width:850px){.jlab-intro{align-items:flex-start;gap:24px}.jlab-meta{padding-top:15px;max-width:190px;flex-shrink:1}.jlab-picker button{padding:14px 12px;gap:9px}.jlab-picker small{font-size:.72rem}}
@media(max-width:600px){.jlab-intro{display:block;padding:6px 0 22px}.jlab-meta{max-width:none;flex-direction:row;flex-wrap:wrap;column-gap:20px;row-gap:9px}.jlab-local{flex:1 0 100%}.jlab-picker{gap:5px}.jlab-picker button{display:block;padding:12px 10px;min-height:90px}.jlab-number{display:block;margin-bottom:5px}.jlab-picker strong{font-size:.8rem}.jlab-picker small{display:none}.jlab-switch-note{font-size:.7rem;margin-bottom:20px!important}.jlab-workspace{padding-top:20px}.jlab-workspace-head{align-items:flex-start;gap:10px}.jlab-workspace h2{font-size:1.6rem!important}.jlab-workspace-head .jlab-secondary{font-size:.7rem!important;padding:8px!important;max-width:90px;white-space:normal}.jlab-guide-note{font-size:.83rem}.jlab-help dl{grid-template-columns:1fr;gap:12px;padding:15px}.jlab-start-panel{display:block;padding:20px}.jlab-start-panel button{margin-top:15px}.jlab-context{grid-template-columns:1fr;gap:20px}.jlab iframe{width:calc(100% + 12px);max-width:none;margin-left:-6px}}
@media(forced-colors:active){.jlab-picker button[aria-pressed=true]{border:3px solid Highlight}.jlab-picker button{border-color:ButtonText}.jlab-number{opacity:1}}
@media print{.jlab-workspace,.jlab-picker,.jlab-switch-note{display:none!important}.jlab-intro,.jlab-context{display:block}.jlab-meta{margin-top:20px}}

/* Teach the task at the point of use; keep the experiment steps within reach. */
.jlab-purpose{font:500 1.12rem/1.55 Georgia,serif;color:var(--jl-ink);max-width:48ch;margin:0 0 10px!important}.jlab-intro>div>p:last-child{font-size:.9rem}.jlab-guide-note{font-size:.92rem;max-width:80ch}.jlab-help{font-size:.84rem}.jlab-help summary{min-height:40px;padding:8px 0;font-weight:600}.jlab-help dl{gap:18px 26px}.jlab-help dd{line-height:1.7}.jlab-start-panel strong{display:block;font-size:.92rem;margin-bottom:5px}.jlab-start-panel p{font-size:.82rem;max-width:54ch}
.jlab-steps{position:sticky;top:8px;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:#f3f3eb;padding:7px;border:1px solid var(--jl-line);border-radius:6px;margin:15px 0 19px;box-shadow:0 3px 10px #153d3409}.jlab-steps button{background:#fcfcf6;color:var(--jl-ink);border:1px solid transparent;border-radius:4px;min-height:44px;font:600 .8rem/1.45 system-ui;padding:9px 10px;text-align:left;cursor:pointer}.jlab-steps button:hover{background:var(--jl-soft);border-color:#8eaa97}.jlab-steps button:disabled{cursor:default;opacity:.48}.jlab-steps button:disabled:hover{background:#fcfcf6;border-color:transparent}.jlab [role=status]{font-size:.78rem}
.jlab-steps #jl-return{grid-column:1/-1;background:#dfeadd;border-color:#9bb49e}
@media(max-width:600px){.jlab-purpose{font-size:1.15rem}.jlab-intro>div>p:last-child{font-size:.9rem}.jlab-guide-note{font-size:.9rem}.jlab-help{font-size:.85rem}.jlab-steps{top:5px;gap:4px;padding:5px;margin:12px 0 16px}.jlab-steps button{font-size:.73rem;padding:8px 6px;min-height:50px}.jlab-switch-note{font-size:.75rem}.jlab-meta{font-size:.82rem}}
@media(forced-colors:active){.jlab-steps,.jlab-steps button{border-color:ButtonText}.jlab-steps{background:Canvas}.jlab-steps button:disabled{opacity:1;color:GrayText}}