body{font:16px system-ui;background:#f5f6f1;color:#16332c;margin:0}main{max-width:1050px;margin:auto;padding:32px 20px}.brand{letter-spacing:.2em;font-weight:800;color:#39765b}h1{font-size:36px}#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:25px 0}article{background:white;border:1px solid #d7e2da;border-radius:18px;padding:22px}h2{font-size:21px;margin-top:0}.state{font-size:13px;font-weight:700;color:#486157}p{line-height:1.6}button{border:0;border-radius:9px;padding:12px 18px;background:#17684a;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:default}input{padding:10px;margin:10px}a{color:#17684a}.note,.details{font-size:14px;color:#55665f}code{font-size:12px;word-break:break-word}#message{min-height:25px}