:root{
    --bg:#0f1220; --card:#1b2138; --border:#2b3352;
    --text:#e8ebf5; --muted:#8b93b0; --primary:#8b7bf0; --warn:#f5a524;
}
*{box-sizing:border-box}
body{
    margin:0;padding:0;background:var(--bg);color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.7;font-size:16px;
}
.wrap{max-width:760px;margin:0 auto;padding:40px 22px 80px}
h1{font-size:26px;margin:0 0 6px}
h2{font-size:19px;margin:34px 0 10px;color:#fff}
h3{font-size:16px;margin:22px 0 8px}
p,li{color:#cdd3e6}
a{color:var(--primary)}
.updated{color:var(--muted);font-size:14px;margin-bottom:30px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 24px;margin:22px 0}
.todo{background:rgba(245,165,36,.10);border:1px solid rgba(245,165,36,.45);
      border-radius:12px;padding:14px 18px;margin:22px 0;color:#ffd58a;font-size:14px}
.warn{background:rgba(245,165,36,.10);border:1px solid rgba(245,165,36,.45);
      border-radius:12px;padding:16px 20px;margin:26px 0;color:#ffd58a}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}
th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.4px}
.back{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:14px}
footer{margin-top:50px;padding-top:20px;border-top:1px solid var(--border);
       color:var(--muted);font-size:13px}
