*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:#eeeadd;color:#332f25;font-family:Arial,Verdana,sans-serif;line-height:1.7}a{color:#476322}a:hover{text-decoration:none}.wrap{max-width:1140px;margin:auto}.top{background:#fffdf4;border-bottom:5px solid #8a9a55}.brand{padding:19px 23px}.brand b{font:700 2.1rem Georgia,serif;color:#513b2a}.brand small{display:block;color:#64744b}.hero{height:242px;background:#9c9b78 url('komposter.webp') center 48%/cover no-repeat;border-bottom:5px solid #a79a60}.tabs{display:flex;flex-wrap:wrap;gap:3px;background:#4e5e32;padding:0 12px}.tabs a{color:white;text-decoration:none;padding:12px 19px;font-weight:bold}.tabs a:hover,.tabs a[aria-current]{background:#374324}.layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:22px;padding:23px 14px}.side{background:#fffdf5;border:1px solid #d7d0b7;border-radius:3px;align-self:start;padding:19px}.side h2{font:700 1.2rem Georgia,serif;color:#53632f;margin:0 0 12px}.side p{font-size:.94rem}.side ul{padding-left:18px}.content{min-width:0;background:#fffdf8;border:1px solid #d7d0b7;padding:27px 34px;box-shadow:0 2px 7px #594b2a1a}h1,h2,h3{font-family:Georgia,serif;line-height:1.25;color:#4c402c}h1{font-size:2.15rem;margin:4px 0 16px}h2{font-size:1.43rem;margin-top:29px}p{margin:0 0 17px}.lead{font-size:1.12rem;color:#5e6546}.photo{width:100%;height:auto;max-height:350px;object-fit:cover;border-radius:3px;margin:8px 0 23px}.tile{padding:16px 0;border-bottom:1px solid #ded8c4}.tile h2{margin:0 0 8px}.tile p{margin:0}.crumb{font-size:.88rem;margin-bottom:15px}.note{background:#f0f1df;border-left:4px solid #9a814c;padding:15px;margin:20px 0}footer{background:#433d2b;color:white;padding:20px;text-align:center}footer a{color:white}ul{padding-left:23px}@media(max-width:740px){html{font-size:16px}.hero{height:150px}.brand b{font-size:1.65rem}.layout{display:flex;flex-direction:column;padding:12px}.side,.content{width:100%}.content{padding:20px}.tabs a{padding:11px}.side{order:2}.content{order:1}h1{font-size:1.8rem}}