:root{font-family:system-ui,sans-serif;color:#19372f;background:#f5f7f4;line-height:1.55}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#12654b}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}h2{font-size:1.3rem}section,.panel{background:white;border-radius:16px;padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}label{display:block;margin:14px 0}input:not([type=checkbox]),textarea,select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #8a9e96;border-radius:8px;font:inherit}textarea{min-height:90px}button,.button{display:inline-block;font:inherit;background:#12654b;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;text-decoration:none;margin:8px 8px 8px 0}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#e0e9e3;color:#19372f}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#eef3ef;padding:16px}#notice:not(:empty){padding:14px;border:1px solid #ab7451;background:#fff5e5;border-radius:8px}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid #ba8b2d;outline-offset:3px}footer{font-size:.9rem}small{display:block}.price{font-size:2rem;font-weight:700}
