body { margin:0; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color:#16273b; background:#ffffff; line-height:1.65; }
  .top { background:#ffffff; border-bottom:1px solid #e8edf4; padding:16px 22px; }
  .top a { color:#0f1e30; text-decoration:none; font-weight:800; font-size:17px; letter-spacing:.2px; }
  main { max-width:760px; margin:0 auto; padding:36px 20px 70px; }
  h1 { color:#0f1e30; font-size:30px; margin:0 0 4px; letter-spacing:-.3px; }
  .meta { color:#6b7a8c; font-size:14px; margin-bottom:28px; }
  h2 { color:#1f66e0; font-size:20px; margin:32px 0 8px; }
  ul { padding-left:22px; }
  li { margin:6px 0; }
  strong { color:#0f1e30; }
  .foot { border-top:1px solid #e3e9f0; margin-top:44px; padding-top:18px; font-size:14px; color:#6b7a8c; }
  a { color:#1f66e0; }
  .banner-ok { background:#e6f7ec; border:2px solid #2e9e5b; border-radius:12px; padding:18px 22px; font-size:22px; font-weight:700; color:#1b6b3c; }
  .banner-bad { background:#fdecea; border:2px solid #c0392b; border-radius:12px; padding:18px 22px; font-size:22px; font-weight:700; color:#8a1f1f; }
  .rep { border-collapse:collapse; width:100%; margin:6px 0 18px; }
  .rep th { background:#1f66e0; color:#fff; text-align:left; padding:7px 10px; font-size:14px; }
  .rep td { border:1px solid #e3e9f0; padding:7px 10px; font-size:14px; }
  .note { color:#6b7a8c; font-size:13px; }