.workshop{--ink:#19372b;--paper:#f7f5ec;--line:#ced3c6;--accent:#bc4c27;--paint:#85967b;--text-swap-dur:.15s;--text-swap-translate-y:4px;--text-swap-blur:2px;--text-swap-ease:ease-in-out;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;font-size:16px;line-height:1.55}.workshop [hidden]{display:none!important}.workshop *{box-sizing:border-box}.workshop :is(h1,h2,h3,p){margin-top:0}.workshop :is(h1,h2,h3){color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.045em;line-height:1.02}.workshop :is(button,input,textarea){font:inherit}.workshop button,.workshop a{touch-action:manipulation}.workshop button{cursor:pointer}.workshop :focus-visible{outline:3px solid var(--accent);outline-offset:5px}.workshop a{color:inherit;text-underline-offset:4px}.workshop code{font-size:.85em;overflow-wrap:anywhere}.opening,.afterword{max-width:1320px;margin:0 auto;padding:88px 56px;display:grid;grid-template-columns:3fr 1fr;gap:50px}.opening h1{font-size:clamp(46px,6.5vw,90px);line-height:1.01;margin:30px 0;max-width:900px}.opening h1 em{font-weight:400;color:#71816a}.kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:20px}.signal{width:8px;height:8px;background:var(--accent);border-radius:50%}.intro-text{max-width:570px;font-size:18px;line-height:1.65;color:#4b6153}.intro-link{display:inline-flex;align-items:center;gap:40px;text-decoration:none;font-size:14px;margin-top:12px;border-bottom:1px solid var(--ink);padding-bottom:9px}.intro-link span{font-size:23px}.opening-note{align-self:end;justify-self:end;border-left:1px solid var(--line);padding-left:28px;max-width:200px}.opening-note p{font:24px/1.2 Georgia,serif;letter-spacing:-.02em;margin:20px 0}.opening-note strong{font-weight:400;color:var(--accent)}.note-number{font-size:72px;font-weight:200;line-height:1}.small{font-size:12px;line-height:1.6}.muted{color:#536558}.bench{max-width:1320px;margin:0 auto;padding:0 56px 64px;scroll-margin-top:24px}.bench-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-bottom:0}.bench-nav button{display:flex;align-items:center;gap:15px;text-align:left;background:none;border:0;padding:20px 24px;color:#506153;font-size:17px;position:relative}.bench-nav button>span:first-child{font:11px ui-monospace,monospace;opacity:.65}.bench-nav button>span:last-child{margin-left:auto;font-size:25px}.bench-nav button[aria-selected=true]{background:var(--ink);color:var(--paper)}.bench-nav button[aria-selected=true]:after{content:"";position:absolute;bottom:-8px;left:24px;border-top:8px solid var(--ink);border-left:8px solid transparent;border-right:8px solid transparent;z-index:1}.tool-grid,.check-grid{display:grid;grid-template-columns:1fr 1.15fr;min-height:650px}.controls{padding:44px 40px 28px 0}.controls h2,.check-editor h2{font-size:44px;margin:0 0 20px}.support{font-size:14px;line-height:1.65;color:#506153;max-width:360px}.controls form{margin-top:30px;display:grid;gap:14px}.workshop label{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink)}.workshop label>span{font-size:11px;color:#536558}.number-line{display:flex;align-items:center;border-bottom:1px solid #8d9c8f;padding-bottom:8px}.number-line input{background:none;border:none;width:100%;min-width:0;color:var(--ink);font:32px Georgia,serif;padding:3px 0}.number-line>span{font-size:14px;color:#536558}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0}.field-pair label{margin-bottom:10px}.controls input[type=range]{width:100%;height:24px;accent-color:var(--accent);margin:0 0 15px}.colour-line{display:flex;align-items:center;justify-content:space-between;margin:8px 0 18px;gap:10px;font-size:13px}.swatches{display:flex;gap:9px}.swatches button{background:var(--swatch);width:28px;height:28px;border:0;border-radius:50%;position:relative}.swatches button[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:4px}.result-stage{background:#e7eadb;position:relative;padding:30px 32px;overflow:hidden;display:flex;flex-direction:column;color:var(--ink)}.stage-top{display:flex;justify-content:space-between;gap:15px;text-transform:uppercase;font-size:10px;letter-spacing:.06em;position:relative;z-index:1}.wall-scene{height:300px;position:relative;perspective:700px;margin:22px -10px 10px}.wall{position:absolute;inset:22px 38px 48px 26px;background:#f1efdf;transform:rotateY(-12deg) rotateX(3deg);box-shadow:10px 20px 28px #19372b18;overflow:hidden;border:1px solid #19372b12}.wall-coating{height:100%;width:67%;background:var(--paint);transition:width .3s cubic-bezier(.2,.7,.3,1),background-color .25s ease}.wall-seam{position:absolute;right:0;top:0;width:24%;height:100%;border-left:1px solid #19372b1a;background:linear-gradient(90deg,transparent,#19372b08)}.wall-base{height:15px;background:#fbf9ed;position:absolute;bottom:0;width:100%;border-top:1px solid #19372b12}.wall-window{position:absolute;right:13%;top:23%;height:32%;width:20%;background:#213c36;border:8px solid #f7f4e4;box-shadow:0 4px #19372b10}.wall-window:after{content:"";position:absolute;width:5px;height:100%;left:45%;background:#f7f4e4}.wall-window span{position:absolute;left:0;top:38%;width:100%;height:5px;background:#f7f4e4}.wall-shadow{position:absolute;bottom:26px;left:45px;right:25px;height:16px;background:#19372b25;filter:blur(18px);transform:rotate(-2deg)}.roller{position:absolute;left:54%;top:61px;width:85px;height:196px;transform:rotate(14deg);transition:left .3s cubic-bezier(.2,.7,.3,1)}.roller-head{height:35px;width:72px;border-radius:5px;background:var(--paint);border-top:3px solid #f4eee0;box-shadow:0 3px 6px #19372b18;position:relative;z-index:2}.roller-arm{position:absolute;left:43px;top:17px;width:34px;height:80px;border-right:5px solid #bcc3b3;border-bottom:5px solid #bcc3b3;border-radius:0 0 10px}.roller-handle{width:16px;height:86px;position:absolute;top:93px;left:35px;background:var(--accent);border-radius:6px;box-shadow:0 3px 4px #19372b20}.wall-label{position:absolute;bottom:7px;left:36px;font:9px ui-monospace,monospace;letter-spacing:.14em;color:#536558}.result-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-top:auto;border-top:1px solid #a5b39b;padding-top:24px}.result-bottom .kicker{margin-bottom:10px;font-size:10px}.litres{font-family:Georgia,serif;font-size:clamp(65px,7vw,98px);line-height:1;letter-spacing:-.08em}.unit{font-size:17px;margin-left:12px}.breakdown{display:grid;font-size:12px;gap:5px;max-width:170px}.result-rule{border-bottom:1px solid #a5b39b;margin:4px 0}.breakdown #formula{font:11px ui-monospace,monospace;line-height:1.5}.input-error{font-size:13px;color:#89351e;margin:20px 0 0}.takeaway{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding:40px 0;border-bottom:1px solid var(--line)}.takeaway h3{font-size:34px;margin:0 0 12px}.takeaway p:not(.kicker){font-size:14px;max-width:470px;color:#506153;margin-bottom:0}.export-actions{display:flex;align-content:center;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:10px}.action{display:inline-flex;gap:20px;justify-content:space-between;align-items:center;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:13px 18px;font-size:12px;text-align:left}.action.primary{background:var(--ink);color:var(--paper)}.action:hover{background:#d9decf}.action.primary:hover{background:#315840}.text-action{border:0;background:none;text-decoration:underline;text-underline-offset:5px;padding:10px 0;color:var(--ink);font-size:12px}.export-actions [role=status]{width:100%;min-height:20px}.technical{margin-top:22px;font-size:13px}.technical summary{cursor:pointer;padding:9px 0}.technical p{margin:18px 0;color:#536558;max-width:850px}.technical pre{max-height:350px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#e7eadb;padding:20px;font-size:11px;line-height:1.7}.check-editor{padding:44px 40px 35px 0}.presets{display:flex;flex-wrap:wrap;gap:14px;margin:27px 0}.presets button{background:none;border:0;border-bottom:1px solid transparent;color:#536558;padding:5px 0;font-size:12px}.presets button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.check-editor form{display:grid;gap:11px}.check-editor input:not([type=checkbox]),.check-editor textarea{width:100%;min-width:0;border:1px solid #919e8f;border-radius:0;background:#fdfcf7;color:var(--ink);padding:11px;font-size:13px}.check-editor textarea[name=html]{font:12px/1.7 ui-monospace,monospace}.check-editor textarea{resize:vertical}.check-editor form>label:not(:first-child){margin-top:10px}.workshop .checkbox-label{justify-content:flex-start;align-items:flex-start;gap:9px;font-size:12px}.checkbox-label input{accent-color:var(--ink);margin-top:4px;flex-shrink:0}.check-results{background:var(--ink);color:var(--paper);padding:32px;align-self:stretch}.check-results h3{color:var(--paper);font-size:38px;line-height:1.1;margin:5px 0 15px}.verdict-symbol{font-size:90px;line-height:1.1;color:#aec096;margin:18px 0 16px}.check-results[data-state=blocked] .verdict-symbol{color:#ee9b74}.check-results #check-summary{font-size:14px;color:#d9e0d1}.check-results ol{list-style:none;padding:0;margin:22px 0 34px;display:grid;gap:0}.check-results li{padding:15px 0;border-top:1px solid #ffffff30;display:flex;gap:12px;line-height:1.5;font-size:13px}.finding-type{font:10px ui-monospace,monospace;min-width:30px;padding-top:3px;color:#ee9b74}.finding-type.warning{color:#e4ce8c}.scope{font-size:12px;line-height:1.65;color:#cad4c6;border-top:1px solid #ffffff30;padding-top:20px}.scope p{margin-bottom:16px}.plugin-link{font-size:13px;display:inline-block;margin-top:8px}.afterword{grid-template-columns:1fr 1.15fr;border-top:1px solid var(--line);padding-top:60px;padding-bottom:70px}.afterword h2{font-size:46px}.afterword>div:last-child{font-size:15px;line-height:1.75;color:#506153}.afterword p{margin-bottom:22px}.no-script{padding:25px 32px;background:#eed8bd;color:var(--ink)}.t-text-swap{display:inline-block;transform:translateY(0);filter:blur(0);opacity:1;transition:transform var(--text-swap-dur) var(--text-swap-ease),filter var(--text-swap-dur) var(--text-swap-ease),opacity var(--text-swap-dur) var(--text-swap-ease);will-change:transform,filter,opacity}.t-text-swap.is-exit{transform:translateY(calc(var(--text-swap-translate-y)*-1));filter:blur(var(--text-swap-blur));opacity:0}.t-text-swap.is-enter-start{transform:translateY(var(--text-swap-translate-y));filter:blur(var(--text-swap-blur));opacity:0;transition:none}@media(max-width:1000px){.opening,.afterword{padding:64px 32px;gap:30px}.bench{padding:0 32px 50px}.controls,.check-editor{padding-right:28px}.result-stage,.check-results{padding:26px}.opening h1{font-size:68px}.controls h2,.check-editor h2{font-size:36px}.takeaway{gap:30px}.litres{font-size:78px}.wall-scene{margin-left:-25px;margin-right:-20px}.breakdown{font-size:11px}.result-bottom{gap:10px}.unit{margin-left:7px;font-size:14px}}@media(max-width:760px){.opening{grid-template-columns:1fr;padding:50px 24px;gap:25px}.opening h1{font-size:clamp(42px,8.5vw,62px)}.intro-text{font-size:16px}.opening-note{display:none}.bench{padding:0 24px 40px}.bench-nav button{padding:17px 14px;font-size:14px;gap:8px}.bench-nav button>span:last-child{font-size:20px}.bench-nav button[aria-selected=true]:after{left:14px}.tool-grid,.check-grid{grid-template-columns:1fr;min-height:0}.controls,.check-editor{padding:35px 0 26px}.controls h2 br,.check-editor h2 br{display:none}.controls h2,.check-editor h2{font-size:36px}.support{max-width:none}.controls form{margin-top:24px}.result-stage{min-height:450px;padding:24px}.wall-scene{height:260px;margin-top:12px}.wall{inset:25px 45px 45px 36px}.roller{top:58px}.litres{font-size:80px}.breakdown{font-size:12px}.result-bottom{padding-top:20px}.takeaway,.afterword{grid-template-columns:1fr;gap:25px}.takeaway{padding:32px 0}.takeaway h3{font-size:31px}.export-actions{gap:10px}.afterword{padding:40px 24px}.afterword h2{font-size:38px}.check-results{padding:26px}.check-results h3{font-size:34px}.verdict-symbol{font-size:68px}.check-editor input:not([type=checkbox]),.check-editor textarea{font-size:16px}.check-editor textarea[name=html]{font-size:12px}}@media(max-width:374px){.opening,.afterword,.bench{padding-left:20px;padding-right:20px}.opening h1{font-size:42px}.bench-nav button{font-size:12px;padding:16px 10px;gap:6px}.bench-nav button>span:last-child{font-size:17px}.result-stage{padding:20px}.litres{font-size:68px}.breakdown{font-size:11px}.wall{inset-inline:30px}.field-pair{gap:16px}.check-results{padding:20px}.workshop label>span{font-size:10px}}@media(prefers-reduced-motion:reduce){.t-text-swap{transition:none!important}.workshop *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.workshop button:disabled{opacity:.5;cursor:not-allowed}.result-stage[data-large-output=true] .result-bottom{display:grid;gap:20px}.result-stage[data-large-output=true] .litres{font-size:clamp(40px,5vw,64px)}