*{box-sizing:border-box}body{margin:0;background:#f4f7f6;color:#17262f;font:16px/1.5 system-ui,sans-serif}header{display:flex;gap:24px;padding:20px 5%;background:#17262f;color:white}a{color:inherit}main{max-width:1100px;margin:32px auto;padding:0 24px}h1{font-size:30px}.notice{padding:16px;background:#dff5ee;border-radius:6px}select,textarea,button{font:inherit;border:1px solid #a9bab8;border-radius:6px;padding:9px;background:white;color:#17262f}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}label{display:inline-block;margin:8px 8px 8px 0}article{padding:20px;margin:18px 0;background:white;border:1px solid #d7e1df;border-radius:6px}article[hidden]{display:none}h2{font-size:18px;margin:0}small{color:#53646b}textarea{display:block;width:100%;min-height:90px;margin:10px 0;resize:vertical}.published{padding:12px;background:#e7f6ef;border-radius:6px;white-space:pre-wrap}.reply-actions{display:flex;gap:10px;flex-wrap:wrap}@media(min-width:750px){body[data-demo-extension] main{margin-right:450px}}