@import url('/prepsheet-content-surfaces-20260912.css');
@font-face{font-family:Outfit;src:url('/fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ps-green:#16382c;--ps-citron:#eef283;--ps-white:#f8faf6;--ps-paper:#fff;--ps-muted:#526158;--ps-line:#d7ded8;--ps-red:#bd3d32}
html{background:var(--ps-white);color:var(--ps-green)}
body{background:var(--ps-white);color:var(--ps-green);font-family:Outfit,system-ui,sans-serif;line-height:1.6}
.ps-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px max(24px,calc((100% - 1180px)/2));background:var(--ps-citron);color:var(--ps-green);gap:24px}
.ps-brand{display:inline-flex;align-items:center;flex:0 0 auto}.ps-brand img{display:block;width:210px;height:37px;object-fit:contain;object-position:left center}
.ps-primary-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:20px}.ps-primary-nav a{color:var(--ps-green);font-size:14px;font-weight:600;text-decoration:none}.ps-primary-nav a:hover{text-decoration:underline;text-underline-offset:4px}.ps-nav-cta{padding:9px 14px;background:var(--ps-green)!important;color:var(--ps-citron)!important;border-radius:3px}
.ps-menu-toggle{display:none;border:1px solid var(--ps-green);border-radius:3px;padding:9px 12px;background:transparent;color:var(--ps-green);font-weight:700;cursor:pointer}
.wrap{max-width:1180px;margin:0 auto;padding:34px 24px 72px}.crumbs{color:var(--ps-muted);font-family:Outfit,system-ui,sans-serif;font-size:12px;letter-spacing:.08em}.crumbs a{color:var(--ps-muted)}
h1,h2,h3,h4,h5,h6{font-family:Outfit,system-ui,sans-serif;color:var(--ps-green);font-weight:850;letter-spacing:-.035em}h1{font-size:clamp(36px,6vw,68px);line-height:.98}h2{font-size:clamp(28px,4vw,44px);line-height:1.03}h3{font-size:24px}.lede{color:var(--ps-muted);max-width:65ch}.muted{color:var(--ps-muted)}
a{color:#1e5c42}.btn,.button,button,input,select,textarea{font-family:inherit;border-radius:3px}.btn,.button{font-weight:700}.btn.primary,.button.primary{background:var(--ps-green);color:var(--ps-citron)}
input,select,textarea{border:1px solid #aebbb2;background:var(--ps-paper);color:var(--ps-green);min-height:44px;padding:10px 12px}.card,.tool,.article,.product,.sheet,.calc,.panel{border-color:var(--ps-line);background:var(--ps-paper);box-shadow:none}
table{border-color:var(--ps-line)}th{background:#eaf0eb;color:var(--ps-green)}
.ps-footer{background:var(--ps-green);color:var(--ps-white);padding:42px max(24px,calc((100% - 1180px)/2))}.ps-footer-inner{display:grid;gap:24px}.ps-footer-brand{color:var(--ps-citron);font-size:28px;font-weight:850;text-decoration:none}.ps-footer-brand img{display:block;width:210px;height:37px;object-fit:contain;object-position:left center}.ps-footer-lead p,.ps-footer-sister,.ps-footer-copy{max-width:60ch;color:#d6e1da;font-size:14px}.ps-footer a{color:var(--ps-citron)}.ps-footer-nav{display:flex;flex-wrap:wrap;gap:10px 20px}.ps-footer-nav a{text-decoration:none;font-size:13px;font-weight:600}.ps-footer-nav a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--ps-red);outline-offset:3px}
/* Static tool pages retain legacy markup; this scoped layer brings their tokens and shells into the same system. */
body.ps-site{--bg:var(--ps-white);--bg2:var(--ps-white);--bg3:#edf2ed;--cream:var(--ps-white);--cream2:#eef4ee;--ink:var(--ps-green);--text:var(--ps-green);--muted:var(--ps-muted);--dim:#68776d;--line:var(--ps-line);--line2:#aebbb2;--copper:var(--ps-green);--copper-hot:#1e5c42;--copper-deep:#10291f;--herb:#2d6b4e;--serif:Outfit,system-ui,sans-serif;--sans:Outfit,system-ui,sans-serif;color:var(--ps-green);background:var(--ps-white)}
body.ps-site .topbar{background:var(--ps-citron);color:var(--ps-green);border-color:rgba(22,56,44,.2)}
body.ps-site .topbar a,body.ps-site .topbar .brand{color:var(--ps-green)}
body.ps-site .sitefoot,body.ps-site .sitefoot .fwrap{background:var(--ps-green);color:var(--ps-white)}
body.ps-site .sitefoot a{color:var(--ps-citron)}
body.ps-site footer.ps-footer:not(.sitefoot){background:var(--ps-green);color:var(--ps-white);border-color:rgba(255,255,255,.2);padding:32px max(18px,calc((100% - 1180px)/2));display:block}
body.ps-site footer.ps-footer:not(.sitefoot) a{color:var(--ps-citron)}
body.ps-site .tool,body.ps-site .card,body.ps-site .article,body.ps-site .product,body.ps-site .sheet,body.ps-site .calc,body.ps-site .panel,body.ps-site .box{background:var(--ps-paper);color:var(--ps-green);border-color:var(--ps-line);box-shadow:none}
body.ps-site .tool input,body.ps-site .tool select,body.ps-site input,body.ps-site select,body.ps-site textarea{background:var(--ps-paper);color:var(--ps-green);border-color:var(--ps-line2)}
body.ps-site table th{background:#eaf0eb;color:var(--ps-green)}
body.ps-site .topbar + main,body.ps-site main.wrap{background:var(--ps-white)}
body.ps-site .crumbs,body.ps-site .crumbs a,body.ps-site .crumbs [aria-current]{color:var(--ps-muted);text-shadow:none}
body.ps-site .crumbs [aria-current]{font-family:Outfit,system-ui,sans-serif;background:transparent}
body.ps-site .cta,body.ps-site .dlbox,body.ps-site .buy,body.ps-site .product{box-shadow:none;background:var(--ps-paper);color:var(--ps-green);border-color:var(--ps-line)}
body.ps-site .cta a:not(.dl):not(.dlbtn),body.ps-site .dlbox a:not(.dl):not(.dlbtn){color:#1e5c42}
body.ps-site .product h1{font-size:clamp(36px,6vw,68px);line-height:.98}
body.ps-site .product h2{font-size:clamp(28px,4vw,44px);line-height:1.03}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.ps-header{padding:11px 18px;align-items:flex-start}.ps-brand img{width:168px;height:30px}.ps-primary-nav{flex:1;min-width:0;gap:10px 16px}.ps-menu-ready .ps-menu-toggle{display:block}.ps-menu-ready .ps-primary-nav{display:none;position:absolute;top:60px;left:0;right:0;padding:16px 18px 20px;background:var(--ps-citron);border-top:1px solid rgba(22,56,44,.2);flex-direction:column;align-items:stretch;gap:0}.ps-menu-ready .ps-primary-nav.is-open{display:flex}.ps-primary-nav a{padding:8px 0}.ps-nav-cta{padding:10px 14px!important;text-align:center}.wrap{padding:25px 18px 54px}}
@media print{.ps-menu-toggle,.ps-primary-nav{display:none!important}.ps-header{min-height:auto;padding:8px 0;background:#fff;color:#000}.ps-header img{width:170px;height:auto}.ps-footer,.sitefoot{background:#fff!important;color:#000!important;border-top:1px solid #999}.ps-footer a,.sitefoot a{color:#000!important}.wrap{max-width:none;padding:18px 0}.tool,.card,.article,.product,.sheet,.calc,.panel{break-inside:avoid;box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* These tokens deliberately take precedence over the older tool stylesheet.
   Reading surfaces and action surfaces have distinct foreground rules. */
body.ps-site{--ps-bg:#f8faf6;--ps-ink:#16382c;--ps-green:#16382c;--ps-green-dark:#10291f;--ps-paper:#fff;--ps-surface:#edf2ed;--ps-surface-2:#e3ebe5;--ps-muted:#526158;--ps-line:#d7ded8;--ps-line-strong:#aebbb2;--card-muted:#526158;--card-link:#1e5c42;--green:#16382c;--green-dark:#10291f;--dark:#16382c;--orange:#16382c;--paper:#f8faf6;--wash:#edf2ed;font-family:Outfit,system-ui,sans-serif;background-image:none}
body.ps-site::before,body.ps-site::after{display:none;background-image:none}
body.ps-site :is(h1,h2,h3,h4,h5,h6,.serif){font-family:Outfit,system-ui,sans-serif}
body.ps-site :is(strong,b){color:inherit}
body.ps-site :is(code,pre){color:var(--ps-green);background:#edf2ed}
body.ps-site blockquote{color:var(--ps-muted)}
body.ps-site li.item a{color:var(--ps-green)}
body.ps-site .dlbox a:is(.dl,.dlbtn),body.ps-site .cta button,body.ps-site :is(a,button).buy{background:var(--ps-green);color:var(--ps-citron);box-shadow:none;border-color:var(--ps-green)}
body.ps-site .dlbox a:is(.dl,.dlbtn):hover,body.ps-site .cta button:hover,body.ps-site :is(a,button).buy:hover{background:#245b45;color:var(--ps-citron)}
body.ps-site .pricebox{background:#fff;color:var(--ps-green);box-shadow:none;border:1px solid var(--ps-line)}
body.ps-site .pgrid h1{font-size:clamp(36px,4.5vw,56px);line-height:1.04}
body.ps-site .pgrid h2{font-size:clamp(27px,3vw,36px);line-height:1.12}
body.ps-site :is(main,article,aside,.tbl,.pgrid>div,.pgrid>aside){min-width:0}
body.ps-site :is(.tbl,.recipe-table-wrap){max-width:100%;overflow-x:auto}

/* Readable foregrounds on legacy disclosure, checkout, and footer surfaces. */
body.ps-site:where(:not(.ps-home)) summary,
body.ps-site:where(:not(.ps-home)) .ps-head .t,
body.ps-site:where(:not(.ps-home)) table.pst td.qty,
body.ps-site:where(:not(.ps-home)) .docket2 .dh b.mono{color:var(--ps-green)}
body.ps-site :is(.prod,.pricebox) a.buy,
body.ps-site main.wrap .btn-primary,
body.ps-site main.wrap .btn-primary:hover,
body.ps-site button#add,
body.ps-site button#add:hover{background:var(--ps-green);color:var(--ps-citron);border-color:var(--ps-green)}
body.ps-site main.wrap .btn.btn-ghost,
body.ps-site main.wrap .btn.btn-ghost:hover{color:var(--ps-green);background:transparent;border-color:#aebbb2}
body.ps-site footer.ps-footer p,
body.ps-site footer.ps-footer .sig,
body.ps-site .sitefoot :is(p,.fcopy,.fsis,.sig){color:#d6e1da}
body.ps-site footer.ps-footer p a,
body.ps-site .sitefoot :is(p,.fcopy,.fsis,.sig) a{color:var(--ps-citron)}
@media print{body.ps-site footer.ps-footer p,body.ps-site footer.ps-footer .sig,body.ps-site .sitefoot :is(p,.fcopy,.fsis,.sig){color:#111!important}}

/* Long guides use a comfortable reading measure instead of the wider tool layout. */
body.ps-site main.wrap:has(>.back){max-width:820px;font-size:18px;line-height:1.7}
body.ps-site main.wrap:has(>.back) h1{font-size:clamp(36px,5vw,56px);line-height:1.06}
body.ps-site main.wrap:has(>.back) h2{font-size:clamp(28px,4vw,36px);line-height:1.14}
@media print{body.ps-site footer.ps-footer{display:none!important}}