:root{
      --tps-blue:#3598db;
      --text:#111827;
      --muted:#4b5563;
      --line:#e5e7eb;
      --card:#f8fafc;
    }
    html,body{margin:0;padding:0;}
    body{
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
      color:var(--text);
      background:#fff;
      line-height:1.6;
    }
    .wrap{max-width:980px;margin:0 auto;padding:24px 16px 56px;}
    header.hero{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px;}
    h1,h2,h3{color:var(--tps-blue);font-weight:800;line-height:1.25;margin:18px 0 10px;}
    h1{font-size:32px;}
    h2{font-size:22px;margin-top:26px;}
    h3{font-size:18px;margin-top:18px;}
    p{margin:10px 0;}
    .meta{
      display:flex;flex-wrap:wrap;gap:10px 14px;
      font-size:14px;color:var(--muted);
      margin-top:8px;
    }
    .pill{
      border:1px solid var(--line);
      padding:6px 10px;border-radius:999px;background:#fff;
    }
    .key-takeaways{
      background:var(--card);
      border:1px solid var(--line);
      border-radius:14px;
      padding:14px 16px;
      margin:14px 0 10px;
    }
    .key-takeaways ul{margin:8px 0 0 18px;}
    .toc{
      border:1px solid var(--line);
      border-radius:14px;
      padding:14px 16px;
      background:#fff;
      margin:14px 0 22px;
    }
    .toc strong{color:var(--tps-blue);}
    .toc ol{margin:10px 0 0 18px;}
    .toc a{color:var(--text);text-decoration:none;}
    .toc a:hover{text-decoration:underline;}
    figure{
      margin:16px 0;
      padding:12px;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
    }
    figcaption{
      margin-top:10px;
      font-size:13px;
      color:var(--muted);
    }
    .callout{
      border:1px solid var(--line);
      border-left:6px solid var(--tps-blue);
      border-radius:14px;
      padding:14px 16px;
      background:var(--card);
      margin:16px 0;
    }
    .callout a{color:var(--tps-blue);font-weight:700;text-decoration:none;}
    .callout a:hover{text-decoration:underline;}
    .checklist{
      background:#fff;
      border:1px solid var(--line);
      border-radius:14px;
      padding:14px 16px;
    }
    .checklist ul{margin:8px 0 0 18px;}
    .faq{
      border-top:1px solid var(--line);
      margin-top:22px;
      padding-top:10px;
    }
    .cta{
      display:flex;flex-wrap:wrap;gap:10px;
      margin-top:10px;
    }
    .btn{
      display:inline-block;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid var(--tps-blue);
      background:var(--tps-blue);
      color:#fff;
      font-weight:800;
      text-decoration:none;
    }
    .btn.secondary{
      background:#fff;
      color:var(--tps-blue);
    }
    .small{font-size:14px;color:var(--muted);}
    .sr-only{
      position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
    }