body{margin:0;background:#fbf7ed;color:#34281d;font:18px/1.65 Georgia,serif}a{color:#713f47}header,footer{max-width:1080px;margin:auto;padding:35px 24px}nav{display:flex;flex-wrap:wrap;gap:20px;font:14px/1.6 system-ui}h1{font-size:clamp(34px,6vw,60px);line-height:1.1;margin:28px 0 20px}header p{max-width:800px}.note{font:14px/1.6 system-ui;border-left:3px solid #b59765;padding-left:16px}label{display:block;font:15px/1.6 system-ui;margin-top:26px}input{font:18px system-ui;padding:12px;border:1px solid #a79579;background:white;width:min(430px,90%)}main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;max-width:1200px;padding:20px 24px;margin:auto}article{min-width:0}article[hidden]{display:none}.art{display:block;background:#f1e8d7;padding:12px}.art img{width:100%;height:auto;display:block}h2{font-size:18px;font-weight:normal;margin:10px 0}a:focus-visible,input:focus-visible{outline:3px solid #713f47;outline-offset:4px}footer{border-top:1px solid #ccbda5;font:14px/1.7 system-ui}#count{font:14px/1.6 system-ui} @media(max-width:900px){main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){main{grid-template-columns:1fr;max-width:360px}}