*{box-sizing:border-box}html{font-family:Inter,Arial,sans-serif;background:#f5f7fa;color:#172033}body{margin:0}.warning{background:#7a1f1f;color:#fff;text-align:center;padding:10px;font-weight:800;letter-spacing:.04em}header,main,footer{max-width:1120px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:34px 24px 18px}h1{margin:4px 0 0}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#607086}.badge{display:inline-block;padding:7px 10px;border-radius:999px;background:#e9eef5;font-weight:800;font-size:12px}.card{margin:16px 24px;padding:24px;background:#fff;border:1px solid #dce4ed;border-radius:16px;box-shadow:0 8px 24px rgba(20,35,55,.05)}.card h2{margin-top:0}.head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid article,.fact,.draft{padding:14px;border:1px solid #e4e9f0;border-radius:12px;background:#fafbfd}.grid span,.fact small,.draft small,.muted{color:#657286}.fact,.draft{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;align-items:center;margin-top:10px}.state-waiting{color:#8a6500;font-weight:800}.state-ok{color:#1e6b3a;font-weight:800}.state-error{color:#8a1c1c;font-weight:800}button{margin-top:18px;padding:11px 16px;border:0;border-radius:9px;background:#172033;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}footer{padding:30px 24px;color:#6c7888;text-align:center}@media(max-width:760px){.grid{grid-template-columns:1fr}.fact,.draft{grid-template-columns:1fr}.head,header{flex-direction:column}.card{margin:12px}}