:root{font-family:system-ui,sans-serif;color:#202a30;background:#f5f7f6;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1080px)/2));background:#fff;border-bottom:1px solid #dce3df}header a{color:#245746;text-decoration:none;margin-right:18px}.brand{font-weight:700;font-size:20px}main{max-width:1080px;margin:28px auto;padding:0 20px}h1{font-size:26px;margin:0 0 20px}h2{font-size:18px;margin:0 0 8px}a{color:#176b51}button,.button{display:inline-block;border:1px solid #245746;background:#245746;color:#fff;padding:9px 14px;border-radius:4px;font:inherit;text-decoration:none;cursor:pointer}.danger{background:#a63131;border-color:#a63131}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#48534e}input,textarea{width:100%;padding:9px 10px;border:1px solid #bac7c0;border-radius:3px;background:#fff;color:#202a30;font:inherit}textarea{resize:vertical}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.results{margin-top:22px}article{padding:18px 0;border-bottom:1px solid #dce3df}.results article p{margin:8px 0}.results small,.meta,small{color:#67746e}.tags{display:flex;gap:6px;margin-top:8px}.tags span{font-size:13px;color:#245746;background:#e2eee8;padding:3px 7px;border-radius:3px}.editor{display:grid;gap:16px;max-width:860px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.heading h1,.heading h2{margin-bottom:6px}.actions{display:flex;align-items:center;gap:8px}.actions form{display:inline}.markdown{background:#fff;border-left:3px solid #89a99a;padding:14px 22px;margin:22px 0;overflow-wrap:anywhere}.markdown img,.attachment-preview{max-width:min(100%,560px);max-height:420px;object-fit:contain}.attachment-preview{display:block;margin:10px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce3df;max-width:720px}.stats div{background:white;padding:20px}.stats dt{color:#67746e}.stats dd{font-size:24px;margin:6px 0 0}.error{color:#a63131;background:#fbeaea;padding:12px}.empty{color:#67746e;padding:18px 0}@media(max-width:720px){header{padding:12px 18px}header a{margin-right:10px}main{margin-top:20px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.heading{align-items:flex-start}.actions{flex-wrap:wrap}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}