*{box-sizing:border-box}body{margin:0;background:#f8f3e9;color:#211f1a;font:16px/1.5 system-ui}main{max-width:900px;margin:auto;padding:28px 20px}small{letter-spacing:.18em;color:#776e60}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:38px}article{padding:22px;margin:16px 0;border:1px solid #ded2be;border-radius:20px;background:#fffdf8}button,input{font:inherit;border-radius:10px;padding:12px;border:1px solid #ded2be}button{background:#344332;color:white;cursor:pointer;margin:4px}button:disabled{opacity:.5}input{display:block;width:100%;max-width:400px;margin:8px 0 16px}.notice{background:#e9e1d2;padding:14px;border-radius:12px}#error{color:#9b3027}#catalog label{display:inline-flex;align-items:center;gap:10px;padding:10px}#catalog input{width:auto;margin:0}article p{overflow-wrap:anywhere}#updated{color:#776e60;font-size:14px}