:root{color:#20382d;background:#f5f3ed;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #d5ddd2;align-items:center;gap:1.5rem;padding:1.5rem 5vw;display:flex}header strong{font:italic 2.5rem Georgia}header span,.eyebrow{letter-spacing:.16em;font-size:.7rem}main{max-width:1000px;margin:4rem auto;padding:0 5vw}h1{font:clamp(2.2rem,6vw,4rem)/1.05 Georgia}section{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;display:grid}article{background:#fff;border:1px solid #d5ddd2;border-radius:18px;padding:1.5rem}h2{font-size:1.2rem}button{color:#fff;font:inherit;background:#254c3a;border:0;border-radius:8px;margin-top:2rem;padding:1rem}p,time{line-height:1.6}header span{max-width:200px}form{max-width:440px}label{margin-bottom:.5rem;display:block}input{width:100%;font:inherit;background:#fff;border:1px solid #687f71;border-radius:8px;padding:1rem}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ba7400}