:root{--ink:#233e37;--paper:#f4f0e5;--line:#cbd2bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.9}a{color:inherit}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #986619;outline-offset:4px}.wrap{max-inline-size:1240px;margin-inline:auto;padding-inline:36px}.edition{font-size:.75rem;padding-block:14px;border-block-end:1px solid var(--line)}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px}.brand{font-size:1.8rem;font-weight:700;text-decoration:none}.brand span{color:#80622c}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:.9rem}#menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:38px 70px}.eyebrow{font-size:.8rem;color:#5a6e52}h1{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.5;margin-block:16px 24px}h2{font-size:2rem;line-height:1.6}h3{font-size:1.3rem}.lead{font-size:1.2rem}.note{font-size:.85rem;color:#54614e}.button{display:inline-block;border:0;background:#294e3b;color:white;padding:14px 25px;text-decoration:none;cursor:pointer;margin-block:12px}.hero figure{margin:0;position:relative}.hero img{inline-size:100%;block-size:520px;object-fit:cover}.hero figcaption{background:#e0d7b4;padding:12px;font-size:.7rem}.principles{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:20px}.section{padding-block:70px}.section>p{max-inline-size:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block-start:30px}.cards article{background:#faf8f2}.cards img{inline-size:100%;block-size:240px;object-fit:cover}.cards article>div{padding:24px}.cards .paper{display:flex;align-items:center;background:#e4e9d7}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}form{padding:30px;border:1px solid var(--line);margin-block-start:30px}label{display:block}input[type=number]{display:block;inline-size:100%;min-inline-size:0;padding:12px;border:1px solid #84917b;background:white;color:var(--ink);margin-block:8px 20px;direction:ltr;text-align:start}output{display:block;background:#e4e9d7;padding:24px;margin-block:16px}.band{background:#e4e9d7}.checklist{display:grid;gap:14px;max-inline-size:850px}.checklist label{background:#f8f7ef;padding:18px;display:flex;align-items:flex-start;gap:14px}.checklist input{margin-block-start:10px;flex-shrink:0;accent-color:#355c3d}.text-button{background:none;border:0;border-block-end:1px solid currentColor;padding:8px 0;cursor:pointer;color:inherit;margin-block:20px}footer{font-size:.9rem}details{border-block-start:1px solid var(--line);padding-block:18px}summary{cursor:pointer;font-weight:700}.skip{position:absolute;inset-inline-start:16px;inset-block-start:-100px;background:white;padding:12px;z-index:10}.skip:focus{inset-block-start:10px}@media(max-width:900px){.hero{gap:30px}.cards{gap:14px}.fields{grid-template-columns:1fr}.hero img{block-size:430px}}@media(max-width:760px){.wrap{padding-inline:20px}header{flex-wrap:wrap}#menu{display:block;background:none;border:1px solid var(--line);padding:8px 14px}nav{display:none;inline-size:100%;flex-direction:column;gap:14px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-block:20px 45px}.hero figure{grid-row:1}.hero img{block-size:300px}h1{font-size:2.8rem}.principles{flex-wrap:wrap;font-size:.8rem}.cards{grid-template-columns:1fr}.section{padding-block:46px}form{padding:20px}.cards img{block-size:250px}h2{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.band{padding:34px;background:#e4e9d7}.band form{max-width:760px;background:transparent}.band input{max-width:100%}.article{max-width:850px;margin-inline:auto;line-height:2}.article li{margin-block:8px}.callout{padding:20px;background:#e4e9d7}.compare{grid-template-columns:1fr 1fr}.compare textarea{display:block;width:100%;padding:10px;margin-block:8px}footer nav{flex-wrap:wrap}.section .cards a{padding:18px;background:#faf8f2}@media(max-width:760px){.compare{grid-template-columns:1fr}}