.meter-chapter{background:#e7e0d1;color:#263d45;padding:70px 4vw;scroll-margin-top:90px}.meter-intro{max-width:850px;margin:auto}.meter-intro h2{font:400 clamp(42px,5vw,70px)/1.05 Georgia;margin:18px 0;letter-spacing:-.045em}.meter-intro h2 em{color:#a56443;font-weight:400}.meter-intro p{font-size:17px;line-height:1.7;max-width:740px}.meter-note{font-size:12px!important;line-height:1.6!important;color:#6b716a}.meter-chapter button{font:inherit;border:0;cursor:pointer;padding:12px 20px;border-radius:48% 45% 42% 47% / 20% 26% 22% 25%;background:#234356;color:#f5e6c9}.meter-chapter button:focus-visible,.meter-chapter input:focus-visible,.meter-chapter summary:focus-visible,#meter-stage:focus-visible{outline:2px solid #a35534;outline-offset:5px}.meter-open{margin:15px 0}#meter-workshop{scroll-margin-top:88px}.meter-work-head{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:12px 0}.meter-work-head p{font:italic 17px/1.5 Georgia;max-width:700px}.meter-work-head button{white-space:nowrap;background:transparent;color:#455d63;padding:8px;font-size:12px}.meter-chapter [hidden]{display:none!important}#meter-stage{position:relative;height:450px;margin:0 -4vw;touch-action:pan-y}#meter-stage canvas{display:block;width:100%;height:100%}#meter-loading{position:absolute;inset:0;display:grid;place-items:center;font:italic 20px Georgia;pointer-events:none}.meter-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:5px}.meter-actions p{margin:0;display:flex;align-items:center;gap:18px}.meter-actions output{font:italic 28px Georgia;color:#a05d3c}.meter-actions span{font-size:12px;color:#68726c}#meter-reset{margin-left:auto;background:transparent;color:#5b6258;text-decoration:underline;font-size:12px}#meter-feedback{font-size:14px;line-height:1.55;margin:12px 0;min-height:24px;max-width:900px}.meter-precision{margin-top:15px;font-size:12px;color:#68726c}.meter-precision summary{cursor:pointer;width:fit-content}.meter-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:20px 0}.meter-settings input{display:block;width:100%;accent-color:#315e7d;margin-top:12px}.meter-settings output{float:right}#meter-finish{padding:20px 0;border-top:1px solid #c6bca6}#meter-finish h3{font:italic 32px Georgia}#meter-finish p{max-width:760px;line-height:1.6}#meter-finish a{color:#915637}@media(max-width:700px){.meter-chapter{padding:35px 0}#meter-workshop{scroll-margin-top:12px}#meter-stage{height:390px;margin:0 -6vw}.meter-work-head{align-items:start}.meter-work-head p{font-size:14px;margin:8px 0}.meter-work-head button{font-size:11px;max-width:75px;white-space:normal}.meter-actions{gap:10px}.meter-actions button{font-size:12px;padding:11px 15px}.meter-actions p{gap:8px}.meter-actions output{font-size:23px}.meter-actions span{font-size:10px;max-width:72px}#meter-reset{margin-left:0}.meter-settings{grid-template-columns:1fr;gap:18px}#meter-feedback{font-size:13px}.meter-intro p{font-size:16px}}@media print{#meter-workshop,.meter-open{display:none!important}.meter-chapter{break-inside:avoid;padding:20px 0}}

#meter-history{font:italic 18px/1.6 Georgia;color:#6f402c;margin:8px 0;overflow-wrap:anywhere}@media(max-width:700px){#meter-history{font-size:16px}}

/* One visible next action; the physical demonstration stays the centre of the chapter. */
.meter-work-head>div{max-width:820px}.meter-work-head .meter-goal{font:16px/1.5 Arial,sans-serif;margin:8px 0 24px;color:#425d61}.meter-work-head #meter-step{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#99603d}.meter-work-head #meter-task{font:400 clamp(26px,3vw,39px)/1.12 Georgia,serif;margin:9px 0 12px;letter-spacing:-.025em}.meter-work-head #meter-help{font:16px/1.55 Arial,sans-serif;margin:0 0 10px;max-width:740px}.meter-work-head{align-items:flex-start}.meter-actions #meter-sample{min-height:48px;min-width:210px}.meter-actions #meter-sample:disabled{background:#687c7d;cursor:wait}.meter-actions output{font-variant-numeric:tabular-nums}.meter-settings input:disabled{opacity:.4}.meter-chapter[data-step="complete"] #meter-result{font:italic 23px/1.5 Georgia,serif;color:#815237}.meter-chapter[data-step="flowing"] #meter-reading{color:#315e7d}@media(max-width:700px){.meter-work-head .meter-goal{font-size:14px;margin-bottom:18px}.meter-work-head #meter-help{font-size:14px}.meter-work-head #meter-task{font-size:27px}.meter-actions #meter-sample{width:100%;font-size:15px;order:-1}.meter-actions{gap:14px}#meter-feedback{min-height:42px}.meter-chapter[data-step="complete"] #meter-result{font-size:21px}}
/* Keep the next action in view together with the experiment. */
#meter-workshop{scroll-margin-top:20px}.meter-work-head .meter-goal{margin:0 0 12px;font-size:14px}.meter-work-head #meter-task{font-size:30px;margin:6px 0 8px}.meter-work-head #meter-help{font-size:14px;margin:0}.meter-work-head{margin:8px 0}#meter-stage{height:clamp(280px,43vh,360px)}
@media(max-width:700px){#meter-stage{height:290px}.meter-work-head #meter-task{font-size:25px}.meter-work-head .meter-goal{font-size:12px;margin-bottom:10px}.meter-work-head #meter-help{font-size:13px}.meter-actions{gap:9px}.meter-actions #meter-sample{min-height:44px}}