*{box-sizing:border-box}body{margin:0;background:#edf1ec;color:#39433d;font:15px/1.7 Arial,sans-serif}.shell{width:min(1080px,calc(100% - 32px));margin:auto}.top{background:#28322d;color:#d5e5d5;font-size:11px;padding:8px 0}.top span{margin-right:24px}.header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.logo{font-size:30px;color:#45664e}.logo span{color:#83ad74}.logo b{color:#83ad74}.header p{color:#87958b}.nav{background:#45644f;box-shadow:0 2px 5px #0003}.nav a{display:inline-block;color:white;text-decoration:none;padding:14px 24px;font-size:13px}.nav a:hover{background:#6f9874}.crumb{padding:14px 0;color:#89958c;font-size:13px}.hero{background:linear-gradient(120deg,#46674f,#9bbd91);color:white;padding:58px 54px;margin-bottom:24px}.hero h1{font-size:42px;font-weight:normal;margin:0 0 8px}.hero p{font-size:18px}.button{display:inline-block;background:#f1c267;color:#39433d;padding:10px 18px;text-decoration:none;margin-top:12px}.columns{display:grid;grid-template-columns:1fr 1fr .8fr;gap:22px}.columns article,.columns aside,.panel{background:#fff;padding:24px;border:1px solid #dbe2da}.columns h2,.panel h2{color:#52765a;font-weight:normal}.panel{margin:22px 0 50px}li{margin:8px 0}footer{background:#28322d;color:#bdc9bd;padding:28px 0}@media(max-width:700px){.header,.columns{display:block}.header p{margin:0}.nav a{padding:10px}.hero h1{font-size:30px}}