:root{--ink:#12151a;--dim:#6b7280;--line:#e5e7eb;--bg:#f7f8fa;--card:#fff;
      --ok:#0f7b3f;--bad:#b42318;--warn:#b45309;--accent:#1d4ed8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
     font:15px/1.7 -apple-system,"SF Arabic","Segoe UI",system-ui,sans-serif}
header{display:flex;gap:14px;align-items:center;padding:12px 20px;
       background:var(--card);border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:18px;text-decoration:none;color:var(--ink)}
.pin{font:12px ui-monospace,monospace;color:var(--dim);background:var(--bg);
     padding:2px 8px;border-radius:99px}
.grow{flex:1}.who{color:var(--dim);font-size:13px}
.inline{display:inline}
button.link{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit}
main{max-width:920px;margin:20px auto;padding:0 16px}
footer{max-width:920px;margin:24px auto;padding:0 16px;color:var(--dim);font-size:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;
      padding:18px 20px;margin-bottom:16px}
.card.narrow{max-width:420px;margin:40px auto}
h1{font-size:21px;margin:0 0 10px}h2{font-size:17px;margin:0 0 10px}
h3{font-size:14px;margin:16px 0 8px;color:var(--dim)}
.meta{color:var(--dim);font-size:13px;margin:0 0 12px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:right;color:var(--dim);font-weight:500;font-size:12px;
   border-bottom:1px solid var(--line);padding:6px 8px}
td{padding:7px 8px;border-bottom:1px solid var(--line)}
tr.attention td{background:#fffbeb}
a{color:var(--accent)}
.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}.dim{color:var(--dim)}
.phase{font:12px ui-monospace,monospace;padding:2px 8px;border-radius:99px;
       background:var(--bg);border:1px solid var(--line)}
.phase.AWAITING_APPROVAL{background:#fef3c7;border-color:#fcd34d}
.phase.DELIVERED{background:#dcfce7;border-color:#86efac}
.phase.HUMAN_REQUIRED,.phase.FAILED{background:#fee2e2;border-color:#fca5a5}
blockquote{margin:10px 0;padding:8px 14px;border-right:3px solid var(--line);color:#374151}
pre.post{white-space:pre-wrap;font:inherit;background:var(--bg);padding:14px;
         border-radius:8px;margin:8px 0}
.cite{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}
.cite.client{border-right:3px solid var(--accent)}
.cite.web{border-right:3px solid var(--dim)}
.span{font-weight:600;margin-bottom:8px}
.quotable{background:var(--bg);padding:8px 10px;border-radius:6px;font-size:13px;margin:8px 0}
.tag{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--bg);
     border:1px solid var(--line)}
.tag.client{background:#eff6ff;border-color:#bfdbfe;color:var(--accent)}
.fact{border-top:1px solid var(--line);padding:10px 0}
.chip{font-size:11px;background:var(--bg);padding:2px 6px;border-radius:4px}
.limits ul{margin:8px 0;padding-right:18px}.limits li{margin:6px 0;color:#374151}
label{display:block;margin:12px 0;font-size:13px;color:var(--dim)}
input{display:block;width:100%;margin-top:4px;padding:9px 10px;font:inherit;
      border:1px solid var(--line);border-radius:8px}
button[type=submit],.button{display:inline-block;margin-top:12px;padding:9px 16px;
  background:var(--accent);color:#fff;border:0;border-radius:8px;cursor:pointer;
  font:inherit;text-decoration:none}
code{font:12px ui-monospace,monospace}
.goal{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
textarea{display:block;width:100%;margin-top:4px;padding:9px 10px;font:inherit;
  border:1px solid var(--line);border-radius:8px;line-height:1.7}
label.check{display:flex;gap:8px;align-items:flex-start;color:var(--ink)}
label.check input{width:auto;margin-top:6px}
button.spend{background:var(--warn)}
button.danger{background:var(--bad)}
.card.working{border-color:#fcd34d;background:#fffbeb}
.card.review{border-color:var(--accent)}
form.inline{display:inline-block;margin-left:8px}
.small{font-size:12px}