body { font-family: Arial, sans-serif; color: #222; line-height: 1.6; margin: 20px; }
    h1 { color: #F9690F; }
    h2 { color: #333; margin-top: 1.4em; }
    .lead { font-size: 1.05em; margin-bottom: 1em; }
    ul { margin-left: 1.2em; }
    .cta { margin: 20px 0; }
    .note { background: #fff8e6; border-left: 4px solid #F9690F; padding: 10px 12px; margin-top: 12px; }
    footer { margin-top: 28px; color: #666; font-size: 0.95em; }
    .responsive-table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 1em; min-width: 300px; }
    .responsive-table th, .responsive-table td { border: 1px solid #ddd; padding: 0.75em 1em; text-align: center; }
    .responsive-table th { background-color: #f5f5f7; color: #222; font-weight: bold; }
    .responsive-table tr:nth-child(even) { background-color: #fafafc; }
    @media (max-width: 800px) {
      .responsive-table thead { display: none; }
      .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td { display: block; width: 100%; }
      .responsive-table tr { margin-bottom: 1.5em; border: 2px solid #eee; border-radius: 0.6em; background: #fff; box-shadow: 0 2px 10px 0 #eee; }
      .responsive-table td { text-align: left; padding: 0.7em 1em; position: relative; padding-left: 50%; border: none; border-bottom: 1px solid #eee; }
      .responsive-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 1em;
        top: 0.7em;
        font-weight: bold;
        color: #444;
        width: 45%;
        text-align: left;
        white-space: nowrap;
      }
    }
    /* Optional: colored check/cross icons */
    .yes { color: #15b66a; font-weight: bold; }
    .no { color: #ca2222; font-weight: bold; }
    .cta {
      display: inline-block;
      margin-top: 0.5em;
      padding: 0.5em 0.9em;
      background: #ffd24a;
      color: #111;
      border-radius: 6px;
      text-decoration: none;
      font-weight: 700;
    }