:root{font-family:system-ui,sans-serif;color:#20382a;background:#f7f6f0}*{box-sizing:border-box}body{margin:0}header{background:#153527;color:#fff;padding:23px max(24px,calc((100vw - 980px)/2));display:flex;justify-content:space-between;gap:12px}header span{font:24px Georgia,serif}header small{color:#b5cbb9}main{max-width:980px;margin:auto;padding:0 24px}.hero{padding:65px 0;border-bottom:1px solid #d9ddd4}.hero small{letter-spacing:.2em;color:#927d4c}.hero h1{font:normal clamp(38px,5vw,66px)/1.14 Georgia,serif}.hero em{color:#54836a}.hero p{color:#687b6b}section{margin-bottom:42px}.editor{padding:24px;background:#fff;border:1px solid #e2e5dd;border-radius:14px;margin-top:32px}h2{font: 29px Georgia,serif}input,textarea{width:100%;padding:13px;margin:7px 0;border:1px solid #d6ded5;border-radius:8px;font:inherit}textarea{min-height:130px;resize:vertical}button{background:#24533a;color:#fff;border:0;border-radius:8px;padding:13px 20px;cursor:pointer}button:disabled{opacity:.4}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:16px}article{background:#fff;border:1px solid #e1e4da;border-radius:12px;padding:20px;overflow-wrap:anywhere}article h3{font: 23px Georgia,serif}article p{white-space:pre-wrap}article small,article time{color:#728b77}footer{border-top:1px solid #ddd;padding:25px 0;color:#986f42;font-size:13px}