:root{--paper:#f7f5ee;--ink:#263d31;--muted:#596457;--line:#d5d7c9;--green:#264a37;--wash:#e9ecdf;--clay:#a04d35;--white:#fffdf8;--error:#9a2923;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.22em}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ab6239}::selection{background:#d2ddc7}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.16}h1{font-size:clamp(2.5rem,5.2vw,4.6rem);letter-spacing:-.045em;margin-bottom:1.1rem}h2{font-size:2rem;letter-spacing:-.02em}h3{font-size:1.4rem}p{margin-bottom:1.1rem}.wrap{width:min(1150px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-6rem;background:var(--ink);color:white;padding:12px;z-index:99}.skip:focus{top:8px}.site-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:.7rem;font-weight:750;letter-spacing:.13em;line-height:1.4}.wordmark svg{width:34px;height:39px}.site-head nav{display:flex;gap:28px;font-size:.85rem}.site-head nav a{text-decoration:none}.site-head nav a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:1.15rem}.prototype-note{font-size:.72rem;color:var(--muted);padding:8px 0}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;padding:68px 0 64px}.hero .intro{font-size:1.08rem;max-width:560px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--green);color:#fff;padding:13px 21px;border:1px solid var(--green);border-radius:4px;text-decoration:none;font-weight:600;font-size:.91rem;min-height:48px}.button:hover{background:#193b27}.button.secondary{background:transparent;color:var(--ink);border-color:#9ca692}.button.secondary:hover{background:var(--wash)}.quiet{border:0;padding:7px 2px;background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--ink);font-size:.83rem;min-height:44px}.figure-wrap{background:var(--wash);border-radius:50% 50% 4px 4px;padding:32px 24px 16px;position:relative}.pot-figure{display:block;width:100%;max-width:370px;margin:auto}.figure-caption{font-size:.72rem;text-align:center;color:var(--muted);margin:2px 0}.trust-note{font-size:.76rem;color:var(--muted);margin-top:14px}.section{padding:42px 0;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step-num{color:var(--clay);font-size:.75rem;letter-spacing:.1em;font-weight:700;display:block;margin-bottom:14px}.steps p{font-size:.92rem;color:var(--muted)}.reading-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;border-top:1px solid var(--line);text-decoration:none}.reading-row h3{margin:0 0 4px}.reading-row p{margin:0;color:var(--muted);font-size:.88rem}.reading-row:hover h3{text-decoration:underline}.page-intro{padding:42px 0 28px;max-width:790px}.page-intro h1{font-size:clamp(2.1rem,4.3vw,3.5rem)}.page-intro .intro{color:var(--muted);font-size:1rem}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;align-items:start;padding-bottom:48px}.form-panel{border-top:2px solid var(--ink);padding-top:25px}.form-panel h2,.plan-panel h2{font-size:1.65rem;margin-bottom:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.field{min-width:0}.field.full{grid-column:1/-1}label{display:block;font-size:.83rem;font-weight:650;margin-bottom:6px}label small{font-size:.76rem;font-weight:400;color:var(--muted)}input,select{width:100%;max-width:100%;min-height:48px;background:var(--white);border:1px solid #9da594;border-radius:3px;padding:10px 12px;color:var(--ink)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error);border-width:2px}.field-hint{font-size:.72rem;line-height:1.45;color:var(--muted);margin:5px 0 0}.error{color:var(--error);font-size:.76rem;font-weight:600;margin:4px 0 0}.form-error{color:var(--error);padding:10px 14px;border-left:3px solid var(--error);background:#f9eae4;margin-bottom:16px;font-size:.87rem}.measure-tip{margin:20px 0;background:var(--wash);padding:13px 15px;border-left:3px solid #8c9a71;font-size:.8rem;line-height:1.55}.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px}fieldset{border:0;padding:0;margin:0;min-width:0}.plan-panel{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--clay);padding:26px 28px 20px;border-radius:0 0 4px 4px}.plan-total{font-family:Georgia,serif;font-size:clamp(2.4rem,4vw,3.5rem);line-height:1.2;letter-spacing:-.03em;margin-bottom:2px}.plan-subtotal{color:var(--muted);font-size:.87rem}.empty{padding:14px 0 22px;color:var(--muted);font-size:.87rem}.plan-list{padding:0;list-style:none;margin:18px 0}.plan-item{padding:15px 0;border-top:1px solid var(--line)}.plan-item-top{display:flex;justify-content:space-between;gap:18px;align-items:start;font-size:.9rem}.plan-item-top strong{font-weight:650;overflow-wrap:anywhere}.plan-item small{display:block;color:var(--muted);font-size:.73rem}.item-actions{display:flex;gap:20px}.item-actions button{font-size:.75rem;min-height:36px}.bag-area{padding:16px 0 8px;border-top:1px solid var(--line)}.bag-area .fields{gap:12px}.bag-result{padding-top:12px;font-size:.88rem;font-weight:600}.save-actions{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;margin-top:14px}.save-actions .button{padding:10px 14px;font-size:.81rem}.status{font-size:.76rem;line-height:1.5;color:var(--muted);min-height:1.5em;margin:14px 0 0}.status.warning{color:var(--error)}.assumptions{padding-top:16px;border-top:1px solid var(--line);font-size:.77rem;color:var(--muted)}.assumptions summary{cursor:pointer;min-height:36px;color:var(--ink);font-weight:600}.assumptions p{margin:7px 0}.inline-actions{display:flex;gap:20px;flex-wrap:wrap}.undo-area{font-size:.8rem;margin:10px 0 0;color:var(--muted)}.guide-layout{display:grid;grid-template-columns:minmax(0,700px) 1fr;gap:70px;padding:8px 0 58px}.prose{font-size:1rem}.prose h2{font-size:1.6rem;margin-top:30px}.prose li{margin-bottom:8px}.prose code{font-size:.84em;background:var(--wash);padding:4px 7px;overflow-wrap:anywhere}.note-box{border-top:2px solid var(--clay);padding:19px 0;font-size:.86rem;color:var(--muted)}.note-box strong{color:var(--ink)}.sources{font-size:.8rem;padding:18px 0;border-top:1px solid var(--line)}.sources ul{padding-left:20px}.sources a{overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;gap:24px;font-size:.72rem;color:var(--muted)}.site-footer p{margin:0}.site-footer nav{display:flex;gap:22px}.help-row{display:flex;gap:40px;align-items:start}.help-row h2{min-width:230px;font-size:1.8rem}.help-row p{font-size:.92rem;color:var(--muted);max-width:630px}dialog{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:28px;max-width:min(480px,calc(100% - 32px))}dialog::backdrop{background:#15281ecc}dialog h2{font-size:1.8rem}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.no-js{border:1px solid var(--clay);padding:16px;margin-bottom:20px}.measure-diagram{max-width:240px;float:right;margin:0 0 16px 20px}.print-only{display:none}
@media(max-width:850px){.hero{gap:28px;padding:42px 0}.calculator-layout{gap:26px;grid-template-columns:1fr 1fr}.plan-panel{padding:20px}.guide-layout{gap:36px;grid-template-columns:1fr}.guide-aside{display:none}.steps{gap:24px}}
@media(max-width:650px){:root{font-size:16px}.wrap{width:calc(100% - 36px)}.site-head{padding:18px 0;gap:15px;align-items:flex-start}.wordmark{font-size:.61rem;gap:8px}.wordmark svg{width:26px}.site-head nav{gap:12px;font-size:.76rem;flex-wrap:wrap;justify-content:flex-end;max-width:170px}.prototype-note{font-size:.67rem}.hero{grid-template-columns:1fr;padding:30px 0 38px;gap:28px}.hero h1{max-width:480px}.figure-wrap{max-width:340px;margin:auto;width:100%;padding:15px}.pot-figure{max-height:215px}.steps{grid-template-columns:1fr;gap:16px}.steps article{display:grid;grid-template-columns:32px 1fr;gap:5px 12px}.steps article .step-num{grid-row:1/3;margin-top:3px}.steps article p{margin-bottom:0}.steps article h3{margin-bottom:0}.calculator-layout{grid-template-columns:1fr;gap:32px}.page-intro{padding-top:30px}.page-intro h1{font-size:2.5rem}.plan-panel{padding:23px}.form-panel{padding-top:20px}.section{padding:30px 0}.fields{gap:16px}.help-row{display:block}.site-footer{display:block}.site-footer nav{margin-top:12px}.reading-row{align-items:flex-start}.reading-row h3{font-size:1.3rem}.guide-layout{padding-bottom:32px}.measure-diagram{float:none;margin:0 auto 20px;display:block}}
@media print{body{background:white;color:black}.site-head nav,.prototype-note,.form-panel,.save-actions,.item-actions,.bag-area input,.bag-area select,.inline-actions,dialog,.skip,.undo-area,.site-footer,.page-intro,.status{display:none!important}.calculator-layout{display:block}.wrap{width:100%}.plan-panel{border:0;padding:0}.plan-panel h2:before{content:'Potting-mix plan — '}.plan-item{break-inside:avoid}.assumptions{display:block}.assumptions p{display:block}.print-only{display:block}.plan-list small{color:black}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:650px){.fields .field:not(.full)>label{min-height:2.7em}}

.affiliate-links { margin: 1.5rem 0; padding: 1rem 1.2rem; border-left: 3px solid var(--green, #274b38); background: var(--paper, #f6f4ec); }
@media print { .affiliate-links { display: none !important; } }