/* Tokens match the marketing site (postabroad.com) */
:root{
  --bg:#fff;--sand:#f4f4f5;--ink:#0a0a0a;--soft:#52525b;--mute:#a1a1aa;--line:#e4e4e7;
  --accent:#ffbe1a;--on:#0a0a0a;--pop:#fff1c2;--ok:#15803d;--bad:#b91c1c;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f0f10;--sand:#18181b;--ink:#f4f4f5;--soft:#a1a1aa;--mute:#71717a;--line:#27272a;--pop:#3a2f0b;--ok:#4ade80;--bad:#f87171;
}}
*{box-sizing:border-box;margin:0}
body{font:15px/1.55 Inter,system-ui,sans-serif;background:var(--sand);color:var(--ink)}
h1{font:800 clamp(24px,3.4vw,32px)/1.15 Sora,sans-serif;letter-spacing:-.03em}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
header{background:var(--bg);border-bottom:1px solid var(--line)}
.bar{display:flex;justify-content:space-between;align-items:center;height:60px;gap:12px}
.logo{display:flex;align-items:center;gap:9px;font:800 18px Sora;letter-spacing:-.04em;text-decoration:none}
.logo em{font-style:normal;color:var(--soft);font-weight:700}
.hex{width:26px;height:26px;background:var(--accent);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);display:grid;place-items:center;color:var(--on);font-size:12px}
header nav{display:flex;align-items:center;gap:14px;font-size:14px}
main{padding:32px 16px 64px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.card{background:var(--bg);border:1px solid var(--line);padding:22px;margin-bottom:16px}
.narrow{max-width:520px;margin:40px auto}
.narrow h1{margin-bottom:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tile{display:flex;flex-direction:column;gap:4px;text-decoration:none;margin:0}
.tile:hover{border-color:var(--ink)}
form label{display:block;font-weight:600;font-size:14px;margin:14px 0 0}
input,select,textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}
input[type=checkbox]{width:auto;margin:0}
.row{display:flex;gap:10px}.row input{margin:0;flex:1}
.btn{display:inline-block;background:var(--accent);color:var(--on);border:0;padding:11px 18px;font:600 14px Inter;cursor:pointer;text-decoration:none;margin-top:16px}
.row .btn{margin:0}
.btn:disabled{opacity:.5;cursor:wait}
.link{background:none;border:0;font:inherit;color:var(--soft);cursor:pointer;text-decoration:underline}
.muted{color:var(--soft)}.small{font-size:13px}
.note{background:var(--pop);padding:10px 12px;margin:12px 0}
.error{color:var(--bad);font-size:14px;margin:8px 0}
.tabs{display:flex;gap:4px}
.tabs a{padding:8px 14px;text-decoration:none;border:1px solid var(--line);background:var(--bg)}
.tabs a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:var(--soft);font-weight:600;border-bottom:1px solid var(--line);padding:8px}
td{border-bottom:1px solid var(--line);padding:9px 8px;vertical-align:top}
tr.dim td{color:var(--mute)}
.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;background:var(--sand);border:1px solid var(--line)}
.s-draft_pushed,.s-done{color:var(--ok)}.s-failed{color:var(--bad)}.s-skipped{color:var(--soft)}
.h2{font:700 18px/1.3 Sora,sans-serif;margin-bottom:6px}
.s-researching,.s-writing,.s-qc,.s-running{background:var(--pop)}
@media(max-width:640px){.row{flex-direction:column}.card{padding:16px}table{font-size:13px}th:nth-child(4),td:nth-child(4){display:none}}