:root {
    --bg: #0b0f19;
    --card: #ffffff;
    --ink: #111827;
    --muted: #4b5563;
    --accent: #ef4444;
    --line: #e5e7eb;
  }
  body {
    margin: 0; padding: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    background: #f3f4f6; color: var(--ink);
  }
  .wrap { max-width: 900px; margin: 40px auto; padding: 0 16px; }
  .card { background: var(--card); border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); overflow: hidden; }
  .header { background: var(--bg); color: white; padding: 28px; }
  .header div{display: flex;}
  .header div li a{text-decoration: none; color: white; margin-left: 40px;}
  .header li{list-style-type: none;}
  .title { margin: 0; font-size: 28px; line-height: 1.2; }
  .sub { margin: 6px 0 0; color: #d1d5db; font-size: 14px; }
  .content { padding: 24px; }
  h2 { margin: 18px 0 10px; font-size: 18px; }
  p { color: var(--ink); line-height: 1.6; }
  table { width: 100%; border-collapse: collapse; margin-top: 12px; }
  th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); }
  th { background: #111827; color: #fff; font-weight: 700; }
  tr:nth-child(even) td { background: #fafafa; }
  .muted { color: var(--muted); }
  .footer { padding: 20px 24px; background: #f9fafb; border-top: 1px solid var(--line); }
  .badge { display: inline-block; background: #fee2e2; color: #991b1b; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
  .cta { display: inline-block; background: var(--ink); color: #fff; padding: 10px 14px; border-radius: 10px; text-decoration: none; margin-right: 8px; }