.wheelbarrow-page{--wheel-paper:#f1f0ea;--wheel-forest:#203b31;--wheel-ink:#28352f;--wheel-rule:#aeb9ad;--wheel-ochre:#b67a36;background:var(--wheel-paper);color:var(--wheel-ink)}
.wheelbarrow-page *{box-sizing:border-box}
.wheelbarrow-page .brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.wheelbarrow-page .brand-symbol{display:inline-flex;width:28px;height:28px;flex:0 0 28px}
.wheelbarrow-page .brand-symbol svg{display:block;width:100%;height:100%}
.wheelbarrow-page .brand-pro{color:var(--wheel-forest)}
.wheelbarrow-page button,.wheelbarrow-page input,.wheelbarrow-page select{font:inherit}
.wheelbarrow-page button,.wheelbarrow-page select{cursor:pointer}
.wheelbarrow-page button:disabled{cursor:not-allowed;opacity:.52}
.wheelbarrow-page :is(a,button,input,summary):focus-visible{outline:3px solid var(--wheel-ochre);outline-offset:3px}
.wheel-skip{position:absolute;left:1rem;top:-8rem;background:#fff;color:var(--wheel-forest);padding:.8rem;z-index:10}
.wheel-skip:focus{top:.5rem}
.wheel-main{padding-block:1.3rem 4rem}
.wheel-path{font-size:.88rem;margin:0 0 .7rem;color:#526257}
.wheel-path a{color:var(--wheel-forest)}
.wheel-main h1{font-size:clamp(2.1rem,4.4vw,3.55rem);line-height:1.07;letter-spacing:-.038em;max-width:17ch;margin:.1rem 0 .45rem;color:var(--wheel-forest)}
.wheel-lead{font-size:1.05rem;line-height:1.5;max-width:64ch;margin:0 0 1.15rem}
.wheel-answer{background:#f9f9f5;border:2px solid var(--wheel-forest);padding:1.2rem 1.45rem 1.1rem;box-shadow:6px 6px 0 #d3d8ce}
.wheel-answer-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.wheel-answer h2,.wheel-form-panel h2,.wheel-ledger h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2;margin:0;color:var(--wheel-forest)}
.wheel-answer-heading p{font-size:.92rem;line-height:1.4;margin:0;color:#58675c}
.wheel-totals{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.wheel-total{border-top:2px solid var(--wheel-rule);padding:.75rem .2rem .25rem;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.15rem .8rem}
.wheel-total-primary{border-color:var(--wheel-ochre)}
.wheel-total span{font-size:.92rem;font-weight:700;line-height:1.35}
.wheel-total strong{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:var(--wheel-forest);grid-row:span 2}
.wheel-total small{color:#526257}
.wheel-difference{margin:.65rem 0 0;font-size:.91rem;line-height:1.45;color:#4d5b51}
#wheel-copy,#wheel-share,#wheel-add,#wheel-undo{min-height:44px;border:1px solid var(--wheel-forest);border-radius:3px;padding:.55rem 1rem;background:var(--wheel-forest);color:#fff;font-weight:700}
.wheel-plan-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}
.wheel-share-note{font-size:.8rem;line-height:1.4;color:#536154;max-width:70ch;margin:.45rem 0 0}
#wheel-undo{background:transparent;color:var(--wheel-forest)}
#wheel-copy-status,#wheel-share-status{margin:.2rem 0 0;min-height:1.3em;font-size:.86rem}
.wheel-workspace{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(18rem,.83fr);gap:1.25rem;align-items:start;margin-top:1.65rem}
.wheel-form-panel,.wheel-ledger{border-top:3px solid var(--wheel-forest);padding:1rem 0 0;min-width:0}
.wheel-form-panel>h2,.wheel-ledger>h2{margin-bottom:.7rem}
.wheel-capacity{display:block;font-weight:700;margin:.8rem 0 0}
.wheel-capacity>span,.wheel-zone-volume>span{font-weight:400;color:#526257}
.wheel-capacity input,.wheel-zone input,.wheel-zone select{display:block;width:100%;min-height:48px;border:1px solid #8b9a8b;border-radius:3px;background:#fff;color:#203b31;padding:.45rem .65rem;margin:.35rem 0 0}
.wheel-capacity input{max-width:15rem}
.wheel-capacity small{display:block;max-width:65ch;font-size:.83rem;line-height:1.45;font-weight:400;margin:.35rem 0 0;color:#536154}
.wheel-input-note{font-size:.9rem;line-height:1.55;max-width:68ch;margin:1rem 0 1.25rem}
.wheel-input-note a,.wheel-detail a{color:#145838;text-decoration:underline;text-underline-offset:3px}
.wheel-zone-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--wheel-rule);padding-bottom:.45rem}
.wheel-zone-heading h3{font-size:1.1rem;margin:0}
.wheel-zone-heading span{font-size:.84rem;color:#526257}
.wheel-zone{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.65rem;align-items:end;padding:.9rem 0;border-bottom:1px solid #c5cec3}
.wheel-zone-number{font-variant-numeric:tabular-nums;font-weight:800;color:var(--wheel-forest);align-self:center}
.wheel-zone label{font-size:.86rem;font-weight:700;min-width:0}
.wheel-zone-name{grid-column:2;grid-row:1}
.wheel-zone-mode{grid-column:2;grid-row:2}
.wheel-zone-amount{grid-column:2;grid-row:3;min-width:0}
.wheel-zone-volume{display:block}
.wheel-zone-bag-fields[hidden],.wheel-zone-volume[hidden]{display:none}
.wheel-zone-bag-fields{display:grid;gap:.5rem}
.wheel-zone-bag-size{display:grid;grid-template-columns:minmax(0,2fr) minmax(6rem,1fr);gap:.5rem;align-items:end}
.wheel-zone-bag-fields small{font-size:.78rem;font-weight:400;line-height:1.35;color:#536154}
.wheel-zone-remove{min-height:48px;border:1px solid #8b9a8b;background:transparent;color:var(--wheel-forest);border-radius:3px;padding:.45rem .75rem}
.wheel-zone-remove{grid-column:3;grid-row:1;align-self:start}
.wheel-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.9rem}
.wheel-ledger>p{font-size:.91rem;line-height:1.5;margin:.4rem 0 .85rem}
.wheel-ledger ol{padding:0;list-style:none;margin:0}
.wheel-ledger li{border-top:1px solid var(--wheel-rule);padding:.68rem 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .6rem}
.wheel-ledger li span{overflow-wrap:anywhere}
.wheel-ledger li strong{font-variant-numeric:tabular-nums;color:var(--wheel-forest);white-space:nowrap}
.wheel-ledger li small{grid-column:1/-1;color:#596558}
.wheel-total-volume{border-top:2px solid var(--wheel-forest);padding-top:.8rem;font-weight:700}
.wheel-timing{margin-top:1.5rem;border-block:1px solid var(--wheel-rule);padding:.7rem 0;max-width:100%}
.wheel-timing>summary{min-height:48px;display:list-item;padding:.65rem .35rem;cursor:pointer;color:var(--wheel-forest);font-weight:700}
.wheel-timing>p{max-width:74ch;line-height:1.6;font-size:.95rem;margin:.65rem 0}
.wheel-timing-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start;margin-top:1rem}
.wheel-time-input{display:block;color:var(--wheel-forest);font-weight:700;margin:0 0 1rem;overflow-wrap:anywhere}
.wheel-time-input span{display:block;line-height:1.4;font-size:.94rem}
.wheel-time-input input{display:block;max-width:15rem;width:100%;min-height:48px;margin-top:.35rem;padding:.5rem .65rem;border:1px solid #8b9a8b;border-radius:3px;background:#fff;color:var(--wheel-forest);font-size:1rem}
.wheel-time-input input[aria-invalid="true"]{border:2px solid #923525}
.wheel-timing-answer{min-width:0;border-left:3px solid var(--wheel-rule);padding-left:1rem}
.wheel-timing-answer h2{font-size:1.2rem;line-height:1.25;margin:0 0 .65rem;color:var(--wheel-forest)}
#wheel-time-total{font-size:clamp(1.6rem,3vw,2.2rem);font-variant-numeric:tabular-nums;color:var(--wheel-forest);overflow-wrap:anywhere}
.wheel-timing-answer p,.wheel-timing-answer li{font-size:.9rem;line-height:1.55;overflow-wrap:anywhere}
.wheel-timing-answer ol{margin:.8rem 0 0;padding-left:1.25rem}
.wheel-timing-answer li{padding:.25rem 0}
.wheel-time-link a{color:#145838;text-underline-offset:3px}
@media(max-width:760px){.wheel-timing-workspace{grid-template-columns:1fr;gap:.5rem}.wheel-timing-answer{border-left:0;border-top:2px solid var(--wheel-rule);padding:1rem 0 0}}
.wheel-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.55fr);align-items:center;gap:1rem;margin:2.4rem 0;border-block:1px solid var(--wheel-rule);padding:1rem 0}
.wheel-figure img{display:block;max-width:100%;height:auto}
.wheel-figure figcaption{line-height:1.55;font-size:.92rem;max-width:35ch}
.wheel-detail{max-width:74ch;padding-top:1rem;border-top:1px solid var(--wheel-rule);line-height:1.65}
.wheel-detail h2{font-size:1.55rem;line-height:1.2;color:var(--wheel-forest);margin:.3rem 0 .7rem}
.wheel-detail p{margin:.5rem 0 1rem}
.wheel-faq{margin-top:1.6rem}
.wheel-faq details{border-top:1px solid var(--wheel-rule);padding:.65rem 0}
.wheel-faq summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--wheel-forest)}
.wheel-faq details p{margin:.15rem 0 .6rem}
@media(max-width:760px){.wheel-workspace{grid-template-columns:1fr}.wheel-ledger{padding-top:.8rem}.wheel-figure{grid-template-columns:1fr}.wheel-figure figcaption{max-width:65ch}}
@media(max-width:480px){.wheel-main{padding-top:.5rem}.wheel-path{margin-bottom:.45rem}.wheel-main h1{font-size:2rem;max-width:none}.wheel-lead{font-size:.95rem;margin-bottom:.7rem}.wheel-answer{padding:.85rem .9rem;box-shadow:3px 3px 0 #d3d8ce}.wheel-answer-heading{display:block}.wheel-answer-heading p{margin-top:.25rem}.wheel-totals{gap:.55rem;margin-top:.65rem}.wheel-total{display:block}.wheel-total span{display:block;min-height:2.5em;font-size:.77rem}.wheel-total strong{display:block;font-size:2.4rem;margin:.15rem 0}.wheel-total small{font-size:.72rem}.wheel-zone{grid-template-columns:2rem minmax(0,1fr) auto;align-items:start}.wheel-zone-name{grid-column:2;grid-row:1}.wheel-zone-number{grid-column:1;grid-row:1/4;align-self:start;padding-top:.5rem}.wheel-zone-remove{grid-column:3;grid-row:1;align-self:start}.wheel-zone-mode,.wheel-zone-amount{grid-column:2;}.wheel-zone-mode{grid-row:2}.wheel-zone-amount{grid-row:3}.wheel-zone-bag-size{grid-template-columns:minmax(0,2fr) minmax(6rem,1fr)}.wheel-figure{margin-top:1.8rem}}
@media(max-width:480px){.wheelbarrow-page .site-nav{display:flex;width:100%;min-width:0;flex-wrap:nowrap;justify-content:space-between;gap:4px}.wheelbarrow-page .site-nav a{min-height:44px;flex:0 0 auto;padding-inline:1px;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.wheelbarrow-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}