*{box-sizing:border-box}body{margin:0;background:#d5c3a9;color:#493322;font:14px/1.55 Arial,sans-serif}a{color:#8b3e17;text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #985832;outline-offset:3px}.demo{text-align:center;background:#f7f4eb;padding:10px;font-size:12px}.page{max-width:940px;margin:24px auto;background:#fffaf0;border:1px solid #a4825d;box-shadow:0 2px 7px #0002}header{padding:25px 28px;background:#754520;color:white;border-bottom:5px solid #c98942}h1{font: bold 30px Georgia,serif;margin:0 0 8px}header p{margin:0 0 4px}nav{display:flex;flex-wrap:wrap;background:#e8c99d;border-bottom:1px solid #b78851}nav a{padding:12px 24px;border-right:1px solid #c39a68;font-weight:bold}main{padding:12px 32px}section{padding:20px 0;border-bottom:1px solid #d1b594;display:flow-root;scroll-margin-top:10px}h2{font: bold 23px Georgia,serif;color:#82471e;margin:0 0 18px;border-bottom:1px solid #c19a70;padding-bottom:8px}h3{font-size:15px;margin-bottom:8px}.welcome{width:290px;float:right;margin:0 0 12px 24px;border:4px solid #d3b38e}.owner{width:150px;float:left;margin:0 20px 12px 0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.gallery img{width:210px;height:140px;object-fit:cover;border:4px solid #d8ba91;max-width:100%}.gallery p{margin:5px 0}.gallery h3{margin:8px 0}.gallery article{padding:12px;background:#f5e7d1;border:1px solid #d7b487}li{margin-bottom:13px}li p{margin:4px 0}blockquote{margin:12px 0;font-style:italic}.quotes figure{margin:18px 0;padding:12px;background:#f2e4cd}.quotes figcaption span{display:block;font-size:12px}form{max-width:470px}label{display:block;margin:12px 0}input,select,textarea{display:block;width:100%;font:16px Arial;padding:8px;border:1px solid #b18d63;border-radius:0;background:white;margin-top:5px}button{background:#754520;color:white;border:1px solid #5c351b;padding:12px 18px;font-size:14px;cursor:pointer}.demo-note,.note{font-size:12px;color:#796046}.form-status{font-weight:bold}footer{padding:20px 30px;background:#ead6b8;font-size:12px;clear:both}@media(max-width:600px){.page{margin:12px}.demo{font-size:11px}header{padding:20px}h1{font-size:26px}nav a{padding:12px 14px}main{padding:8px 18px}.welcome{float:none;width:100%;max-width:330px;margin:0 0 15px}.gallery{gap:12px}.gallery img{height:110px}.owner{width:120px}h2{font-size:21px}}@media(max-width:360px){.gallery{grid-template-columns:1fr}}
header{background:linear-gradient(#85532c,#64391d);border-bottom:6px solid #d19245}nav{background:#eac799}button:hover{background:#915324}a:hover{color:#54290f}.gallery article{border-top:3px solid #b57837}