*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:#f6f3ec;color:#2b2a26;line-height:1.6}
main{max-width:34rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}
h1{font-size:1.75rem;line-height:1.25;margin:0 0 .75rem;color:#3d4a36}
.hero{font-size:1.1rem;margin:0 0 1.25rem}
.own{font-size:.95rem;background:#ebe5d6;border-left:4px solid #7a6a45;padding:.75rem 1rem;margin:0 0 1.5rem}
.btns{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:.75rem}
.btn{display:block;text-align:center;padding:.95rem 1rem;border-radius:.5rem;background:#3d4a36;color:#fff;text-decoration:none;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600}
.btn:hover,.btn:focus{background:#2c3627;outline:3px solid #c9b98f;outline-offset:2px}
.btn.alt{background:#fff;color:#3d4a36;border:2px solid #3d4a36}
footer{font-size:.85rem;color:#55524a;border-top:1px solid #d8d0bd;padding-top:1rem}
footer p{margin:0 0 .75rem}
a{color:#3d4a36}
@media (min-width:48rem){main{padding-top:4rem}h1{font-size:2.1rem}}