*{box-sizing:border-box}body{margin:0;background:#f4f3ed;color:#20392d;font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;background:#20392d;padding:20px 5%;color:white}a{color:inherit}main{max-width:1100px;margin:35px auto;padding:0 20px}.toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap}button,input,select,textarea{font:inherit;padding:10px;border:1px solid #9aa69d;border-radius:5px}button{cursor:pointer;background:#20392d;color:white}button:disabled{opacity:.5}article{padding:24px;background:white;border-radius:12px;margin:22px 0;border:1px solid #d0d8cf}h2{margin-top:0}.details{display:grid;grid-template-columns:1fr 1fr;gap:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f3f5f1;padding:14px}label{display:block}textarea{width:100%;margin:8px 0}.danger{background:#9c3029}.edit{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}small{display:block;color:#607364}.notice{color:#97340f} @media(max-width:600px){.details{grid-template-columns:1fr}article{padding:16px}.toolbar input{max-width:100%}}